From ce513442699f4b3c964adf06d9baa49821351ce3 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sat, 13 Feb 2016 22:18:42 +1100 Subject: [PATCH] iOS fix (Fixes #166), Edge Progress Tip (Fixes #160), SASS fix (Fixes #158) --- .gitignore | 3 ++- controls.md | 3 ++- dist/plyr.css | 2 +- dist/plyr.js | 4 ++-- docs/dist/docs.js | 2 +- docs/src/js/docs.js | 12 +++++++++--- readme.md | 10 +++++----- src/js/plyr.js | 21 +++++++++++++-------- src/less/plyr.less | 17 +++++++++++++---- src/sass/plyr.scss | 16 +++++++++------- 10 files changed, 57 insertions(+), 33 deletions(-) diff --git a/.gitignore b/.gitignore index 0356883a..69adfe50 100644 --- a/.gitignore +++ b/.gitignore @@ -4,4 +4,5 @@ node_modules .DS_Store aws.json docs/index.dev.html -*.mp4 \ No newline at end of file +*.mp4 +notes.txt diff --git a/controls.md b/controls.md index 196a77fb..09aa0902 100644 --- a/controls.md +++ b/controls.md @@ -56,6 +56,7 @@ var controls = ["
", "", "0% buffered", "", + "--:--", "
", "", ""),i(N.controls,"rewind")&&e.push('"),i(N.controls,"play")&&e.push('",'"),i(N.controls,"fast-forward")&&e.push('"),i(N.controls,"current-time")&&e.push('',''+N.i18n.currentTime+"",'00:00',""),i(N.controls,"duration")&&e.push('',''+N.i18n.duration+"",'00:00',""),e.push("",''),i(N.controls,"mute")&&e.push('"),i(N.controls,"volume")&&e.push('",''),i(N.controls,"captions")&&e.push('"),i(N.controls,"fullscreen")&&e.push('"),e.push("",""),e.join("")}function r(t,n){N.debug&&e.console&&console[n?"warn":"log"](t)}function s(){var e,n,r,s=navigator.userAgent,a=navigator.appName,o=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",o="11;"):-1!==(n=s.indexOf("MSIE"))?(a="IE",o=s.substring(n+5)):-1!==(n=s.indexOf("Chrome"))?(a="Chrome",o=s.substring(n+7)):-1!==(n=s.indexOf("Safari"))?(a="Safari",o=s.substring(n+7),-1!==(n=s.indexOf("Version"))&&(o=s.substring(n+8))):-1!==(n=s.indexOf("Firefox"))?(a="Firefox",o=s.substring(n+8)):(e=s.lastIndexOf(" ")+1)<(n=s.lastIndexOf("/"))&&(a=s.substring(e,n),o=s.substring(n+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(r=o.indexOf(";"))&&(o=o.substring(0,r)),-1!==(r=o.indexOf(" "))&&(o=o.substring(0,r)),i=parseInt(""+o,10),isNaN(i)&&(o=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10)),{name:a,version:i,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform),touch:"ontouchstart"in t.documentElement}}function a(e,t){var n=e.media;if("video"==e.type)switch(t){case"video/webm":return!(!n.canPlayType||!n.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/no/,""));case"video/mp4":return!(!n.canPlayType||!n.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/,""));case"video/ogg":return!(!n.canPlayType||!n.canPlayType('video/ogg; codecs="theora"').replace(/no/,""))}else if("audio"==e.type)switch(t){case"audio/mpeg":return!(!n.canPlayType||!n.canPlayType("audio/mpeg;").replace(/no/,""));case"audio/ogg":return!(!n.canPlayType||!n.canPlayType('audio/ogg; codecs="vorbis"').replace(/no/,""));case"audio/wav":return!(!n.canPlayType||!n.canPlayType('audio/wav; codecs="1"').replace(/no/,""))}return!1}function o(e){if(!t.querySelectorAll('script[src="'+e+'"]').length){var n=t.createElement("script");n.src=e;var r=t.getElementsByTagName("script")[0];r.parentNode.insertBefore(n,r)}}function i(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function l(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?\^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function u(e,t){e.length||(e=[e]);for(var n=e.length-1;n>=0;n--){var r=n>0?t.cloneNode(!0):t,s=e[n],a=s.parentNode,o=s.nextSibling;r.appendChild(s),o?a.insertBefore(r,o):a.appendChild(r)}}function c(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function p(e){e&&e.parentNode.removeChild(e)}function d(e,t){e.insertBefore(t,e.firstChild)}function f(e,t){for(var n in t)e.setAttribute(n,"boolean"==typeof t[n]&&t[n]?"":t[n])}function m(e,n,r){var s=t.createElement(e);f(s,r),d(n,s)}function y(e){return e.replace(".","")}function b(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function v(e,t){return e?e.classList?e.classList.contains(t):new RegExp("(\\s|^)"+t+"(\\s|$)").test(e.className):!1}function g(e,t,n){e&&w(e,t,n,!0)}function h(e,t,n){e&&w(e,t,n,!1)}function k(e,t,n,r){g(e,t,function(t){n&&n.apply(e,[t]),r.apply(e,[t])})}function w(e,t,n,r){var s=t.split(" ");if(e instanceof NodeList)for(var a=0;ar;r++){if(e.prefix=n[r],"undefined"!=typeof t[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof t.msExitFullscreen&&t.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=t.body),this.prefix){case"":return t.fullscreenElement==e;case"moz":return t.mozFullScreenElement==e;default:return t[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=t.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?t.cancelFullScreen():t[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?t.fullscreenElement:t[this.prefix+"FullscreenElement"]}),e}function E(){var t={supported:function(){if(!("localStorage"in e))return!1;try{e.localStorage.setItem("___test","OK");var t=e.localStorage.getItem("___test");return e.localStorage.removeItem("___test"),"OK"===t}catch(n){return!1}return!1}()};return t}function S(w){function C(e){if(!Ee.usingTextTracks&&"video"===Ee.type&&Ee.supported.full&&(Ee.subcount=0,e="number"==typeof e?e:Ee.media.currentTime,Ee.captions[Ee.subcount])){for(;L(Ee.captions[Ee.subcount][0])Ee.captions.length-1){Ee.subcount=Ee.captions.length-1;break}if(Ee.media.currentTime.toFixed(1)>=M(Ee.captions[Ee.subcount][0])&&Ee.media.currentTime.toFixed(1)<=L(Ee.captions[Ee.subcount][0])){Ee.currentCaption=Ee.captions[Ee.subcount][1];var t=Ee.currentCaption.trim();Ee.captionsContainer.innerHTML!=t&&(Ee.captionsContainer.innerHTML="",Ee.captionsContainer.innerHTML=t)}else Ee.captionsContainer.innerHTML=""}}function S(){Ee.buttons.captions&&(b(Ee.container,N.classes.captions.enabled,!0),N.captions.defaultActive&&(b(Ee.container,N.classes.captions.active,!0),x(Ee.buttons.captions,!0)))}function M(e){var t=[];return t=e.split(" --> "),O(t[0])}function L(e){var t=[];return t=e.split(" --> "),O(t[1])}function O(e){if(null===e||void 0===e)return 0;var t,n=[],r=[];return n=e.split(","),r=n[0].split(":"),t=Math.floor(60*r[0]*60)+Math.floor(60*r[1])+Math.floor(r[2])}function V(e){return Ee.container.querySelectorAll(e)}function q(e){return V(e)[0]}function H(){try{return e.self!==e.top}catch(t){return!0}}function R(){function e(e){9===e.which&&Ee.isFullscreen&&(e.target!==r||e.shiftKey?e.target===n&&e.shiftKey&&(e.preventDefault(),r.focus()):(e.preventDefault(),n.focus()))}var t=V("input:not([disabled]), button:not([disabled])"),n=t[0],r=t[t.length-1];g(Ee.container,"keydown",e)}function j(e,t){if("string"==typeof t)m(e,Ee.media,{src:t});else if(t.constructor===Array)for(var n=t.length-1;n>=0;n--)m(e,Ee.media,t[n])}function B(){var e=N.html;r("Injecting custom controls"),e||(e=n()),e=l(e,"{seektime}",N.seekTime),e=l(e,"{id}",Math.floor(1e4*Math.random()));var s;if(null!==N.selectors.controls.container&&(s=N.selectors.controls.container,"string"==typeof selector&&(s=t.querySelector(s))),s instanceof HTMLElement||(s=Ee.container),s.insertAdjacentHTML("beforeend",e),N.tooltips.controls)for(var a=V(N.selectors.labels+" ."+N.classes.hidden),o=a.length-1;o>=0;o--){var i=a[o];b(i,N.classes.hidden,!1),b(i,N.classes.tooltip,!0)}}function D(){try{return Ee.controls=q(N.selectors.controls.wrapper),Ee.buttons={},Ee.buttons.seek=q(N.selectors.buttons.seek),Ee.buttons.play=q(N.selectors.buttons.play),Ee.buttons.pause=q(N.selectors.buttons.pause),Ee.buttons.restart=q(N.selectors.buttons.restart),Ee.buttons.rewind=q(N.selectors.buttons.rewind),Ee.buttons.forward=q(N.selectors.buttons.forward),Ee.buttons.fullscreen=q(N.selectors.buttons.fullscreen),Ee.buttons.volume=q(N.selectors.buttons.volume),Ee.buttons.mute=q(N.selectors.buttons.mute),Ee.buttons.captions=q(N.selectors.buttons.captions),Ee.checkboxes=V('[type="checkbox"]'),Ee.progress={},Ee.progress.container=q(N.selectors.progress.container),Ee.progress.buffer={},Ee.progress.buffer.bar=q(N.selectors.progress.buffer),Ee.progress.buffer.text=Ee.progress.buffer.bar&&Ee.progress.buffer.bar.getElementsByTagName("span")[0],Ee.progress.played={},Ee.progress.played.bar=q(N.selectors.progress.played),Ee.progress.played.text=Ee.progress.played.bar&&Ee.progress.played.bar.getElementsByTagName("span")[0],Ee.progress.tooltip=Ee.progress.container&&Ee.progress.container.querySelector("."+N.classes.tooltip),Ee.volume=q(N.selectors.buttons.volume),Ee.duration=q(N.selectors.duration),Ee.currentTime=q(N.selectors.currentTime),Ee.seekTime=V(N.selectors.seekTime),!0}catch(e){return r("It looks like there is a problem with your controls html",!0),W(!0),!1}}function Y(){b(Ee.container,P.selectors.container.replace(".",""),Ee.supported.full)}function W(e){e?Ee.media.setAttribute("controls",""):Ee.media.removeAttribute("controls")}function $(e){var t=N.i18n.play;"undefined"!=typeof N.title&&N.title.length&&(t+=", "+N.title),Ee.supported.full&&Ee.buttons.play&&Ee.buttons.play.setAttribute("aria-label",t),e instanceof HTMLElement&&e.setAttribute("title",N.i18n.frameTitle.replace("{title}",N.title))}function z(){if(!Ee.media)return r("No audio or video element found",!0),!1;if(Ee.supported.full&&(b(Ee.container,N.classes.type.replace("{0}",Ee.type),!0),b(Ee.container,N.classes.stopped,N.autoplay),b(Ee.container,N.classes.isIos,Ee.browser.ios),b(Ee.container,N.classes.isTouch,Ee.browser.touch),"video"===Ee.type)){var e=t.createElement("div");e.setAttribute("class",N.classes.videoWrapper),u(Ee.media,e),Ee.videoContainer=e}i(N.types.embed,Ee.type)?(K(),Ee.embedId=null):N.autoplay&&Z()}function K(){for(var n=t.createElement("div"),r=Ee.embedId,s=Ee.type+"-"+Math.floor(1e4*Math.random()),a=V('[id^="'+Ee.type+'-"]'),i=a.length-1;i>=0;i--)p(a[i]);if(b(Ee.media,N.classes.videoWrapper,!0),b(Ee.media,N.classes.embedWrapper,!0),"youtube"===Ee.type)Ee.media.appendChild(n),n.setAttribute("id",s),"object"==typeof YT?X(r,n):(o(N.urls.youtube.api),e.onYouTubeReadyCallbacks=e.onYouTubeReadyCallbacks||[],e.onYouTubeReadyCallbacks.push(function(){X(r,n)}),e.onYouTubeIframeAPIReady=function(){e.onYouTubeReadyCallbacks.forEach(function(e){e()})});else if("vimeo"===Ee.type){var l=t.createElement("iframe");l.loaded=!1,g(l,"load",function(){l.loaded=!0}),f(l,{src:"https://player.vimeo.com/video/"+r+"?player_id="+s+"&api=1&badge=0&byline=0&portrait=0&title=0",id:s,webkitallowfullscreen:"",mozallowfullscreen:"",allowfullscreen:"",frameborder:0}),Ee.supported.full?(n.appendChild(l),Ee.media.appendChild(n)):Ee.media.appendChild(l),"$f"in e||o(N.urls.vimeo.api);var u=e.setInterval(function(){"$f"in e&&l.loaded&&(e.clearInterval(u),J.call(l))},50)}}function U(){Fe(),$(q("iframe"))}function X(t,n){"timer"in Ee||(Ee.timer={}),Ee.embed=new YT.Player(n.id,{videoId:t,playerVars:{autoplay:0,controls:Ee.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_load_policy:N.captions.defaultActive?1:0,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1,origin:"*"},events:{onReady:function(t){var n=t.target;Ee.media.play=function(){n.playVideo(),Ee.media.paused=!1},Ee.media.pause=function(){n.pauseVideo(),Ee.media.paused=!0},Ee.media.stop=function(){n.stopVideo(),Ee.media.paused=!0},Ee.media.duration=n.getDuration(),Ee.media.paused=!0,Ee.media.currentTime=n.getCurrentTime(),Ee.media.muted=n.isMuted(),T(Ee.media,"timeupdate"),e.clearInterval(Ee.timer.buffering),Ee.timer.buffering=e.setInterval(function(){Ee.media.buffered=n.getVideoLoadedFraction(),T(Ee.media,"progress"),1===Ee.media.buffered&&(e.clearInterval(Ee.timer.buffering),T(Ee.media,"canplaythrough"))},200),U(),ye()},onStateChange:function(t){var n=t.target;switch(e.clearInterval(Ee.timer.playing),t.data){case 0:Ee.media.paused=!0,T(Ee.media,"ended");break;case 1:Ee.media.paused=!1,Ee.media.seeking=!1,T(Ee.media,"play"),T(Ee.media,"playing"),Ee.timer.playing=e.setInterval(function(){Ee.media.currentTime=n.getCurrentTime(),T(Ee.media,"timeupdate")},100);break;case 2:Ee.media.paused=!0,T(Ee.media,"pause")}}}})}function J(){Ee.embed=$f(this),Ee.embed.addEvent("ready",function(){Ee.media.play=function(){Ee.embed.api("play"),Ee.media.paused=!1},Ee.media.pause=function(){Ee.embed.api("pause"),Ee.media.paused=!0},Ee.media.stop=function(){Ee.embed.api("stop"),Ee.media.paused=!0},Ee.media.paused=!0,Ee.media.currentTime=0,U(),Ee.embed.api("getCurrentTime",function(e){Ee.media.currentTime=e,T(Ee.media,"timeupdate")}),Ee.embed.api("getDuration",function(e){Ee.media.duration=e,ye()}),Ee.embed.addEvent("play",function(){Ee.media.paused=!1,T(Ee.media,"play"),T(Ee.media,"playing")}),Ee.embed.addEvent("pause",function(){Ee.media.paused=!0,T(Ee.media,"pause")}),Ee.embed.addEvent("playProgress",function(e){Ee.media.seeking=!1,Ee.media.currentTime=e.seconds,T(Ee.media,"timeupdate")}),Ee.embed.addEvent("loadProgress",function(e){Ee.media.buffered=e.percent,T(Ee.media,"progress"),1===parseInt(e.percent)&&T(Ee.media,"canplaythrough")}),Ee.embed.addEvent("finish",function(){Ee.media.paused=!0,T(Ee.media,"ended")})})}function G(){if("video"===Ee.type){q(N.selectors.captions)||Ee.videoContainer.insertAdjacentHTML("afterbegin",'
'),Ee.captionsContainer=q(N.selectors.captions).querySelector("span"),Ee.usingTextTracks=!1,Ee.media.textTracks&&(Ee.usingTextTracks=!0);for(var e,t="",n=Ee.media.childNodes,s=0;s=10||"Firefox"===Ee.browser.name&&Ee.browser.version>=31||"Chrome"===Ee.browser.name&&Ee.browser.version>=43||"Safari"===Ee.browser.name&&Ee.browser.version>=7)&&(r("Detected unsupported browser for HTML5 captions - using fallback"),Ee.usingTextTracks=!1),Ee.usingTextTracks){r("TextTracks supported");for(var i=0;i=7){r("Safari 7+ detected; removing track from DOM"),a=Ee.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>Ee.media.duration&&(t=Ee.media.duration);try{Ee.media.currentTime=t.toFixed(1)}catch(s){}if(i(N.types.embed,Ee.type)){switch(Ee.type){case"youtube":Ee.embed.seekTo(t);break;case"vimeo":Ee.embed.api("seekTo",t.toFixed(0))}n&&ee(),T(Ee.media,"timeupdate"),Ee.media.seeking=!0}r("Seeking to "+Ee.media.currentTime+" seconds"),C(t)}function ae(){b(Ee.container,N.classes.playing,!Ee.media.paused),b(Ee.container,N.classes.stopped,Ee.media.paused)}function oe(e){var n=A.supportsFullScreen;e&&e.type===A.fullScreenEventName?Ee.isFullscreen=A.isFullScreen(Ee.container):n?(A.isFullScreen(Ee.container)?A.cancelFullScreen():A.requestFullScreen(Ee.container),Ee.isFullscreen=A.isFullScreen(Ee.container)):(Ee.isFullscreen=!Ee.isFullscreen,Ee.isFullscreen?(g(t,"keyup",ie),t.body.style.overflow="hidden"):(h(t,"keyup",ie),t.body.style.overflow="")),b(Ee.container,N.classes.fullscreen.active,Ee.isFullscreen),Ee.isFullscreen?Ee.container.setAttribute("tabindex","-1"):Ee.container.removeAttribute("tabindex"),R(Ee.isFullscreen),x(Ee.buttons.fullscreen,Ee.isFullscreen),N.fullscreen.hideControls&&ge(!0),T(Ee.container,Ee.isFullscreen?"enterfullscreen":"exitfullscreen")}function ie(e){27===(e.which||e.charCode||e.keyCode)&&Ee.isFullscreen&&oe()}function le(e){if("boolean"!=typeof e&&(e=!Ee.media.muted),x(Ee.buttons.mute,e),Ee.media.muted=e,i(N.types.embed,Ee.type)){switch(Ee.type){case"youtube":Ee.embed[Ee.media.muted?"mute":"unMute"]();break;case"vimeo":Ee.embed.api("setVolume",Ee.media.muted?0:parseFloat(N.volume/10))}T(Ee.media,"volumechange")}}function ue(t){if("undefined"==typeof t&&(t=N.storage.enabled&&E().supported?e.localStorage[N.storage.key]||N.volume:N.volume),t>10&&(t=10),0>t&&(t=0),Ee.media.volume=parseFloat(t/10),N.volume=t,i(N.types.embed,Ee.type)){switch(Ee.type){case"youtube":Ee.embed.setVolume(100*Ee.media.volume);break;case"vimeo":Ee.embed.api("setVolume",Ee.media.volume)}T(Ee.media,"volumechange")}Ee.media.muted&&t>0&&le()}function ce(){var t=Ee.media.muted?0:10*Ee.media.volume;Ee.supported.full&&Ee.volume&&(Ee.volume.value=t),N.storage.enabled&&E().supported&&e.localStorage.setItem(N.storage.key,t),b(Ee.container,N.classes.muted,0===t),Ee.supported.full&&Ee.buttons.mute&&x(Ee.buttons.mute,0===t)}function pe(e){Ee.supported.full&&Ee.buttons.captions&&("boolean"!=typeof e&&(e=-1===Ee.container.className.indexOf(N.classes.captions.active)),Ee.captionsEnabled=e,x(Ee.buttons.captions,Ee.captionsEnabled),b(Ee.container,N.classes.captions.active,Ee.captionsEnabled),T(Ee.container,Ee.captionsEnabled?"captionsenabled":"captionsdisabled"))}function de(e){var t="waiting"===e.type;clearTimeout(Ee.timers.loading),Ee.timers.loading=setTimeout(function(){b(Ee.container,N.classes.loading,t)},t?250:0)}function fe(e){var t=Ee.progress.played.bar,n=Ee.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=_(Ee.media.currentTime,Ee.media.duration),"timeupdate"==e.type&&Ee.buttons.seek&&(Ee.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=Ee.progress.buffer.bar,n=Ee.progress.buffer.text,r=function(){var e=Ee.media.buffered;return e&&e.length?_(e.end(0),Ee.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function me(e,t){if(t){isNaN(e)&&(e=0),Ee.secs=parseInt(e%60),Ee.mins=parseInt(e/60%60),Ee.hours=parseInt(e/60/60%60);var n=parseInt(Ee.media.duration/60/60%60)>0;Ee.secs=("0"+Ee.secs).slice(-2),Ee.mins=("0"+Ee.mins).slice(-2),t.innerHTML=(n?Ee.hours+":":"")+Ee.mins+":"+Ee.secs}}function ye(){if(Ee.supported.full){var e=Ee.media.duration||0;!Ee.duration&&N.displayDuration&&Ee.media.paused&&me(e,Ee.currentTime),Ee.duration&&me(e,Ee.duration),ve()}}function be(e){me(Ee.media.currentTime,Ee.currentTime),e&&"timeupdate"==e.type&&Ee.media.seeking||fe(e)}function ve(e){if(N.tooltips.seek&&!Ee.browser.touch){var t=Ee.progress.container.getBoundingClientRect(),n=0,r=N.classes.tooltip+"--visible";if(e)n=100/t.width*(e.pageX-t.left);else{if(!v(Ee.progress.tooltip,r))return;n=Ee.progress.tooltip.style.left.replace("%","")}0>n?n=0:n>100&&(n=100),me(Ee.media.duration/100*n,Ee.progress.tooltip),Ee.progress.tooltip.style.left=n+"%",i(["mouseenter","mouseleave"],e.type)&&b(Ee.progress.tooltip,r,"mouseenter"===e.type)}}function ge(t){Ee.isFullscreen&&(b(Ee.container,N.classes.hover,!0),e.clearTimeout(Ee.timers.hover),Ee.timers.hover=e.setTimeout(function(){Ee.controls.mouseover&&t!==!0||b(Ee.container,N.classes.hover,!1)},2e3))}function he(e){if("undefined"!=typeof e)return void ke(e);var t;switch(Ee.type){case"youtube":t=Ee.embed.getVideoUrl();break;case"vimeo":Ee.embed.api("getVideoUrl",function(e){t=e});break;default:t=Ee.media.currentSrc}return t||""}function ke(n){if(!("undefined"!=typeof n&&"sources"in n&&n.sources.length))return void r("Invalid source format",!0);if(ee(),"youtube"===Ee.type?(Ee.embed.destroy(),e.clearInterval(Ee.timer.buffering),e.clearInterval(Ee.timer.playing)):"video"===Ee.type&&Ee.videoContainer&&p(Ee.videoContainer),p(Ee.media),"type"in n&&(Ee.type=n.type,"video"===Ee.type)){var s=n.sources[0];"type"in s&&i(N.types.embed,s.type)&&(Ee.type=s.type)}switch(Ee.supported=I.supported(Ee.type),Ee.type){case"video":Ee.media=t.createElement("video");break;case"audio":Ee.media=t.createElement("audio");break;case"youtube":case"vimeo":Ee.media=t.createElement("div"),Ee.embedId=n.sources[0].src}d(Ee.container,Ee.media),i(N.types.html5,Ee.type)&&(N.crossorigin&&Ee.media.setAttribute("crossorigin",""),N.autoplay&&Ee.media.setAttribute("autoplay",""),"poster"in n&&Ee.media.setAttribute("poster",n.poster),N.loop&&Ee.media.setAttribute("loop","")),Ee.container.className=Ee.originalClassName,b(Ee.container,N.classes.fullscreen.active,Ee.isFullscreen),b(Ee.container,N.classes.captions.active,Ee.captionsEnabled),Y(),N.autoplay=n.autoplay||N.autoplay,i(N.types.html5,Ee.type)&&j("source",n.sources),z(),i(N.types.html5,Ee.type)&&("tracks"in n&&j("track",n.tracks),Ee.media.load(),Fe(),ye()),N.autoplay&&Z(),"title"in n&&(N.title=n.title,$())}function we(e){"video"===Ee.type&&Ee.media.setAttribute("poster",e)}function Te(){function n(){var e=Ee.media.paused;e?Z():ee();var t=Ee.buttons[e?"play":"pause"],n=Ee.buttons[e?"pause":"play"];if(n){var r=v(t,N.classes.tabFocus);setTimeout(function(){n.focus(),r&&(b(t,N.classes.tabFocus,!1),b(n,N.classes.tabFocus,!0))},100)}}function r(){var e=t.activeElement;e&&e!=t.body?t.querySelector&&(e=t.querySelector(":focus")):e=null;for(var n in Ee.buttons){var r=Ee.buttons[n];b(r,N.classes.tabFocus,r===e)}}var s="IE"==Ee.browser.name?"change":"input";g(e,"keyup",function(e){var t=e.keyCode?e.keyCode:e.which;9==t&&r()}),g(t.body,"click",function(){b(q("."+N.classes.tabFocus),N.classes.tabFocus,!1)});for(var a in Ee.buttons){var o=Ee.buttons[a];g(o,"blur",function(){b(o,"tab-focus",!1)})}k(Ee.buttons.play,"click",N.listeners.play,n),k(Ee.buttons.pause,"click",N.listeners.pause,n),k(Ee.buttons.restart,"click",N.listeners.restart,se),k(Ee.buttons.rewind,"click",N.listeners.rewind,ne),k(Ee.buttons.forward,"click",N.listeners.forward,re),k(Ee.buttons.seek,s,N.listeners.seek,se),k(Ee.volume,s,N.listeners.volume,function(){ue(Ee.volume.value)}),k(Ee.buttons.mute,"click",N.listeners.mute,le),k(Ee.buttons.fullscreen,"click",N.listeners.fullscreen,oe),A.supportsFullScreen&&g(t,A.fullScreenEventName,oe),g(Ee.buttons.captions,"click",pe),g(Ee.progress.container,"mouseenter mouseleave mousemove",ve);N.fullscreen.hideControls&&g(Ee.controls,"mouseenter mouseleave",function(){Ee.controls.mouseover="mouseenter"===event.type})}function xe(){g(Ee.media,"timeupdate seeking",be),g(Ee.media,"timeupdate",C),g(Ee.media,"durationchange loadedmetadata",ye),g(Ee.media,"ended",function(){"video"===Ee.type&&(Ee.captionsContainer.innerHTML=""),ae()}),g(Ee.media,"progress playing",fe),g(Ee.media,"volumechange",ce),g(Ee.media,"play pause",ae),g(Ee.media,"waiting canplay seeked",de),N.click&&g(Ee.media,"click",function(){Ee.media.paused?Z():Ee.media.ended?(se(),Z()):ee()}),N.fullscreen.hideControls&&g(Ee.media,"mousemove",ge),g(Ee.media,N.events.join(" "),function(e){T(Ee.container,e.type)})}function _e(){if(!Ee.init)return null;if(Ee.container.setAttribute("class",y(N.selectors.container)),Ee.init=!1,p(q(N.selectors.controls.wrapper)),"youtube"===Ee.type)return void Ee.embed.destroy();"video"===Ee.type&&(p(q(N.selectors.captions)),c(Ee.videoContainer)),W(!0);var e=Ee.media.cloneNode(!0);Ee.media.parentNode.replaceChild(e,Ee.media)}function Ce(){if(Ee.init)return null;A=F(),Ee.browser=s(),Ee.media=Ee.container.querySelectorAll("audio, video, div")[0],Ee.originalClassName=Ee.container.className;var e=Ee.media.tagName.toLowerCase();if("div"===e?(Ee.type=Ee.media.getAttribute("data-type"),Ee.embedId=Ee.media.getAttribute("data-video-id"),Ee.media.removeAttribute("data-type"),Ee.media.removeAttribute("data-video-id")):(Ee.type=e,N.crossorigin=null!==Ee.media.getAttribute("crossorigin"),N.autoplay=N.autoplay||null!==Ee.media.getAttribute("autoplay"),N.loop=N.loop||null!==Ee.media.getAttribute("loop")),Ee.supported=I.supported(Ee.type),Y(),!Ee.supported.basic)return!1;if(r(Ee.browser.name+" "+Ee.browser.version),z(),i(N.types.html5,Ee.type)){if(!Ee.supported.full)return void(Ee.init=!0);Fe(),$()}Ee.init=!0}function Fe(){if(!Ee.supported.full)return r("No full support for this media type ("+Ee.type+")",!0),p(q(N.selectors.controls.wrapper)),void W(!0);var e=!V(N.selectors.controls.wrapper).length;e&&B(),D()&&(e&&Te(),xe(),W(),Q(),G(),ue(),ce(),be(),ae())}var Ee=this;return Ee.container=w,Ee.timers={},Ce(),Ee.init?{media:Ee.media,play:Z,pause:ee,restart:se,rewind:ne,forward:re,seek:se,source:he,poster:we,setVolume:ue,togglePlay:te,toggleMute:le,toggleCaptions:pe,toggleFullscreen:oe,isFullscreen:function(){return Ee.isFullscreen||!1},support:function(e){return a(Ee,e)},destroy:_e,restore:Ce}:{}}var A,N,I={},P={enabled:!0,debug:!1,autoplay:!1,loop:!1,seekTime:10,volume:5,click:!0,tooltips:{controls:!1,seek:!0},displayDuration:!0,iconPrefix:"icon",selectors:{container:".plyr",controls:{container:null,wrapper:".plyr__controls"},labels:"[data-plyr]",buttons:{seek:'[data-plyr="seek"]',play:'[data-plyr="play"]',pause:'[data-plyr="pause"]',restart:'[data-plyr="restart"]',rewind:'[data-plyr="rewind"]',forward:'[data-plyr="fast-forward"]',mute:'[data-plyr="mute"]',volume:'[data-plyr="volume"]',captions:'[data-plyr="captions"]',fullscreen:'[data-plyr="fullscreen"]'},progress:{container:".plyr__progress",buffer:".plyr__progress--buffer",played:".plyr__progress--played"},captions:".plyr__captions",currentTime:".plyr__time--current",duration:".plyr__time--duration"},classes:{videoWrapper:"plyr__video-wrapper",embedWrapper:"plyr__video-embed",type:"plyr--{0}",stopped:"plyr--stopped",playing:"plyr--playing",muted:"plyr--muted",loading:"plyr--loading",hover:"plyr--hover",tooltip:"plyr__tooltip",hidden:"plyr__sr-only",isIos:"plyr--is-ios",isTouch:"plyr--is-touch",captions:{enabled:"plyr--captions-enabled",active:"plyr--captions-active"},fullscreen:{enabled:"plyr--fullscreen-enabled",active:"plyr--fullscreen-active",hideControls:"plyr--fullscreen--hide-controls"},tabFocus:"tab-focus"},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0,allowAudio:!1},storage:{enabled:!0,key:"plyr_volume"},controls:["restart","rewind","play","fast-forward","current-time","duration","mute","volume","captions","fullscreen"],i18n:{restart:"Restart",rewind:"Rewind {seektime} secs",play:"Play",pause:"Pause",forward:"Forward {seektime} secs",played:"played",buffered:"buffered",currentTime:"Current time",duration:"Duration",volume:"Volume",toggleMute:"Toggle Mute",toggleCaptions:"Toggle Captions",toggleFullscreen:"Toggle Fullscreen",frameTitle:"Player for {title}"},types:{embed:["youtube","vimeo"],html5:["video","audio"]},urls:{vimeo:{api:"https://cdn.plyr.io/froogaloop/1.0.0/plyr.froogaloop.js"},youtube:{api:"https://www.youtube.com/iframe_api"}},listeners:{seek:null,play:null,pause:null,restart:null,rewind:null,forward:null,mute:null,volume:null,captions:null,fullscreen:null},events:["ended","progress","stalled","playing","waiting","canplay","canplaythrough","loadstart","loadeddata","loadedmetadata","timeupdate","volumechange","play","pause","error","seeking","emptied"]};return I.supported=function(e){var n,r,a=s(),o="IE"===a.name&&a.version<=9,i=/iPhone|iPod/i.test(navigator.userAgent),l=!!t.createElement("audio").canPlayType,u=!!t.createElement("video").canPlayType; -switch(e){case"video":n=u,r=n&&!o&&!i;break;case"audio":n=l,r=n&&!o;break;case"vimeo":case"youtube":n=!0,r=!o&&!i;break;default:n=l&&u,r=n&&!o}return{basic:n,full:r}},I.setup=function(e,n){var r=[];if("string"==typeof e?e=t.querySelectorAll(e):e instanceof HTMLElement?e=[e]:e instanceof NodeList||"string"==typeof e||("undefined"==typeof n&&"object"==typeof e&&(n=e),e=t.querySelectorAll(P.selectors.container)),N=C(P,n),!N.enabled||!I.supported().basic||!e.length)return!1;for(var s=e.length-1;s>=0;s--){var a=e[s];if("undefined"==typeof a.plyr){var o=new S(a);a.plyr=Object.keys(o).length?o:!1,T(a,"setup",{plyr:a.plyr})}r.push(a.plyr)}return r},I}),function(){function e(e,t){t=t||{bubbles:!1,cancelable:!1,detail:void 0};var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,t.bubbles,t.cancelable,t.detail),n}e.prototype=window.Event.prototype,"CustomEvent"in window||(window.CustomEvent=e)}(); \ No newline at end of file +!function(e,t){"use strict";"function"==typeof define&&define.amd?define(null,function(){t(e,document)}):"object"==typeof module?module.exports=t(e,document):e.plyr=t(e,document)}(this,function(e,t){"use strict";function n(){var e=['
','
','','','',"0% "+A.i18n.played,"",'',"0% "+A.i18n.buffered,""];return A.tooltips.seek&&e.push('--:--'),e.push("
",''),i(A.controls,"restart")&&e.push('"),i(A.controls,"rewind")&&e.push('"),i(A.controls,"play")&&e.push('",'"),i(A.controls,"fast-forward")&&e.push('"),i(A.controls,"current-time")&&e.push('',''+A.i18n.currentTime+"",'00:00',""),i(A.controls,"duration")&&e.push('',''+A.i18n.duration+"",'--:--',""),e.push("",''),i(A.controls,"mute")&&e.push('"),i(A.controls,"volume")&&e.push('",''),i(A.controls,"captions")&&e.push('"),i(A.controls,"fullscreen")&&e.push('"),e.push("","
"),e.join("")}function r(t,n){A.debug&&e.console&&console[n?"warn":"log"](t)}function s(){var e,n,r,s=navigator.userAgent,a=navigator.appName,o=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",o="11;"):-1!==(n=s.indexOf("MSIE"))?(a="IE",o=s.substring(n+5)):-1!==(n=s.indexOf("Chrome"))?(a="Chrome",o=s.substring(n+7)):-1!==(n=s.indexOf("Safari"))?(a="Safari",o=s.substring(n+7),-1!==(n=s.indexOf("Version"))&&(o=s.substring(n+8))):-1!==(n=s.indexOf("Firefox"))?(a="Firefox",o=s.substring(n+8)):(e=s.lastIndexOf(" ")+1)<(n=s.lastIndexOf("/"))&&(a=s.substring(e,n),o=s.substring(n+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(r=o.indexOf(";"))&&(o=o.substring(0,r)),-1!==(r=o.indexOf(" "))&&(o=o.substring(0,r)),i=parseInt(""+o,10),isNaN(i)&&(o=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10)),{name:a,version:i,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform),touch:"ontouchstart"in t.documentElement}}function a(e,t){var n=e.media;if("video"==e.type)switch(t){case"video/webm":return!(!n.canPlayType||!n.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/no/,""));case"video/mp4":return!(!n.canPlayType||!n.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/,""));case"video/ogg":return!(!n.canPlayType||!n.canPlayType('video/ogg; codecs="theora"').replace(/no/,""))}else if("audio"==e.type)switch(t){case"audio/mpeg":return!(!n.canPlayType||!n.canPlayType("audio/mpeg;").replace(/no/,""));case"audio/ogg":return!(!n.canPlayType||!n.canPlayType('audio/ogg; codecs="vorbis"').replace(/no/,""));case"audio/wav":return!(!n.canPlayType||!n.canPlayType('audio/wav; codecs="1"').replace(/no/,""))}return!1}function o(e){if(!t.querySelectorAll('script[src="'+e+'"]').length){var n=t.createElement("script");n.src=e;var r=t.getElementsByTagName("script")[0];r.parentNode.insertBefore(n,r)}}function i(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function l(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?\^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function u(e,t){e.length||(e=[e]);for(var n=e.length-1;n>=0;n--){var r=n>0?t.cloneNode(!0):t,s=e[n],a=s.parentNode,o=s.nextSibling;r.appendChild(s),o?a.insertBefore(r,o):a.appendChild(r)}}function c(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function p(e){e&&e.parentNode.removeChild(e)}function d(e,t){e.insertBefore(t,e.firstChild)}function f(e,t){for(var n in t)e.setAttribute(n,"boolean"==typeof t[n]&&t[n]?"":t[n])}function m(e,n,r){var s=t.createElement(e);f(s,r),d(n,s)}function y(e){return e.replace(".","")}function b(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function v(e,t){return e?e.classList?e.classList.contains(t):new RegExp("(\\s|^)"+t+"(\\s|$)").test(e.className):!1}function g(e,t,n){e&&w(e,t,n,!0)}function h(e,t,n){e&&w(e,t,n,!1)}function k(e,t,n,r){g(e,t,function(t){n&&n.apply(e,[t]),r.apply(e,[t])})}function w(e,t,n,r){var s=t.split(" ");if(e instanceof NodeList)for(var a=0;ar;r++){if(e.prefix=n[r],"undefined"!=typeof t[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof t.msExitFullscreen&&t.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=t.body),this.prefix){case"":return t.fullscreenElement==e;case"moz":return t.mozFullScreenElement==e;default:return t[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=t.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?t.cancelFullScreen():t[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?t.fullscreenElement:t[this.prefix+"FullscreenElement"]}),e}function E(){var t={supported:function(){if(!("localStorage"in e))return!1;try{e.localStorage.setItem("___test","OK");var t=e.localStorage.getItem("___test");return e.localStorage.removeItem("___test"),"OK"===t}catch(n){return!1}return!1}()};return t}function S(w){function C(e){if(!Ee.usingTextTracks&&"video"===Ee.type&&Ee.supported.full&&(Ee.subcount=0,e="number"==typeof e?e:Ee.media.currentTime,Ee.captions[Ee.subcount])){for(;L(Ee.captions[Ee.subcount][0])Ee.captions.length-1){Ee.subcount=Ee.captions.length-1;break}if(Ee.media.currentTime.toFixed(1)>=M(Ee.captions[Ee.subcount][0])&&Ee.media.currentTime.toFixed(1)<=L(Ee.captions[Ee.subcount][0])){Ee.currentCaption=Ee.captions[Ee.subcount][1];var t=Ee.currentCaption.trim();Ee.captionsContainer.innerHTML!=t&&(Ee.captionsContainer.innerHTML="",Ee.captionsContainer.innerHTML=t)}else Ee.captionsContainer.innerHTML=""}}function S(){Ee.buttons.captions&&(b(Ee.container,A.classes.captions.enabled,!0),A.captions.defaultActive&&(b(Ee.container,A.classes.captions.active,!0),x(Ee.buttons.captions,!0)))}function M(e){var t=[];return t=e.split(" --> "),O(t[0])}function L(e){var t=[];return t=e.split(" --> "),O(t[1])}function O(e){if(null===e||void 0===e)return 0;var t,n=[],r=[];return n=e.split(","),r=n[0].split(":"),t=Math.floor(60*r[0]*60)+Math.floor(60*r[1])+Math.floor(r[2])}function V(e){return Ee.container.querySelectorAll(e)}function q(e){return V(e)[0]}function H(){try{return e.self!==e.top}catch(t){return!0}}function R(){function e(e){9===e.which&&Ee.isFullscreen&&(e.target!==r||e.shiftKey?e.target===n&&e.shiftKey&&(e.preventDefault(),r.focus()):(e.preventDefault(),n.focus()))}var t=V("input:not([disabled]), button:not([disabled])"),n=t[0],r=t[t.length-1];g(Ee.container,"keydown",e)}function j(e,t){if("string"==typeof t)m(e,Ee.media,{src:t});else if(t.constructor===Array)for(var n=t.length-1;n>=0;n--)m(e,Ee.media,t[n])}function B(){var e=A.html;r("Injecting custom controls"),e||(e=n()),e=l(e,"{seektime}",A.seekTime),e=l(e,"{id}",Math.floor(1e4*Math.random()));var s;if(null!==A.selectors.controls.container&&(s=A.selectors.controls.container,"string"==typeof selector&&(s=t.querySelector(s))),s instanceof HTMLElement||(s=Ee.container),s.insertAdjacentHTML("beforeend",e),A.tooltips.controls)for(var a=V(A.selectors.labels+" ."+A.classes.hidden),o=a.length-1;o>=0;o--){var i=a[o];b(i,A.classes.hidden,!1),b(i,A.classes.tooltip,!0)}}function D(){try{return Ee.controls=q(A.selectors.controls.wrapper),Ee.buttons={},Ee.buttons.seek=q(A.selectors.buttons.seek),Ee.buttons.play=q(A.selectors.buttons.play),Ee.buttons.pause=q(A.selectors.buttons.pause),Ee.buttons.restart=q(A.selectors.buttons.restart),Ee.buttons.rewind=q(A.selectors.buttons.rewind),Ee.buttons.forward=q(A.selectors.buttons.forward),Ee.buttons.fullscreen=q(A.selectors.buttons.fullscreen),Ee.buttons.volume=q(A.selectors.buttons.volume),Ee.buttons.mute=q(A.selectors.buttons.mute),Ee.buttons.captions=q(A.selectors.buttons.captions),Ee.checkboxes=V('[type="checkbox"]'),Ee.progress={},Ee.progress.container=q(A.selectors.progress.container),Ee.progress.buffer={},Ee.progress.buffer.bar=q(A.selectors.progress.buffer),Ee.progress.buffer.text=Ee.progress.buffer.bar&&Ee.progress.buffer.bar.getElementsByTagName("span")[0],Ee.progress.played={},Ee.progress.played.bar=q(A.selectors.progress.played),Ee.progress.played.text=Ee.progress.played.bar&&Ee.progress.played.bar.getElementsByTagName("span")[0],Ee.progress.tooltip=Ee.progress.container&&Ee.progress.container.querySelector("."+A.classes.tooltip),Ee.volume=q(A.selectors.buttons.volume),Ee.duration=q(A.selectors.duration),Ee.currentTime=q(A.selectors.currentTime),Ee.seekTime=V(A.selectors.seekTime),!0}catch(e){return r("It looks like there is a problem with your controls html",!0),W(!0),!1}}function Y(){b(Ee.container,P.selectors.container.replace(".",""),Ee.supported.full)}function W(e){e?Ee.media.setAttribute("controls",""):Ee.media.removeAttribute("controls")}function $(e){var t=A.i18n.play;"undefined"!=typeof A.title&&A.title.length&&(t+=", "+A.title),Ee.supported.full&&Ee.buttons.play&&Ee.buttons.play.setAttribute("aria-label",t),e instanceof HTMLElement&&e.setAttribute("title",A.i18n.frameTitle.replace("{title}",A.title))}function z(){if(!Ee.media)return r("No audio or video element found",!0),!1;if(Ee.supported.full&&(b(Ee.container,A.classes.type.replace("{0}",Ee.type),!0),b(Ee.container,A.classes.stopped,A.autoplay),b(Ee.container,A.classes.isIos,Ee.browser.ios),b(Ee.container,A.classes.isTouch,Ee.browser.touch),"video"===Ee.type)){var e=t.createElement("div");e.setAttribute("class",A.classes.videoWrapper),u(Ee.media,e),Ee.videoContainer=e}i(A.types.embed,Ee.type)?(K(),Ee.embedId=null):A.autoplay&&Z()}function K(){for(var n=t.createElement("div"),r=Ee.embedId,s=Ee.type+"-"+Math.floor(1e4*Math.random()),a=V('[id^="'+Ee.type+'-"]'),i=a.length-1;i>=0;i--)p(a[i]);if(b(Ee.media,A.classes.videoWrapper,!0),b(Ee.media,A.classes.embedWrapper,!0),"youtube"===Ee.type)Ee.media.appendChild(n),n.setAttribute("id",s),"object"==typeof YT?X(r,n):(o(A.urls.youtube.api),e.onYouTubeReadyCallbacks=e.onYouTubeReadyCallbacks||[],e.onYouTubeReadyCallbacks.push(function(){X(r,n)}),e.onYouTubeIframeAPIReady=function(){e.onYouTubeReadyCallbacks.forEach(function(e){e()})});else if("vimeo"===Ee.type){var l=t.createElement("iframe");l.loaded=!1,g(l,"load",function(){l.loaded=!0}),f(l,{src:"https://player.vimeo.com/video/"+r+"?player_id="+s+"&api=1&badge=0&byline=0&portrait=0&title=0",id:s,webkitallowfullscreen:"",mozallowfullscreen:"",allowfullscreen:"",frameborder:0}),Ee.supported.full?(n.appendChild(l),Ee.media.appendChild(n)):Ee.media.appendChild(l),"$f"in e||o(A.urls.vimeo.api);var u=e.setInterval(function(){"$f"in e&&l.loaded&&(e.clearInterval(u),J.call(l))},50)}}function U(){Fe(),$(q("iframe"))}function X(t,n){"timer"in Ee||(Ee.timer={}),Ee.embed=new YT.Player(n.id,{videoId:t,playerVars:{autoplay:0,controls:Ee.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_load_policy:A.captions.defaultActive?1:0,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1,origin:"*"},events:{onReady:function(t){var n=t.target;Ee.media.play=function(){n.playVideo(),Ee.media.paused=!1},Ee.media.pause=function(){n.pauseVideo(),Ee.media.paused=!0},Ee.media.stop=function(){n.stopVideo(),Ee.media.paused=!0},Ee.media.duration=n.getDuration(),Ee.media.paused=!0,Ee.media.currentTime=n.getCurrentTime(),Ee.media.muted=n.isMuted(),T(Ee.media,"timeupdate"),e.clearInterval(Ee.timer.buffering),Ee.timer.buffering=e.setInterval(function(){Ee.media.buffered=n.getVideoLoadedFraction(),T(Ee.media,"progress"),1===Ee.media.buffered&&(e.clearInterval(Ee.timer.buffering),T(Ee.media,"canplaythrough"))},200),U(),ye()},onStateChange:function(t){var n=t.target;switch(e.clearInterval(Ee.timer.playing),t.data){case 0:Ee.media.paused=!0,T(Ee.media,"ended");break;case 1:Ee.media.paused=!1,Ee.media.seeking=!1,T(Ee.media,"play"),T(Ee.media,"playing"),Ee.timer.playing=e.setInterval(function(){Ee.media.currentTime=n.getCurrentTime(),T(Ee.media,"timeupdate")},100);break;case 2:Ee.media.paused=!0,T(Ee.media,"pause")}}}})}function J(){Ee.embed=$f(this),Ee.embed.addEvent("ready",function(){Ee.media.play=function(){Ee.embed.api("play"),Ee.media.paused=!1},Ee.media.pause=function(){Ee.embed.api("pause"),Ee.media.paused=!0},Ee.media.stop=function(){Ee.embed.api("stop"),Ee.media.paused=!0},Ee.media.paused=!0,Ee.media.currentTime=0,U(),Ee.embed.api("getCurrentTime",function(e){Ee.media.currentTime=e,T(Ee.media,"timeupdate")}),Ee.embed.api("getDuration",function(e){Ee.media.duration=e,ye()}),Ee.embed.addEvent("play",function(){Ee.media.paused=!1,T(Ee.media,"play"),T(Ee.media,"playing")}),Ee.embed.addEvent("pause",function(){Ee.media.paused=!0,T(Ee.media,"pause")}),Ee.embed.addEvent("playProgress",function(e){Ee.media.seeking=!1,Ee.media.currentTime=e.seconds,T(Ee.media,"timeupdate")}),Ee.embed.addEvent("loadProgress",function(e){Ee.media.buffered=e.percent,T(Ee.media,"progress"),1===parseInt(e.percent)&&T(Ee.media,"canplaythrough")}),Ee.embed.addEvent("finish",function(){Ee.media.paused=!0,T(Ee.media,"ended")})})}function G(){if("video"===Ee.type){q(A.selectors.captions)||Ee.videoContainer.insertAdjacentHTML("afterbegin",'
'),Ee.captionsContainer=q(A.selectors.captions).querySelector("span"),Ee.usingTextTracks=!1,Ee.media.textTracks&&(Ee.usingTextTracks=!0);for(var e,t="",n=Ee.media.childNodes,s=0;s=10||"Firefox"===Ee.browser.name&&Ee.browser.version>=31||"Chrome"===Ee.browser.name&&Ee.browser.version>=43||"Safari"===Ee.browser.name&&Ee.browser.version>=7)&&(r("Detected unsupported browser for HTML5 captions - using fallback"),Ee.usingTextTracks=!1),Ee.usingTextTracks){r("TextTracks supported");for(var i=0;i=7){r("Safari 7+ detected; removing track from DOM"),a=Ee.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>Ee.media.duration&&(t=Ee.media.duration);try{Ee.media.currentTime=t.toFixed(1)}catch(s){}if(i(A.types.embed,Ee.type)){switch(Ee.type){case"youtube":Ee.embed.seekTo(t);break;case"vimeo":Ee.embed.api("seekTo",t.toFixed(0))}n&&ee(),T(Ee.media,"timeupdate"),Ee.media.seeking=!0}r("Seeking to "+Ee.media.currentTime+" seconds"),C(t)}function ae(){b(Ee.container,A.classes.playing,!Ee.media.paused),b(Ee.container,A.classes.stopped,Ee.media.paused)}function oe(e){var n=N.supportsFullScreen;e&&e.type===N.fullScreenEventName?Ee.isFullscreen=N.isFullScreen(Ee.container):n?(N.isFullScreen(Ee.container)?N.cancelFullScreen():N.requestFullScreen(Ee.container),Ee.isFullscreen=N.isFullScreen(Ee.container)):(Ee.isFullscreen=!Ee.isFullscreen,Ee.isFullscreen?(g(t,"keyup",ie),t.body.style.overflow="hidden"):(h(t,"keyup",ie),t.body.style.overflow="")),b(Ee.container,A.classes.fullscreen.active,Ee.isFullscreen),Ee.isFullscreen?Ee.container.setAttribute("tabindex","-1"):Ee.container.removeAttribute("tabindex"),R(Ee.isFullscreen),x(Ee.buttons.fullscreen,Ee.isFullscreen),A.fullscreen.hideControls&&ge(!0),T(Ee.container,Ee.isFullscreen?"enterfullscreen":"exitfullscreen")}function ie(e){27===(e.which||e.charCode||e.keyCode)&&Ee.isFullscreen&&oe()}function le(e){if("boolean"!=typeof e&&(e=!Ee.media.muted),x(Ee.buttons.mute,e),Ee.media.muted=e,i(A.types.embed,Ee.type)){switch(Ee.type){case"youtube":Ee.embed[Ee.media.muted?"mute":"unMute"]();break;case"vimeo":Ee.embed.api("setVolume",Ee.media.muted?0:parseFloat(A.volume/10))}T(Ee.media,"volumechange")}}function ue(t){if("undefined"==typeof t&&(t=A.volume,A.storage.enabled&&E().supported&&(t=e.localStorage.getItem(A.storage.key))),isNaN(t)&&(t=A.volume),t>10&&(t=10),0>t&&(t=0),Ee.media.volume=parseFloat(t/10),A.volume=t,i(A.types.embed,Ee.type)){switch(Ee.type){case"youtube":Ee.embed.setVolume(100*Ee.media.volume);break;case"vimeo":Ee.embed.api("setVolume",Ee.media.volume)}T(Ee.media,"volumechange")}Ee.media.muted&&t>0&&le()}function ce(){var t=Ee.media.muted?0:10*Ee.media.volume;Ee.supported.full&&Ee.volume&&(Ee.volume.value=t),A.storage.enabled&&E().supported&&!isNaN(t)&&e.localStorage.setItem(A.storage.key,t),b(Ee.container,A.classes.muted,0===t),Ee.supported.full&&Ee.buttons.mute&&x(Ee.buttons.mute,0===t)}function pe(e){Ee.supported.full&&Ee.buttons.captions&&("boolean"!=typeof e&&(e=-1===Ee.container.className.indexOf(A.classes.captions.active)),Ee.captionsEnabled=e,x(Ee.buttons.captions,Ee.captionsEnabled),b(Ee.container,A.classes.captions.active,Ee.captionsEnabled),T(Ee.container,Ee.captionsEnabled?"captionsenabled":"captionsdisabled"))}function de(e){var t="waiting"===e.type;clearTimeout(Ee.timers.loading),Ee.timers.loading=setTimeout(function(){b(Ee.container,A.classes.loading,t)},t?250:0)}function fe(e){var t=Ee.progress.played.bar,n=Ee.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=_(Ee.media.currentTime,Ee.media.duration),"timeupdate"==e.type&&Ee.buttons.seek&&(Ee.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=Ee.progress.buffer.bar,n=Ee.progress.buffer.text,r=function(){var e=Ee.media.buffered;return e&&e.length?_(e.end(0),Ee.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function me(e,t){if(t){isNaN(e)&&(e=0),Ee.secs=parseInt(e%60),Ee.mins=parseInt(e/60%60),Ee.hours=parseInt(e/60/60%60);var n=parseInt(Ee.media.duration/60/60%60)>0;Ee.secs=("0"+Ee.secs).slice(-2),Ee.mins=("0"+Ee.mins).slice(-2),t.innerHTML=(n?Ee.hours+":":"")+Ee.mins+":"+Ee.secs}}function ye(){if(Ee.supported.full){var e=Ee.media.duration||0;!Ee.duration&&A.displayDuration&&Ee.media.paused&&me(e,Ee.currentTime),Ee.duration&&me(e,Ee.duration),ve()}}function be(e){me(Ee.media.currentTime,Ee.currentTime),e&&"timeupdate"==e.type&&Ee.media.seeking||fe(e)}function ve(e){if(A.tooltips.seek&&!Ee.browser.touch){var t=Ee.progress.container.getBoundingClientRect(),n=0,r=A.classes.tooltip+"--visible";if(e)n=100/t.width*(e.pageX-t.left);else{if(!v(Ee.progress.tooltip,r))return;n=Ee.progress.tooltip.style.left.replace("%","")}0>n?n=0:n>100&&(n=100),me(Ee.media.duration/100*n,Ee.progress.tooltip),Ee.progress.tooltip.style.left=n+"%",i(["mouseenter","mouseleave"],e.type)&&b(Ee.progress.tooltip,r,"mouseenter"===e.type)}}function ge(t){Ee.isFullscreen&&(b(Ee.container,A.classes.hover,!0),e.clearTimeout(Ee.timers.hover),Ee.timers.hover=e.setTimeout(function(){Ee.controls.mouseover&&t!==!0||b(Ee.container,A.classes.hover,!1)},2e3))}function he(e){if("undefined"!=typeof e)return void ke(e);var t;switch(Ee.type){case"youtube":t=Ee.embed.getVideoUrl();break;case"vimeo":Ee.embed.api("getVideoUrl",function(e){t=e});break;default:t=Ee.media.currentSrc}return t||""}function ke(n){if(!("undefined"!=typeof n&&"sources"in n&&n.sources.length))return void r("Invalid source format",!0);if(ee(),"youtube"===Ee.type?(Ee.embed.destroy(),e.clearInterval(Ee.timer.buffering),e.clearInterval(Ee.timer.playing)):"video"===Ee.type&&Ee.videoContainer&&p(Ee.videoContainer),p(Ee.media),"type"in n&&(Ee.type=n.type,"video"===Ee.type)){var s=n.sources[0];"type"in s&&i(A.types.embed,s.type)&&(Ee.type=s.type)}switch(Ee.supported=I.supported(Ee.type),Ee.type){case"video":Ee.media=t.createElement("video");break;case"audio":Ee.media=t.createElement("audio");break;case"youtube":case"vimeo":Ee.media=t.createElement("div"),Ee.embedId=n.sources[0].src}d(Ee.container,Ee.media),i(A.types.html5,Ee.type)&&(A.crossorigin&&Ee.media.setAttribute("crossorigin",""),A.autoplay&&Ee.media.setAttribute("autoplay",""),"poster"in n&&Ee.media.setAttribute("poster",n.poster),A.loop&&Ee.media.setAttribute("loop","")),Ee.container.className=Ee.originalClassName,b(Ee.container,A.classes.fullscreen.active,Ee.isFullscreen),b(Ee.container,A.classes.captions.active,Ee.captionsEnabled),Y(),A.autoplay=n.autoplay||A.autoplay,i(A.types.html5,Ee.type)&&j("source",n.sources),z(),i(A.types.html5,Ee.type)&&("tracks"in n&&j("track",n.tracks),Ee.media.load(),Fe(),ye()),A.autoplay&&Z(),"title"in n&&(A.title=n.title,$())}function we(e){"video"===Ee.type&&Ee.media.setAttribute("poster",e)}function Te(){function n(){var e=Ee.media.paused;e?Z():ee();var t=Ee.buttons[e?"play":"pause"],n=Ee.buttons[e?"pause":"play"];if(n){var r=v(t,A.classes.tabFocus);setTimeout(function(){n.focus(),r&&(b(t,A.classes.tabFocus,!1),b(n,A.classes.tabFocus,!0))},100)}}function r(){var e=t.activeElement;e&&e!=t.body?t.querySelector&&(e=t.querySelector(":focus")):e=null;for(var n in Ee.buttons){var r=Ee.buttons[n];b(r,A.classes.tabFocus,r===e)}}var s="IE"==Ee.browser.name?"change":"input";g(e,"keyup",function(e){var t=e.keyCode?e.keyCode:e.which;9==t&&r()}),g(t.body,"click",function(){b(q("."+A.classes.tabFocus),A.classes.tabFocus,!1)});for(var a in Ee.buttons){var o=Ee.buttons[a];g(o,"blur",function(){b(o,"tab-focus",!1)})}k(Ee.buttons.play,"click",A.listeners.play,n),k(Ee.buttons.pause,"click",A.listeners.pause,n),k(Ee.buttons.restart,"click",A.listeners.restart,se),k(Ee.buttons.rewind,"click",A.listeners.rewind,ne),k(Ee.buttons.forward,"click",A.listeners.forward,re),k(Ee.buttons.seek,s,A.listeners.seek,se),k(Ee.volume,s,A.listeners.volume,function(){ue(Ee.volume.value)}),k(Ee.buttons.mute,"click",A.listeners.mute,le),k(Ee.buttons.fullscreen,"click",A.listeners.fullscreen,oe),N.supportsFullScreen&&g(t,N.fullScreenEventName,oe),g(Ee.buttons.captions,"click",pe),g(Ee.progress.container,"mouseenter mouseleave mousemove",ve);A.fullscreen.hideControls&&g(Ee.controls,"mouseenter mouseleave",function(){Ee.controls.mouseover="mouseenter"===event.type})}function xe(){g(Ee.media,"timeupdate seeking",be),g(Ee.media,"timeupdate",C),g(Ee.media,"durationchange loadedmetadata",ye),g(Ee.media,"ended",function(){"video"===Ee.type&&(Ee.captionsContainer.innerHTML=""),ae()}),g(Ee.media,"progress playing",fe),g(Ee.media,"volumechange",ce),g(Ee.media,"play pause",ae),g(Ee.media,"waiting canplay seeked",de),A.click&&g(Ee.media,"click",function(){Ee.media.paused?Z():Ee.media.ended?(se(),Z()):ee()}),A.fullscreen.hideControls&&g(Ee.media,"mousemove",ge),g(Ee.media,A.events.join(" "),function(e){T(Ee.container,e.type)})}function _e(){if(!Ee.init)return null;if(Ee.container.setAttribute("class",y(A.selectors.container)),Ee.init=!1,p(q(A.selectors.controls.wrapper)),"youtube"===Ee.type)return void Ee.embed.destroy();"video"===Ee.type&&(p(q(A.selectors.captions)),c(Ee.videoContainer)),W(!0);var e=Ee.media.cloneNode(!0);Ee.media.parentNode.replaceChild(e,Ee.media)}function Ce(){if(Ee.init)return null;N=F(),Ee.browser=s(),Ee.media=Ee.container.querySelectorAll("audio, video, div")[0],Ee.originalClassName=Ee.container.className;var e=Ee.media.tagName.toLowerCase();if("div"===e?(Ee.type=Ee.media.getAttribute("data-type"),Ee.embedId=Ee.media.getAttribute("data-video-id"),Ee.media.removeAttribute("data-type"),Ee.media.removeAttribute("data-video-id")):(Ee.type=e,A.crossorigin=null!==Ee.media.getAttribute("crossorigin"),A.autoplay=A.autoplay||null!==Ee.media.getAttribute("autoplay"),A.loop=A.loop||null!==Ee.media.getAttribute("loop")),Ee.supported=I.supported(Ee.type),Y(),!Ee.supported.basic)return!1;if(r(Ee.browser.name+" "+Ee.browser.version),z(),i(A.types.html5,Ee.type)){if(!Ee.supported.full)return void(Ee.init=!0);Fe(),$()}Ee.init=!0}function Fe(){if(!Ee.supported.full)return r("No full support for this media type ("+Ee.type+")",!0),p(q(A.selectors.controls.wrapper)),void W(!0);var e=!V(A.selectors.controls.wrapper).length;e&&B(),D()&&(e&&Te(),xe(),W(),Q(),G(),ue(),ce(),be(),ae())}var Ee=this;return Ee.container=w,Ee.timers={},Ce(),Ee.init?{media:Ee.media,play:Z,pause:ee,restart:se,rewind:ne,forward:re,seek:se,source:he,poster:we,setVolume:ue,togglePlay:te,toggleMute:le,toggleCaptions:pe,toggleFullscreen:oe,isFullscreen:function(){return Ee.isFullscreen||!1},support:function(e){return a(Ee,e)},destroy:_e,restore:Ce}:{}}var N,A,I={},P={enabled:!0,debug:!1,autoplay:!1,loop:!1,seekTime:10,volume:5,click:!0,tooltips:{controls:!1,seek:!0},displayDuration:!0,iconPrefix:"icon",selectors:{container:".plyr",controls:{container:null,wrapper:".plyr__controls"},labels:"[data-plyr]",buttons:{seek:'[data-plyr="seek"]',play:'[data-plyr="play"]',pause:'[data-plyr="pause"]',restart:'[data-plyr="restart"]',rewind:'[data-plyr="rewind"]',forward:'[data-plyr="fast-forward"]',mute:'[data-plyr="mute"]',volume:'[data-plyr="volume"]',captions:'[data-plyr="captions"]',fullscreen:'[data-plyr="fullscreen"]'},progress:{container:".plyr__progress",buffer:".plyr__progress--buffer",played:".plyr__progress--played"},captions:".plyr__captions",currentTime:".plyr__time--current",duration:".plyr__time--duration"},classes:{videoWrapper:"plyr__video-wrapper",embedWrapper:"plyr__video-embed",type:"plyr--{0}",stopped:"plyr--stopped",playing:"plyr--playing",muted:"plyr--muted",loading:"plyr--loading",hover:"plyr--hover",tooltip:"plyr__tooltip",hidden:"plyr__sr-only",isIos:"plyr--is-ios",isTouch:"plyr--is-touch",captions:{enabled:"plyr--captions-enabled",active:"plyr--captions-active"},fullscreen:{enabled:"plyr--fullscreen-enabled",active:"plyr--fullscreen-active",hideControls:"plyr--fullscreen--hide-controls"},tabFocus:"tab-focus"},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0,allowAudio:!1},storage:{enabled:!0,key:"plyr_volume"},controls:["restart","rewind","play","fast-forward","current-time","duration","mute","volume","captions","fullscreen"],i18n:{restart:"Restart",rewind:"Rewind {seektime} secs",play:"Play",pause:"Pause",forward:"Forward {seektime} secs",played:"played",buffered:"buffered",currentTime:"Current time",duration:"Duration",volume:"Volume",toggleMute:"Toggle Mute",toggleCaptions:"Toggle Captions",toggleFullscreen:"Toggle Fullscreen",frameTitle:"Player for {title}"},types:{embed:["youtube","vimeo"],html5:["video","audio"]},urls:{vimeo:{api:"https://cdn.plyr.io/froogaloop/1.0.0/plyr.froogaloop.js"},youtube:{api:"https://www.youtube.com/iframe_api"}},listeners:{seek:null,play:null,pause:null,restart:null,rewind:null,forward:null,mute:null,volume:null,captions:null,fullscreen:null},events:["ended","progress","stalled","playing","waiting","canplay","canplaythrough","loadstart","loadeddata","loadedmetadata","timeupdate","volumechange","play","pause","error","seeking","emptied"]};return I.supported=function(e){ +var n,r,a=s(),o="IE"===a.name&&a.version<=9,i=/iPhone|iPod/i.test(navigator.userAgent),l=!!t.createElement("audio").canPlayType,u=!!t.createElement("video").canPlayType;switch(e){case"video":n=u,r=n&&!o&&!i;break;case"audio":n=l,r=n&&!o;break;case"vimeo":case"youtube":n=!0,r=!o&&!i;break;default:n=l&&u,r=n&&!o}return{basic:n,full:r}},I.setup=function(e,n){var r=[];if("string"==typeof e?e=t.querySelectorAll(e):e instanceof HTMLElement?e=[e]:e instanceof NodeList||"string"==typeof e||("undefined"==typeof n&&"object"==typeof e&&(n=e),e=t.querySelectorAll(P.selectors.container)),A=C(P,n),!A.enabled||!I.supported().basic||!e.length)return!1;for(var s=e.length-1;s>=0;s--){var a=e[s];if("undefined"==typeof a.plyr){var o=new S(a);a.plyr=Object.keys(o).length?o:!1,T(a,"setup",{plyr:a.plyr})}r.push(a.plyr)}return r},I}),function(){function e(e,t){t=t||{bubbles:!1,cancelable:!1,detail:void 0};var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,t.bubbles,t.cancelable,t.detail),n}e.prototype=window.Event.prototype,"CustomEvent"in window||(window.CustomEvent=e)}(); \ No newline at end of file diff --git a/docs/dist/docs.js b/docs/dist/docs.js index 04574c1c..226d8e4a 100644 --- a/docs/dist/docs.js +++ b/docs/dist/docs.js @@ -1 +1 @@ -"document"in self&&("classList"in document.createElement("_")?!function(){"use strict";var e=document.createElement("_");if(e.classList.add("c1","c2"),!e.classList.contains("c2")){var t=function(e){var t=DOMTokenList.prototype[e];DOMTokenList.prototype[e]=function(e){var i,n=arguments.length;for(i=0;n>i;i++)e=arguments[i],t.call(this,e)}};t("add"),t("remove")}if(e.classList.toggle("c3",!1),e.classList.contains("c3")){var i=DOMTokenList.prototype.toggle;DOMTokenList.prototype.toggle=function(e,t){return 1 in arguments&&!this.contains(e)==!t?t:i.call(this,e)}}e=null}():!function(e){"use strict";if("Element"in e){var t="classList",i="prototype",n=e.Element[i],s=Object,o=String[i].trim||function(){return this.replace(/^\s+|\s+$/g,"")},r=Array[i].indexOf||function(e){for(var t=0,i=this.length;i>t;t++)if(t in this&&this[t]===e)return t;return-1},a=function(e,t){this.name=e,this.code=DOMException[e],this.message=t},c=function(e,t){if(""===t)throw new a("SYNTAX_ERR","An invalid or illegal string was specified");if(/\s/.test(t))throw new a("INVALID_CHARACTER_ERR","String contains an invalid character");return r.call(e,t)},l=function(e){for(var t=o.call(e.getAttribute("class")||""),i=t?t.split(/\s+/):[],n=0,s=i.length;s>n;n++)this.push(i[n]);this._updateClassName=function(){e.setAttribute("class",this.toString())}},u=l[i]=[],d=function(){return new l(this)};if(a[i]=Error[i],u.item=function(e){return this[e]||null},u.contains=function(e){return e+="",-1!==c(this,e)},u.add=function(){var e,t=arguments,i=0,n=t.length,s=!1;do e=t[i]+"",-1===c(this,e)&&(this.push(e),s=!0);while(++i=0;a--)e(i[a].parentElement,"active",!1);e(document.querySelector('[data-source="'+t+'"]').parentElement,"active",!0)}for(var i=document.querySelectorAll("[data-source]"),n={video:"video",audio:"audio",youtube:"youtube",vimeo:"vimeo"},s=window.location.hash.replace("#",""),o=window.history&&window.history.pushState,r=i.length-1;r>=0;r--)i[r].addEventListener("click",function(){var e=this.getAttribute("data-source");t(e),o&&history.pushState({type:e},"","#"+e)});if(window.addEventListener("popstate",function(e){e.state&&"type"in e.state&&t(e.state.type)}),o){var a=!s.length;a&&(s=n.video),s in n&&history.replaceState({type:s},"",a?"":"#"+s),a||t(s,!0)}}(),document.domain.indexOf("plyr.io")>-1&&(!function(e,t,i,n,s,o,r){e.GoogleAnalyticsObject=s,e[s]=e[s]||function(){(e[s].q=e[s].q||[]).push(arguments)},e[s].l=1*new Date,o=t.createElement(i),r=t.getElementsByTagName(i)[0],o.async=1,o.src=n,r.parentNode.insertBefore(o,r)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-40881672-11","auto"),ga("send","pageview")); \ No newline at end of file +"document"in self&&("classList"in document.createElement("_")?!function(){"use strict";var e=document.createElement("_");if(e.classList.add("c1","c2"),!e.classList.contains("c2")){var t=function(e){var t=DOMTokenList.prototype[e];DOMTokenList.prototype[e]=function(e){var i,n=arguments.length;for(i=0;n>i;i++)e=arguments[i],t.call(this,e)}};t("add"),t("remove")}if(e.classList.toggle("c3",!1),e.classList.contains("c3")){var i=DOMTokenList.prototype.toggle;DOMTokenList.prototype.toggle=function(e,t){return 1 in arguments&&!this.contains(e)==!t?t:i.call(this,e)}}e=null}():!function(e){"use strict";if("Element"in e){var t="classList",i="prototype",n=e.Element[i],s=Object,o=String[i].trim||function(){return this.replace(/^\s+|\s+$/g,"")},r=Array[i].indexOf||function(e){for(var t=0,i=this.length;i>t;t++)if(t in this&&this[t]===e)return t;return-1},a=function(e,t){this.name=e,this.code=DOMException[e],this.message=t},c=function(e,t){if(""===t)throw new a("SYNTAX_ERR","An invalid or illegal string was specified");if(/\s/.test(t))throw new a("INVALID_CHARACTER_ERR","String contains an invalid character");return r.call(e,t)},l=function(e){for(var t=o.call(e.getAttribute("class")||""),i=t?t.split(/\s+/):[],n=0,s=i.length;s>n;n++)this.push(i[n]);this._updateClassName=function(){e.setAttribute("class",this.toString())}},u=l[i]=[],d=function(){return new l(this)};if(a[i]=Error[i],u.item=function(e){return this[e]||null},u.contains=function(e){return e+="",-1!==c(this,e)},u.add=function(){var e,t=arguments,i=0,n=t.length,s=!1;do e=t[i]+"",-1===c(this,e)&&(this.push(e),s=!0);while(++i=0;a--)e(i[a].parentElement,"active",!1);e(document.querySelector('[data-source="'+t+'"]').parentElement,"active",!0)}}for(var i=document.querySelectorAll("[data-source]"),n={video:"video",audio:"audio",youtube:"youtube",vimeo:"vimeo"},s=window.location.hash.replace("#",""),o=window.history&&window.history.pushState,r=i.length-1;r>=0;r--)i[r].addEventListener("click",function(){var e=this.getAttribute("data-source");t(e),o&&history.pushState({type:e},"","#"+e)});if(window.addEventListener("popstate",function(e){e.state&&"type"in e.state&&t(e.state.type)}),o){var a=!s.length;a&&(s=n.video),s in n&&history.replaceState({type:s},"",a?"":"#"+s),s!==n.video&&t(s,!0)}}(),document.domain.indexOf("plyr.io")>-1&&(!function(e,t,i,n,s,o,r){e.GoogleAnalyticsObject=s,e[s]=e[s]||function(){(e[s].q=e[s].q||[]).push(arguments)},e[s].l=1*new Date,o=t.createElement(i),r=t.getElementsByTagName(i)[0],o.async=1,o.src=n,r.parentNode.insertBefore(o,r)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-40881672-11","auto"),ga("send","pageview")); \ No newline at end of file diff --git a/docs/src/js/docs.js b/docs/src/js/docs.js index 563d2ebe..bedb91cb 100644 --- a/docs/src/js/docs.js +++ b/docs/src/js/docs.js @@ -13,7 +13,8 @@ plyr.setup('.js-media-player', { }, captions: { defaultActive: true - } + }, + duration: 100 }); // Setup shr @@ -58,13 +59,19 @@ shr.setup({ // On load if(historySupport) { var video = !currentType.length; + + // If there's no current type set, assume video if(video) { currentType = types.video; } + + // Replace current history state if(currentType in types) { history.replaceState({ 'type': currentType }, '', (video ? '' : '#' + currentType)); } - if(!video) { + + // If it's not video, load the source + if(currentType !== types.video) { newSource(currentType, true); } } @@ -86,7 +93,6 @@ shr.setup({ function newSource(type, init) { // Bail if new type isn't known, it's the current type, or current type is empty (video is default) and new type is video if(!(type in types) || (!init && type == currentType) || (!currentType.length && type == types.video)) { - console.warn('Unregonized type.'); return; } diff --git a/readme.md b/readme.md index ee652ae8..eff3bdfb 100644 --- a/readme.md +++ b/readme.md @@ -40,7 +40,7 @@ If you have any cool ideas or features, please let me know by [creating an issue Check `docs/index.html` and `docs/dist/docs.js` for an example setup. -**Heads up:** the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.5.9/plyr.js` to `https://cdn.plyr.io/1.5.9/plyr.js` +**Heads up:** the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.5.10/plyr.js` to `https://cdn.plyr.io/1.5.10/plyr.js` ### Node Package Manager (NPM) Using NPM, you can grab Plyr: @@ -69,11 +69,11 @@ More info is on [npm](https://www.npmjs.com/package/ember-cli-plyr) and [GitHub] If you want to use our CDN, you can use the following: ```html - - + + ``` -You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.5.9/sprite.svg`. +You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.5.10/sprite.svg`. ### CSS & Styling If you want to use the default css, add the `plyr.css` file from `/dist` into your head, or even better use `plyr.less` or `plyr.sass` file included in `/src` in your build to save a request. @@ -170,7 +170,7 @@ More info on CORS here: Here's an example of a default setup: ```html - + ``` diff --git a/src/js/plyr.js b/src/js/plyr.js index ac6c7d20..6725478a 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -172,7 +172,7 @@ // Seek tooltip if (config.tooltips.seek) { - html.push('0:00'); + html.push('--:--'); } // Close progress @@ -238,7 +238,7 @@ html.push( '', '' + config.i18n.duration + '', - '00:00', + '--:--', '' ); } @@ -746,7 +746,7 @@ // Player instance function Plyr(container) { var plyr = this; - plyr.container = container, + plyr.container = container; plyr.timers = {}; // Captions functions @@ -1816,14 +1816,18 @@ function _setVolume(volume) { // Use default if no value specified if (typeof volume === 'undefined') { + volume = config.volume; + if (config.storage.enabled && _storage().supported) { - volume = window.localStorage[config.storage.key] || config.volume; - } - else { - volume = config.volume; + volume = window.localStorage.getItem(config.storage.key); } } + // Use config if all else fails + if(isNaN(volume)) { + volume = config.volume; + } + // Maximum is 10 if (volume > 10) { volume = 10; @@ -1873,7 +1877,7 @@ } // Store the volume in storage - if (config.storage.enabled && _storage().supported) { + if (config.storage.enabled && _storage().supported && !isNaN(volume)) { window.localStorage.setItem(config.storage.key, volume); } @@ -2015,6 +2019,7 @@ return; } + // Determine duration var duration = plyr.media.duration || 0; // If there's only one time display, display duration there diff --git a/src/less/plyr.less b/src/less/plyr.less index f480ed3f..73e14c56 100644 --- a/src/less/plyr.less +++ b/src/less/plyr.less @@ -181,7 +181,6 @@ height: 100%; border: 0; user-select: none; - pointer-events: none; // To allow mouse events to be captured } // Vimeo hack @@ -190,6 +189,11 @@ padding-bottom: 200%; transform: translateY(-35.95%); } + + // To allow mouse events to be captured if full support + &.plyr iframe { + pointer-events: none; + } } // Captions @@ -387,9 +391,14 @@ } // Common range styles - input[type='range'].tab-focus:focus { - outline: 1px dotted fade(@plyr-gray-dark, 80%); - outline-offset: 3px; + input[type='range'] { + &::-ms-tooltip { + display: none; + } + &.tab-focus:focus { + outline: 1px dotted fade(@plyr-gray-dark, 80%); + outline-offset: 3px; + } } // Playback progress diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss index dd118602..f0d1df6f 100644 --- a/src/sass/plyr.scss +++ b/src/sass/plyr.scss @@ -27,21 +27,19 @@ $plyr-font-size-captions-large: ($plyr-font-size-base * 2) !default; $plyr-control-spacing: 10px !default; $plyr-controls-bg: #fff !default; $plyr-control-bg-hover: $plyr-blue !default; -$plyr-control-color: null !default; -$plyr-control-color-hover: null !default; // Contrast @if lightness($plyr-controls-bg) >= 65% { - $plyr-control-color: $plyr-gray-light; + $plyr-control-color: $plyr-gray-light !default; } @else { - $plyr-control-color: $plyr-gray-lighter; + $plyr-control-color: $plyr-gray-lighter !default; } @if lightness($plyr-control-bg-hover) >= 65% { - $plyr-control-color-hover: $plyr-gray; + $plyr-control-color-hover: $plyr-gray !default; } @else { - $plyr-control-color-hover: #fff; + $plyr-control-color-hover: #fff !default; } // Tooltips @@ -182,7 +180,6 @@ $plyr-bp-captions-large: 768px !default; // When captions jump to the la height: 100%; border: 0; user-select: none; - pointer-events: none; // To allow mouse events to be captured } // Vimeo hack @@ -191,6 +188,11 @@ $plyr-bp-captions-large: 768px !default; // When captions jump to the la padding-bottom: 200%; transform: translateY(-35.95%); } + + // To allow mouse events to be captured if full support + &.plyr iframe { + pointer-events: none; + } } // Captions