you-tube
Advanced tools
Comparing version 0.0.3 to 0.0.4
@@ -6,4 +6,9 @@ var YouTube = /** @class */ (function () { | ||
var _this = this; | ||
// load API then construct player | ||
this.loadApi().then(function (YT) { return _this.constructPlayer(YT); }); | ||
if ('YT' in window) { | ||
this.constructPlayer(window['YT']); | ||
} | ||
else { | ||
// load API then construct player | ||
this.loadApi().then(function (YT) { return _this.constructPlayer(YT); }); | ||
} | ||
}; | ||
@@ -67,17 +72,12 @@ // Player Constructor | ||
YouTube.prototype.loadApi = function () { | ||
if (!window['YT']) { | ||
var tag = document.createElement('script'); | ||
tag.src = "https://www.youtube.com/iframe_api"; | ||
var firstScriptTag = document.getElementsByTagName('script')[0]; | ||
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); | ||
// return a promise that resolves to YT when the iframe is ready | ||
return new Promise(function (resolve) { | ||
window['onYouTubeIframeAPIReady'] = function () { | ||
resolve(window['YT']); | ||
}; | ||
}); | ||
} | ||
else { | ||
return new Promise(function (resolve) { return resolve(window['YT']); }); | ||
} | ||
var tag = document.createElement('script'); | ||
tag.src = "https://www.youtube.com/iframe_api"; | ||
var firstScriptTag = document.getElementsByTagName('script')[0]; | ||
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); | ||
// return a promise that resolves to YT when the iframe is ready | ||
return new Promise(function (resolve) { | ||
window['onYouTubeIframeAPIReady'] = function () { | ||
resolve(window['YT']); | ||
}; | ||
}); | ||
}; | ||
@@ -84,0 +84,0 @@ YouTube.prototype.render = function () { |
/*! Built with http://stenciljs.com */ | ||
!function(t,e,i,s,r,o,a,n,d){for((t[i]=t[i]||{}).components=a=a||[],(n=e.createElement("style")).setAttribute("data-styles",""),n.innerHTML=(a.map(function(t){return t[0]}).join(",")+"{visibility:hidden}.💎{visibility:inherit}").toLowerCase(),e.head.insertBefore(n,e.head.firstChild),i=i.toLowerCase(),d=(n=e.scripts).length-1;0<=d;d--)if(n[d].src&&n[d].src.split("/").pop()===i+".js"){s=n[d].src.replace(i+".js",i+"/");break}(n=e.createElement("script")).src=s+(t.customElements&&t.fetch?r:"youtube.wpiwaoim.pf.js"),n.setAttribute("data-path",s),n.setAttribute("data-core",r),e.head.appendChild(n)}(window,document,"youtube","/build/youtube/","youtube.km3t34ro.js",0,[["YOU-TUBE","sagedlqv",{$:"ryhbkpm6"},[["autoplay",1],["controls",1],["height",1],["video_id",1],["width",1]]]]); | ||
!function(t,e,i,s,r,o,a,n,d){for((t[i]=t[i]||{}).components=a=a||[],(n=e.createElement("style")).setAttribute("data-styles",""),n.innerHTML=(a.map(function(t){return t[0]}).join(",")+"{visibility:hidden}.💎{visibility:inherit}").toLowerCase(),e.head.insertBefore(n,e.head.firstChild),i=i.toLowerCase(),d=(n=e.scripts).length-1;0<=d;d--)if(n[d].src&&n[d].src.split("/").pop()===i+".js"){s=n[d].src.replace(i+".js",i+"/");break}(n=e.createElement("script")).src=s+(t.customElements&&t.fetch?r:"youtube.wpiwaoim.pf.js"),n.setAttribute("data-path",s),n.setAttribute("data-core",r),e.head.appendChild(n)}(window,document,"youtube","/build/youtube/","youtube.km3t34ro.js",0,[["YOU-TUBE","evd4xb80",{$:"ryhbkpm6"},[["autoplay",1],["controls",1],["height",1],["video_id",1],["width",1]]]]); |
@@ -6,3 +6,3 @@ { | ||
"YOU-TUBE", | ||
"sagedlqv", | ||
"evd4xb80", | ||
{ | ||
@@ -9,0 +9,0 @@ "$": "ryhbkpm6" |
{ | ||
"name": "you-tube", | ||
"version": "0.0.3", | ||
"version": "0.0.4", | ||
"description": "YouTube Web Component built with Stencil", | ||
@@ -5,0 +5,0 @@ "main": "dist/collection/index.js", |
@@ -52,3 +52,3 @@ ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square) | ||
### Script tag | ||
- Put a script tag similar to this `<script src='https://unpkg.com/you-tube@0.0.3/dist/youtube.js'></script>` in the head of your index.html | ||
- Put a script tag similar to this `<script src='https://unpkg.com/you-tube@0.0.4/dist/youtube.js'></script>` in the head of your index.html | ||
- Then you can use the element anywhere in your template, JSX, html etc | ||
@@ -55,0 +55,0 @@ |
73760