diff options
| -rw-r--r-- | dist/plyr.js | 4 | ||||
| -rw-r--r-- | src/js/plyr.js | 630 |
2 files changed, 321 insertions, 313 deletions
diff --git a/dist/plyr.js b/dist/plyr.js index 99e5bf68..42460428 100644 --- a/dist/plyr.js +++ b/dist/plyr.js @@ -1,2 +1,2 @@ -!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=t(e,document):"function"==typeof define&&define.amd?define([],function(){return t(e,document)}):e.plyr=t(e,document)}("undefined"!=typeof window?window:this,function(e,t){"use strict";function n(){var e,n,a,r=navigator.userAgent,o=navigator.appName,i=""+parseFloat(navigator.appVersion),s=parseInt(navigator.appVersion,10),l=!1,u=!1,c=!1,d=!1;return navigator.appVersion.indexOf("Windows NT")!==-1&&navigator.appVersion.indexOf("rv:11")!==-1?(l=!0,o="IE",i="11"):(n=r.indexOf("MSIE"))!==-1?(l=!0,o="IE",i=r.substring(n+5)):(n=r.indexOf("Chrome"))!==-1?(c=!0,o="Chrome",i=r.substring(n+7)):(n=r.indexOf("Safari"))!==-1?(d=!0,o="Safari",i=r.substring(n+7),(n=r.indexOf("Version"))!==-1&&(i=r.substring(n+8))):(n=r.indexOf("Firefox"))!==-1?(u=!0,o="Firefox",i=r.substring(n+8)):(e=r.lastIndexOf(" ")+1)<(n=r.lastIndexOf("/"))&&(o=r.substring(e,n),i=r.substring(n+1),o.toLowerCase()===o.toUpperCase()&&(o=navigator.appName)),(a=i.indexOf(";"))!==-1&&(i=i.substring(0,a)),(a=i.indexOf(" "))!==-1&&(i=i.substring(0,a)),s=parseInt(""+i,10),isNaN(s)&&(i=""+parseFloat(navigator.appVersion),s=parseInt(navigator.appVersion,10)),{name:o,version:s,isIE:l,isFirefox:u,isChrome:c,isSafari:d,isIos:/(iPad|iPhone|iPod)/g.test(navigator.platform),isTouch:"ontouchstart"in t.documentElement}}function a(e){if(!t.querySelectorAll('script[src="'+e+'"]').length){var n=t.createElement("script");n.src=e;var a=t.getElementsByTagName("script")[0];a.parentNode.insertBefore(n,a)}}function r(e,t){return Array.prototype.indexOf&&e.indexOf(t)!==-1}function o(e,t){e.length||(e=[e]);for(var n=e.length-1;n>=0;n--){var a=n>0?t.cloneNode(!0):t,r=e[n],o=r.parentNode,i=r.nextSibling;return a.appendChild(r),i?o.insertBefore(a,i):o.appendChild(a),a}}function i(e){e&&e.parentNode.removeChild(e)}function s(e,t){e.insertBefore(t,e.firstChild)}function l(e,t){for(var n in t)e.setAttribute(n,O.boolean(t[n])&&t[n]?"":t[n])}function u(e,t){if(!O.string(e)||O.empty(e))return{};var n={};return e.split(",").forEach(function(e){e=e.trim();var a=e.charAt(0);switch(a){case".":var r=e.replace(".","");O.object(t)&&O.string(t.class)&&(t.class+=" "+r),n.class=r;break;case"#":n.id=e.replace("#","");break;case"[":e=e.replace(/[\[\]]/g,"");var o=e.split("="),i=o[0],s=o.length>1?o[1].replace(/[\"\']/g,""):"";n[i]=s}}),n}function c(e,n){var a=t.createElement(e);return O.object(n)&&l(a,n),a}function d(e,t,n){var a=c(e,n);s(t,a)}function p(e){return e.replace(".","")}function m(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var a=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=a+(n?" "+t:"")}}function f(e,t){return!!e&&(e.classList?e.classList.contains(t):new RegExp("(\\s|^)"+t+"(\\s|$)").test(e.className))}function b(e,n){var a=Element.prototype,r=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.msMatchesSelector||function(e){return[].indexOf.call(t.querySelectorAll(e),this)!==-1};return r.call(e,n)}function y(e,t,n,a,r){g(e,t,function(t){n&&n.apply(e,[t]),a.apply(e,[t])},r)}function v(e,t,n,a,r){var o=t.split(" ");if(O.boolean(r)||(r=!1),e instanceof NodeList)for(var i=0;i<e.length;i++)e[i]instanceof Node&&v(e[i],arguments[1],arguments[2],arguments[3]);else for(var s=0;s<o.length;s++)e[a?"addEventListener":"removeEventListener"](o[s],n,r)}function g(e,t,n,a){O.undefined(e)||v(e,t,n,!0,a)}function h(e,t,n,a){O.undefined(e)||v(e,t,n,!1,a)}function k(e,t,n,a){if(e&&t){O.boolean(n)||(n=!1);var r=new CustomEvent(t,{bubbles:n,detail:a});e.dispatchEvent(r)}}function w(e,t){if(e)return t=O.boolean(t)?t:!e.getAttribute("aria-pressed"),e.setAttribute("aria-pressed",t),t}function T(e,t){return 0===e||0===t||isNaN(e)||isNaN(t)?0:(e/t*100).toFixed(2)}function E(){var e=arguments;if(e.length){if(1===e.length)return e[0];for(var t=Array.prototype.shift.call(e),n=e.length,a=0;a<n;a++){var r=e[a];for(var o in r)r[o]&&r[o].constructor&&r[o].constructor===Object?(t[o]=t[o]||{},E(t[o],r[o])):t[o]=r[o]}return t}}function C(e){var t=/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;return e.match(t)?RegExp.$2:e}function x(e){var t=/^.*(vimeo.com\/|video\/)(\d+).*/;return e.match(t)?RegExp.$2:e}function S(v,S){function F(e,t,n,a){k(e,t,n,E({},a,{plyr:tt}))}function q(t,n){S.debug&&e.console&&(n=Array.prototype.slice.call(n),O.string(S.logPrefix)&&S.logPrefix.length&&n.unshift(S.logPrefix),console[t].apply(console,n))}function j(){return{url:S.iconUrl,absolute:0===S.iconUrl.indexOf("http")||nt.browser.isIE}}function R(e){var n="http://www.w3.org/2000/svg",a=j(),r=(a.absolute?"":a.url)+"#"+S.iconPrefix,o=t.createElementNS(n,"svg");l(o,{role:"presentation"});var i=t.createElementNS(n,"use");return i.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",r+"-"+e),o.appendChild(i),o}function V(e){var n=c("span",{class:S.classes.hidden}),a=t.createTextNode(S.i18n[e]);return n.appendChild(a),n}function D(e){var t=c("button"),n={class:"plyr__control"};return"play-large"===e&&(n.class="plyr__play-large",e="play"),E(n,u(S.selectors.buttons[e],n)),t.appendChild(R(e)),t.appendChild(V(e)),l(t,n),rt.buttons[e]=t,t}function H(e){var n=c("progress",E(u(S.selectors.progress[e]),{min:0,max:100,value:0})),a=c("span"),r=t.createTextNode("0");a.appendChild(r),n.appendChild(a);var o="";switch(e){case"played":o=S.i18n.played;break;case"buffer":o=S.i18n.buffered}var i=t.createTextNode("% "+o.toLowerCase());return n.appendChild(i),rt.progress[e]=[n],n}function W(e){var n=c("div",u(S.selectors.controls.wrapper));if(r(S.controls,"restart")&&n.appendChild(D("restart")),r(S.controls,"rewind")&&n.appendChild(D("rewind")),r(S.controls,"play")&&(n.appendChild(D("play")),n.appendChild(D("pause"))),r(S.controls,"fast-forward")&&n.appendChild(D("fast-forward")),r(S.controls,"progress")){var a=c("span",u(S.selectors.progress.container)),o={id:"seek-"+e.id,label:c("label"),input:c("input")};if(l(o.label,{for:o.id,class:S.classes.hidden}),a.appendChild(o.label),l(o.input,E(u(S.selectors.inputs.seek),{id:o.id,type:"range",min:0,max:100,step:.1,value:0})),E(rt.inputs,{seek:o.input}),a.appendChild(rt.inputs.seek),a.appendChild(H("played")),a.appendChild(H("buffer")),S.tooltips.seek){var i=c("span",{role:"tooltip",class:S.classes.tooltip}),s=t.createTextNode("00:00");i.appendChild(s),a.appendChild(i)}rt.progress.container=a,n.appendChild(rt.progress.container)}return n}function B(e,t){function n(e){var t="";switch(e){case"hd2160":t="4K";break;case"hd1440":t="WQHD";break;case"hd1080":t="HD";break;case"hd720":t="HD"}return t.length?['<span class="plyr__menu__value">','<span class="plyr__badge">'+t+"</span>","</span>"].join(""):""}function a(e){switch(e){case"hd2160":return"2160P";case"hd1440":return"1440P";case"hd1080":return"1080P";case"hd720":return"720P";case"large":return"480P";case"medium":return"360P";case"small":return"240P";default:return"Auto"}}if(!O.object(nt.quality)&&(nt.quality={available:e,current:t},O.array(e)&&e.length)){var r=e.filter(function(e){return["tiny","small"].indexOf(e)===-1}),o=r.map(function(e){return["<li>",'<label class="plyr__control">','<input type="radio" name="quality" value="'+e+'"'+(e===nt.quality.current?" checked":"")+">",a(e),n(e),"</label>","</li>"].join("")});o.unshift(['<li role="tab">','<button type="button" class="plyr__control plyr__control--back" aria-haspopup="true" aria-controls="plyr-settings-'+nt.id+'-primary" aria-expanded="false">',S.i18n.quality,"</button>","</li>"].join("")),$(S.selectors.menu.quality).innerHTML=o.join("")}}function Y(){if(nt.supported.full&&("audio"!==nt.type||S.fullscreen.allowAudio)&&S.fullscreen.enabled){var e=M.fullscreen;e||S.fullscreen.fallback&&!G()?(it((e?"Native":"Fallback")+" fullscreen enabled"),m(nt.container,S.classes.fullscreen.enabled,!0)):it("Fullscreen not supported and fallback disabled"),rt.buttons&&rt.buttons.fullscreen&&w(rt.buttons.fullscreen,!1),Z()}}function X(e){O.event(e)&&(e=e.target),e.activeCues[0]&&"text"in e.activeCues[0]?J(e.activeCues[0].getCueAsHTML()):J()}function U(){if("video"===nt.type){$(S.selectors.captions)||nt.videoContainer.insertAdjacentHTML("afterbegin",'<div class="'+p(S.selectors.captions)+'"></div>'),nt.usingTextTracks=!1,nt.media.textTracks&&(nt.usingTextTracks=!0);var e=[],t="";if(nt.media.childNodes.forEach(function(t){"track"===t.nodeName.toLowerCase()&&("captions"!==t.kind&&"subtitles"!==t.kind||e.push(t.getAttribute("src")))}),nt.captionExists=!0,0===e.length?(nt.captionExists=!1,it("No caption track found")):Number(S.captions.selectedIndex)+1>e.length?(nt.captionExists=!1,it("Caption index out of bound")):(t=e[S.captions.selectedIndex],it("Caption track found; URI: "+t)),nt.captionExists){var n=nt.media.textTracks;if([].forEach.call(n,function(e){h(e,"cuechange",X),e.mode="hidden"}),Q(nt),(nt.browser.isIE&&nt.browser.version>=10||nt.browser.isFirefox&&nt.browser.version>=31)&&(it("Detected browser with known TextTrack issues - using manual fallback"),nt.usingTextTracks=!1),nt.usingTextTracks){it("TextTracks supported");var a=n[S.captions.selectedIndex];"captions"!==a.kind&&"subtitles"!==a.kind||(g(a,"cuechange",X),a.activeCues&&a.activeCues.length>0&&X(a))}else if(it("TextTracks not supported so rendering captions manually"),nt.currentCaption="",nt.captions=[],""!==t){var r=new XMLHttpRequest;r.onreadystatechange=function(){if(4===r.readyState)if(200===r.status){var e=r.responseText,t="\r\n";e.indexOf(t+t)===-1&&(t=e.indexOf("\r\r")!==-1?"\r":"\n");var n=e.split(t+t);nt.captions=n.map(function(e){var n=e.split(t),a=0;return n[a].indexOf(":")!==-1&&(a=1),[n[a],n[a+1]]}),nt.captions.shift(),it("Successfully loaded the caption file via AJAX")}else st(S.logPrefix+"There was a problem loading the caption file via AJAX")},r.open("get",t,!0),r.send()}}else m(nt.container,S.classes.captions.enabled)}}function J(e){var t=$(S.selectors.captions);if(O.htmlElement(t)){var n=c("span");t.innerHTML="",O.undefined(e)&&(e=""),O.string(e)?n.innerHTML=e.trim():n.appendChild(e),t.appendChild(n);t.offsetHeight}}function K(e){function t(e,t){var n=[];n=e.split(" --> ");for(var a=0;a<n.length;a++)n[a]=n[a].replace(/(\d+:\d+:\d+\.\d+).*/,"$1");return r(n[t])}function n(e){return t(e,0)}function a(e){return t(e,1)}function r(e){if(null===e||void 0===e)return 0;var t=[],n=[],a=0;t=e.split(","),n=t[0].split(":");for(var r=0,o=n.length;r<o;r++)a+=Math.floor(n[r]*Math.pow(60,o-(r+1)));return a}if(!nt.usingTextTracks&&"video"===nt.type&&nt.supported.full&&(nt.subcount=0,e=O.number(e)?e:nt.media.currentTime,nt.captions[nt.subcount])){for(;a(nt.captions[nt.subcount][0])<e.toFixed(1);)if(nt.subcount++,nt.subcount>nt.captions.length-1){nt.subcount=nt.captions.length-1;break}nt.media.currentTime.toFixed(1)>=n(nt.captions[nt.subcount][0])&&nt.media.currentTime.toFixed(1)<=a(nt.captions[nt.subcount][0])?(nt.currentCaption=nt.captions[nt.subcount][1],J(nt.currentCaption)):J()}}function Q(){if(rt.buttons.captions){m(nt.container,S.classes.captions.enabled,!0);var e=nt.storage.captionsEnabled;O.boolean(e)||(e=S.captions.defaultActive),e&&(m(nt.container,S.classes.captions.active,!0),w(rt.buttons.captions,!0))}}function z(e){return nt.container.querySelectorAll(e)}function $(e){return z(e)[0]}function G(){try{return e.self!==e.top}catch(e){return!0}}function Z(){function e(e){9===e.which&&nt.isFullscreen&&(e.target!==a||e.shiftKey?e.target===n&&e.shiftKey&&(e.preventDefault(),a.focus()):(e.preventDefault(),n.focus()))}var t=z("input:not([disabled]), button:not([disabled])"),n=t[0],a=t[t.length-1];g(nt.container,"keydown",e)}function ee(e,t){if(O.string(t))d(e,nt.media,{src:t});else if(t.constructor===Array)for(var n=t.length-1;n>=0;n--)d(e,nt.media,t[n])}function te(){if(S.loadSprite){var e=j();e.absolute?(it("AJAX loading absolute SVG sprite"+(nt.browser.isIE?" (due to IE)":"")),A(e.url,"sprite-plyr")):it("Sprite will be used as external resource directly")}r(S.controls,"play-large")&&(rt.buttons.playLarge=D("play-large"),nt.container.appendChild(rt.buttons.playLarge)),nt.id=Math.floor(1e4*Math.random());var n,a=W({id:nt.id,seektime:S.seekTime,speed:ne(),language:"English"});if(O.string(S.selectors.controls.container)&&(n=t.querySelector(S.selectors.controls.container)),O.htmlElement(n)||(n=nt.container),n.appendChild(a),S.tooltips.controls)for(var o=z([S.selectors.controls.wrapper," ",S.selectors.labels," .",S.classes.hidden].join("")),i=o.length-1;i>=0;i--){var s=o[i];m(s,S.classes.hidden,!1),m(s,S.classes.tooltip,!0)}}function ne(){return S.currentSpeed.toFixed(1).toString().replace(".0","")+"×"}function ae(){try{return rt.controls=$(S.selectors.controls.wrapper),rt.buttons={play:z(S.selectors.buttons.play),pause:$(S.selectors.buttons.pause),restart:$(S.selectors.buttons.restart),rewind:$(S.selectors.buttons.rewind),forward:$(S.selectors.buttons.forward),fullscreen:$(S.selectors.buttons.fullscreen),settings:$(S.selectors.buttons.settings),pip:$(S.selectors.buttons.pip),speed:$(S.selectors.buttons.speed),loop:$(S.selectors.buttons.loop),mute:$(S.selectors.buttons.mute),captions:$(S.selectors.buttons.captions)},rt.progress={container:$(S.selectors.progress.container),buffer:$(S.selectors.progress.buffer),played:$(S.selectors.progress.played)},O.htmlElement(rt.progress.container)&&(rt.progress.tooltip=rt.progress.container.querySelector("."+S.classes.tooltip)),rt.inputs={seek:$(S.selectors.inputs.seek),volume:$(S.selectors.inputs.volume)},rt.display={volume:$(S.selectors.display.volume),duration:$(S.selectors.display.duration),currentTime:$(S.selectors.display.currentTime)},!0}catch(e){return st("It looks like there is a problem with your custom controls HTML",e),oe(!0),!1}}function re(){m(nt.container,S.selectors.container.replace(".",""),nt.supported.full)}function oe(e){e&&r(S.types.html5,nt.type)?nt.media.setAttribute("controls",""):nt.media.removeAttribute("controls")}function ie(e){var t=S.i18n.play;O.string(S.title)&&S.title.length&&(t+=", "+S.title,nt.container.setAttribute("aria-label",S.title)),nt.supported.full&&(O.htmlElement(rt.buttons.play)&&rt.buttons.play.setAttribute("aria-label",t),O.htmlElement(rt.buttons.playLarge)&&rt.buttons.playLarge.setAttribute("aria-label",t)),O.htmlElement(e)&&e.setAttribute("title",S.i18n.frameTitle.replace("{title}",S.title))}function se(){var t=null;nt.storage={},M.storage&&S.storage.enabled&&(e.localStorage.removeItem("plyr-volume"),t=e.localStorage.getItem(S.storage.key),t&&(/^\d+(\.\d+)?$/.test(t)?le({volume:parseFloat(t)}):nt.storage=JSON.parse(t)))}function le(t){M.storage&&S.storage.enabled&&(E(nt.storage,t),e.localStorage.setItem(S.storage.key,JSON.stringify(nt.storage)))}function ue(){if(!nt.media)return void st("No media element found!");if(nt.supported.full&&(m(nt.container,S.classes.type.replace("{0}",nt.type),!0),r(S.types.embed,nt.type)&&m(nt.container,S.classes.type.replace("{0}","video"),!0),m(nt.container,S.classes.pip.enabled,M.pip),m(nt.container,S.classes.stopped,S.autoplay),m(nt.container,S.classes.isIos,nt.browser.isIos),m(nt.container,S.classes.isTouch,nt.browser.isTouch),"video"===nt.type)){var e=t.createElement("div");e.setAttribute("class",S.classes.videoWrapper),o(nt.media,e),nt.videoContainer=e}r(S.types.embed,nt.type)&&ce()}function ce(){var n,r=t.createElement("div"),o=nt.type+"-"+Math.floor(1e4*Math.random());switch(nt.type){case"youtube":n=C(nt.embedId);break;case"vimeo":n=x(nt.embedId);break;default:n=nt.embedId}for(var s=z('[id^="'+nt.type+'-"]'),u=s.length-1;u>=0;u--)i(s[u]);if(m(nt.media,S.classes.videoWrapper,!0),m(nt.media,S.classes.embedWrapper,!0),"youtube"===nt.type)nt.media.appendChild(r),r.setAttribute("id",o),O.object(e.YT)?pe(n,r):(a(S.urls.youtube.api),e.onYouTubeReadyCallbacks=e.onYouTubeReadyCallbacks||[],e.onYouTubeReadyCallbacks.push(function(){pe(n,r)}),e.onYouTubeIframeAPIReady=function(){e.onYouTubeReadyCallbacks.forEach(function(e){e()})});else if("vimeo"===nt.type)if(nt.supported.full?nt.media.appendChild(r):r=nt.media,r.setAttribute("id",o),O.object(e.Vimeo))me(n,r);else{a(S.urls.vimeo.api);var c=e.setInterval(function(){O.object(e.Vimeo)&&(e.clearInterval(c),me(n,r))},50)}else if("soundcloud"===nt.type){var d=t.createElement("iframe");d.loaded=!1,g(d,"load",function(){d.loaded=!0}),l(d,{src:"https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/"+n,id:o}),r.appendChild(d),nt.media.appendChild(r),e.SC||a(S.urls.soundcloud.api);var p=e.setInterval(function(){e.SC&&d.loaded&&(e.clearInterval(p),fe.call(d))},50)}}function de(){nt.supported.full&&(Ze(),et()),ie($("iframe"))}function pe(t,n){nt.embed=new e.YT.Player(n.id,{videoId:t,playerVars:{autoplay:S.autoplay?1:0,controls:nt.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_load_policy:S.captions.defaultActive?1:0,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1,origin:"*"},events:{onError:function(e){F(nt.container,"error",!0,{code:e.data,embed:e.target})},onPlaybackQualityChange:function(e){var t=e.target,n=t.getPlaybackQuality();console.warn(n)},onReady:function(t){var n=t.target;nt.media.play=function(){n.playVideo(),nt.media.paused=!1},nt.media.pause=function(){n.pauseVideo(),nt.media.paused=!0},nt.media.stop=function(){n.stopVideo(),nt.media.paused=!0},nt.media.duration=n.getDuration(),nt.media.paused=!0,nt.media.currentTime=0,nt.media.muted=n.isMuted();var a=n.getPlaybackRate(),r=n.getAvailablePlaybackRates();console.warn(a,r),S.title=n.getVideoData().title,nt.supported.full&&nt.media.querySelector("iframe").setAttribute("tabindex","-1"),de(),F(nt.media,"timeupdate"),F(nt.media,"durationchange"),e.clearInterval(at.buffering),at.buffering=e.setInterval(function(){nt.media.buffered=n.getVideoLoadedFraction(),(null===nt.media.lastBuffered||nt.media.lastBuffered<nt.media.buffered)&&F(nt.media,"progress"),nt.media.lastBuffered=nt.media.buffered,1===nt.media.buffered&&(e.clearInterval(at.buffering),F(nt.media,"canplaythrough"))},200)},onStateChange:function(t){var n=t.target;switch(e.clearInterval(at.playing),t.data){case 0:nt.media.paused=!0,F(nt.media,"ended");break;case 1:nt.media.paused=!1,nt.media.seeking&&F(nt.media,"seeked"),nt.media.seeking=!1,F(nt.media,"play"),F(nt.media,"playing"),at.playing=e.setInterval(function(){nt.media.currentTime=n.getCurrentTime(),F(nt.media,"timeupdate")},100),nt.media.duration!==n.getDuration()&&(nt.media.duration=n.getDuration(),F(nt.media,"durationchange"));var a=n.getAvailableQualityLevels(),r=n.getPlaybackQuality();B(a,r);break;case 2:nt.media.paused=!0,F(nt.media,"pause")}F(nt.container,"statechange",!1,{code:t.data})}}})}function me(t,n){nt.embed=new e.Vimeo.Player(n,{id:parseInt(t),loop:S.loop.active,autoplay:S.autoplay,byline:!1,portrait:!1,title:!1}),nt.media.play=function(){nt.embed.play(),nt.media.paused=!1},nt.media.pause=function(){nt.embed.pause(),nt.media.paused=!0},nt.media.stop=function(){nt.embed.stop(),nt.media.paused=!0},nt.media.paused=!0,nt.media.currentTime=0,de(),nt.embed.getCurrentTime().then(function(e){nt.media.currentTime=e,F(nt.media,"timeupdate")}),nt.embed.getDuration().then(function(e){nt.media.duration=e,F(nt.media,"durationchange")}),nt.embed.on("loaded",function(){O.htmlElement(nt.embed.element)&&nt.supported.full&&nt.embed.element.setAttribute("tabindex","-1")}),nt.embed.on("play",function(){nt.media.paused=!1,F(nt.media,"play"),F(nt.media,"playing")}),nt.embed.on("pause",function(){nt.media.paused=!0,F(nt.media,"pause")}),nt.embed.on("timeupdate",function(e){nt.media.seeking=!1,nt.media.currentTime=e.seconds,F(nt.media,"timeupdate")}),nt.embed.on("progress",function(e){nt.media.buffered=e.percent,F(nt.media,"progress"),1===parseInt(e.percent)&&F(nt.media,"canplaythrough")}),nt.embed.on("seeked",function(){nt.media.seeking=!1,F(nt.media,"seeked"),F(nt.media,"play")}),nt.embed.on("ended",function(){nt.media.paused=!0,F(nt.media,"ended")})}function fe(){nt.embed=e.SC.Widget(this),nt.embed.bind(e.SC.Widget.Events.READY,function(){nt.media.play=function(){nt.embed.play(),nt.media.paused=!1},nt.media.pause=function(){nt.embed.pause(),nt.media.paused=!0},nt.media.stop=function(){nt.embed.seekTo(0),nt.embed.pause(),nt.media.paused=!0},nt.media.paused=!0,nt.media.currentTime=0,nt.embed.getDuration(function(e){nt.media.duration=e/1e3,de()}),nt.embed.getPosition(function(e){nt.media.currentTime=e,F(nt.media,"timeupdate")}),nt.embed.bind(e.SC.Widget.Events.PLAY,function(){nt.media.paused=!1,F(nt.media,"play"),F(nt.media,"playing")}),nt.embed.bind(e.SC.Widget.Events.PAUSE,function(){nt.media.paused=!0,F(nt.media,"pause")}),nt.embed.bind(e.SC.Widget.Events.PLAY_PROGRESS,function(e){nt.media.seeking=!1,nt.media.currentTime=e.currentPosition/1e3,F(nt.media,"timeupdate")}),nt.embed.bind(e.SC.Widget.Events.LOAD_PROGRESS,function(e){nt.media.buffered=e.loadProgress,F(nt.media,"progress"),1===parseInt(e.loadProgress)&&F(nt.media,"canplaythrough")}),nt.embed.bind(e.SC.Widget.Events.FINISH,function(){nt.media.paused=!0,F(nt.media,"ended")})})}function be(){"play"in nt.media&&nt.media.play()}function ye(){"pause"in nt.media&&nt.media.pause()}function ve(e){return O.boolean(e)||(e=nt.media.paused),e?be():ye(),e}function ge(e){r(["start","end","all","none","toggle"],e)||(e="toggle");var n=Number(nt.media.currentTime);switch(e){case"start":S.loop.end&&S.loop.end<=n&&(S.loop.end=null),S.loop.start=n,S.loop.indicator.start=rt.progress.played.value;break;case"end":if(S.loop.start>=n)return;S.loop.end=n,S.loop.indicator.end=rt.progress.played.value;break;case"all":S.loop.start=0,S.loop.end=nt.media.duration-2,S.loop.indicator.start=0,S.loop.indicator.end=100;break;case"toggle":S.loop.active?(S.loop.start=0,S.loop.end=null):(S.loop.start=0,S.loop.end=nt.media.duration-2);break;default:S.loop.start=0,S.loop.end=null}S.loop.active=O.number(S.loop.start)&&O.number(S.loop.end);var a=(Ve(S.loop.start,$('[data-plyr-loop="start"]')),null);O.number(S.loop.end)&&(a=Ve(S.loop.end,t.querySelector('[data-loop__value="loopout"]'))),S.loop.active}function he(e){if(O.undefined(e)&&(e=nt.storage.speed||S.defaultSpeed),!O.array(S.speeds))return void st("Invalid speeds format");if(!O.number(e)){var n=S.speeds.indexOf(S.currentSpeed);if(n!==-1){var a=n+1;a>=S.speeds.length&&(a=0),e=S.speeds[a]}else e=S.defaultSpeed}S.currentSpeed=e,nt.media.playbackRate=e,le({speed:e}),t.querySelector('[data-menu="speed"]').innerHTML=ne()}function ke(e){O.number(e)||(e=S.seekTime),Te(nt.media.currentTime-e)}function we(e){O.number(e)||(e=S.seekTime),Te(nt.media.currentTime+e)}function Te(e){var t=0,n=nt.media.paused,a=Ee();O.number(e)?t=e:O.event(e)&&r(["input","change"],e.type)&&(t=e.target.value/e.target.max*a),t<0?t=0:t>a&&(t=a),We(t);try{nt.media.currentTime=t.toFixed(4)}catch(e){}if(r(S.types.embed,nt.type)){switch(nt.type){case"youtube":nt.embed.seekTo(t);break;case"vimeo":nt.embed.setCurrentTime(t.toFixed(0));break;case"soundcloud":nt.embed.seekTo(1e3*t)}n&&ye(),F(nt.media,"timeupdate"),nt.media.seeking=!0,F(nt.media,"seeking")}it("Seeking to "+nt.media.currentTime+" seconds"),K(t)}function Ee(){var e=parseInt(S.duration),t=0;return null===nt.media.duration||isNaN(nt.media.duration)||(t=nt.media.duration),isNaN(e)?t:e}function Ce(){m(nt.container,S.classes.playing,!nt.media.paused),m(nt.container,S.classes.stopped,nt.media.paused),Ye(nt.media.paused)}function xe(){P={x:e.pageXOffset||0,y:e.pageYOffset||0}}function Se(){e.scrollTo(P.x,P.y)}function Ae(e){var n=M.fullscreen;if(n){if(!e||e.type!==N.eventType)return N.isFullScreen(nt.container)?N.cancelFullScreen():(xe(),N.requestFullScreen(nt.container)),void(nt.isFullscreen=N.isFullScreen(nt.container));nt.isFullscreen=N.isFullScreen(nt.container)}else nt.isFullscreen=!nt.isFullscreen,t.body.style.overflow=nt.isFullscreen?"hidden":"";m(nt.container,S.classes.fullscreen.active,nt.isFullscreen),Z(nt.isFullscreen),rt.buttons&&rt.buttons.fullscreen&&w(rt.buttons.fullscreen,nt.isFullscreen),F(nt.container,nt.isFullscreen?"enterfullscreen":"exitfullscreen",!0),!nt.isFullscreen&&n&&Se()}function _e(e){if(O.boolean(e)||(e=!nt.media.muted),w(rt.buttons.mute,e),nt.media.muted=e,0===nt.media.volume&&Fe(S.volume),r(S.types.embed,nt.type)){switch(nt.type){case"youtube":nt.embed[nt.media.muted?"mute":"unMute"]();break;case"vimeo":case"soundcloud":nt.embed.setVolume(nt.media.muted?0:parseFloat(S.volume/10))}F(nt.media,"volumechange")}}function Fe(e){var t=10,n=0;if(O.undefined(e)&&(e=nt.storage.volume),(null===e||isNaN(e))&&(e=S.volume),e>t&&(e=t),e<n&&(e=n),nt.media.volume=parseFloat(e/t),rt.display.volume&&(rt.display.volume.value=e),r(S.types.embed,nt.type)){switch(nt.type){case"youtube":nt.embed.setVolume(100*nt.media.volume);break;case"vimeo":case"soundcloud":nt.embed.setVolume(nt.media.volume)}F(nt.media,"volumechange")}0===e?nt.media.muted=!0:nt.media.muted&&e>0&&_e()}function Ie(e){var t=nt.media.muted?0:10*nt.media.volume;O.number(e)||(e=1),Fe(t+e)}function Ne(e){var t=nt.media.muted?0:10*nt.media.volume;O.number(e)||(e=1),Fe(t-e)}function Pe(){var e=nt.media.muted?0:10*nt.media.volume;nt.supported.full&&(rt.inputs.volume&&(rt.inputs.volume.value=e),rt.display.volume&&(rt.display.volume.value=e)),le({volume:e}),m(nt.container,S.classes.muted,0===e),nt.supported.full&&rt.buttons.mute&&w(rt.buttons.mute,0===e)}function Le(e){nt.supported.full&&rt.buttons.captions&&(O.boolean(e)||(e=nt.container.className.indexOf(S.classes.captions.active)===-1),nt.captionsEnabled=e,rt.buttons.captions_menu.innerHTML=e?"Off":"On",$('[data-captions="settings"]').innerHTML=Me(),w(rt.buttons.captions,nt.captionsEnabled),m(nt.container,S.classes.captions.active,nt.captionsEnabled),F(nt.container,nt.captionsEnabled?"captionsenabled":"captionsdisabled",!0),le({captionsEnabled:nt.captionsEnabled}))}function Oe(e){S.captions.selectedIndex=e||S.captions.selectedIndex,J(),U(),$('[data-captions="settings"]').innerHTML=Me()}function Me(){return 0===S.tracks.length?"No Subs":nt.captionsEnabled||!O.boolean(nt.captionsEnabled)&&nt.storage.captionsEnabled?S.tracks[S.captions.selectedIndex].label:"Disabled"}function qe(e){var t="waiting"===e.type;clearTimeout(at.loading),at.loading=setTimeout(function(){m(nt.container,S.classes.loading,t),Ye(t)},t?250:0)}function je(e){if(nt.supported.full){var t=rt.progress.played,n=0,a=Ee();if(e)switch(e.type){case"timeupdate":case"seeking":if(rt.controls.pressed)return;n=T(nt.media.currentTime,a),"timeupdate"===e.type&&rt.inputs.seek&&(rt.inputs.seek.value=n);break;case"playing":case"progress":t=rt.progress.buffer,n=function(){var e=nt.media.buffered;return e&&e.length?T(e.end(0),a):O.number(e)?100*e:0}()}O.number(S.loop.start)&&O.number(S.loop.end)&&nt.media.currentTime>=S.loop.end&&Te(S.loop.start),Re(t,n)}}function Re(e,t){if(nt.supported.full){if(O.undefined(t)&&(t=0),O.undefined(e)){if(!O.htmlElement(rt.progress.buffer))return;e=rt.progress.buffer}if(O.htmlElement(e)){e.value=t;var n=e.getElementsByTagName("span")[0];O.htmlElement(n)&&(n.childNodes[0].nodeValue=t)}}}function Ve(e,t){if(t){isNaN(e)&&(e=0),nt.secs=parseInt(e%60),nt.mins=parseInt(e/60%60),nt.hours=parseInt(e/60/60%60);var n=parseInt(Ee()/60/60%60)>0;nt.secs=("0"+nt.secs).slice(-2),nt.mins=("0"+nt.mins).slice(-2);var a=(n?nt.hours+":":"")+nt.mins+":"+nt.secs;return t.innerHTML=a,a}}function De(){if(nt.supported.full){var e=Ee()||0;!rt.display.duration&&S.displayDuration&&nt.media.paused&&Ve(e,rt.display.currentTime),rt.display.duration&&Ve(e,rt.display.duration),Be()}}function He(e){Ve(nt.media.currentTime,rt.display.currentTime),e&&"timeupdate"===e.type&&nt.media.seeking||je(e)}function We(e){O.number(e)||(e=0);var t=Ee(),n=T(e,t);rt.progress&&rt.progress.played&&(rt.progress.played.value=n),rt.buttons&&rt.inputs.seek&&(rt.inputs.seek.value=n)}function Be(e){var t=Ee();if(S.tooltips.seek&&rt.progress.container&&0!==t){var n=rt.progress.container.getBoundingClientRect(),a=0,o=S.classes.tooltip+"--visible";if(e)a=100/n.width*(e.pageX-n.left);else{if(!f(rt.progress.tooltip,o))return;a=rt.progress.tooltip.style.left.replace("%","")}a<0?a=0:a>100&&(a=100),Ve(t/100*a,rt.progress.tooltip),rt.progress.tooltip.style.left=a+"%",e&&r(["mouseenter","mouseleave"],e.type)&&m(rt.progress.tooltip,o,"mouseenter"===e.type)}}function Ye(t){if(S.hideControls&&"audio"!==nt.type){var n=0,a=!1,o=t,i=f(nt.container,S.classes.loading);if(O.boolean(t)||(t&&t.type?(a="enterfullscreen"===t.type,o=r(["mousemove","touchstart","mouseenter","focus"],t.type),r(["mousemove","touchmove"],t.type)&&(n=2e3),"focus"===t.type&&(n=3e3)):o=f(nt.container,S.classes.hideControls)),e.clearTimeout(at.hover),o||nt.media.paused||i){if(m(nt.container,S.classes.hideControls,!1),nt.media.paused||i)return;nt.browser.isTouch&&(n=3e3)}o&&nt.media.paused||(at.hover=e.setTimeout(function(){(!rt.controls.pressed&&!rt.controls.hover||a)&&m(nt.container,S.classes.hideControls,!0)},n))}}function Xe(e){if(!O.undefined(e))return void Ue(e);var t;switch(nt.type){case"youtube":t=nt.embed.getVideoUrl();break;case"vimeo":nt.embed.getVideoUrl.then(function(e){t=e});break;case"soundcloud":nt.embed.getCurrentSound(function(e){t=e.permalink_url});break;default:t=nt.media.currentSrc}return t||""}function Ue(e){function n(){if(nt.embed=null,i(nt.media),"video"===nt.type&&nt.videoContainer&&i(nt.videoContainer),nt.container&&nt.container.removeAttribute("class"),"type"in e&&(nt.type=e.type,"video"===nt.type)){var n=e.sources[0];"type"in n&&r(S.types.embed,n.type)&&(nt.type=n.type)}switch(nt.supported=_(nt.type),nt.type){case"video":nt.media=t.createElement("video");break;case"audio":nt.media=t.createElement("audio");break;case"youtube":case"vimeo":case"soundcloud":nt.media=t.createElement("div"),nt.embedId=e.sources[0].src}s(nt.container,nt.media),O.boolean(e.autoplay)&&(S.autoplay=e.autoplay),r(S.types.html5,nt.type)&&(S.crossorigin&&nt.media.setAttribute("crossorigin",""),S.autoplay&&nt.media.setAttribute("autoplay",""),"poster"in e&&nt.media.setAttribute("poster",e.poster),S.loop.active&&nt.media.setAttribute("loop","")),m(nt.container,S.classes.fullscreen.active,nt.isFullscreen),m(nt.container,S.classes.captions.active,nt.captionsEnabled),re(),r(S.types.html5,nt.type)&&ee("source",e.sources),ue(),r(S.types.html5,nt.type)&&("tracks"in e&&ee("track",e.tracks),nt.media.load()),(r(S.types.html5,nt.type)||r(S.types.embed,nt.type)&&!nt.supported.full)&&(Ze(),et()),S.title=e.title,ie()}return O.object(e)&&"sources"in e&&e.sources.length?(m(nt.container,S.classes.ready,!1),ye(),We(),Re(),ze(),void $e(n,!1)):void st("Invalid source format")}function Je(e){"video"===nt.type&&nt.media.setAttribute("poster",e)}function Ke(){function n(){var e=ve(),t=rt.buttons[e?"play":"pause"],n=rt.buttons[e?"pause":"play"];if(n=n&&n.length>1?n[n.length-1]:n[0]){var a=f(t,S.classes.tabFocus);setTimeout(function(){n.focus(),a&&(m(t,S.classes.tabFocus,!1),m(n,S.classes.tabFocus,!0))},100)}}function a(){var e=t.activeElement;return e=e&&e!==t.body?t.querySelector(":focus"):null}function o(e){return e.keyCode?e.keyCode:e.which}function s(e){for(var t in rt.buttons){var n=rt.buttons[t];if(O.nodeList(n))for(var a=0;a<n.length;a++)m(n[a],S.classes.tabFocus,n[a]===e);else m(n,S.classes.tabFocus,n===e)}}function l(e){function t(){var e=nt.media.duration;O.number(e)&&Te(e/10*(i-48))}var i=o(e),s="keydown"===e.type,l=s&&i===c;if(O.number(i))if(s){var u=[48,49,50,51,52,53,54,56,57,32,75,38,40,77,39,37,70,67,73,76,79],d=[38,40];if(r(d,i)){var p=a();if(O.htmlElement(p)&&"radio"===a().type)return}switch(r(u,i)&&(e.preventDefault(),e.stopPropagation()),i){case 48:case 49:case 50:case 51:case 52:case 53:case 54:case 55:case 56:case 57:l||t();break;case 32:case 75:l||n();break;case 38:Ie();break;case 40:Ne();break;case 77:l||_e();break;case 39:we();break;case 37:ke();break;case 70:Ae();break;case 67:l||Le();break;case 73:ge("start");break;case 76:ge();break;case 79:ge("end")}!M.fullscreen&&nt.isFullscreen&&27===i&&Ae(),c=i}else c=null}var u=nt.browser.isIE?"change":"input";if(S.keyboardShortcuts.focused){var c=null;S.keyboardShortcuts.global&&g(e,"keydown keyup",function(e){var t=o(e),n=a(),i=[48,49,50,51,52,53,54,56,57,75,77,70,67,73,76,79],s=I().length;1!==s||!r(i,t)||O.htmlElement(n)&&b(n,S.selectors.editable)||l(e); -}),g(nt.container,"keydown keyup",l)}g(e,"keyup",function(e){var t=o(e),n=a();9===t&&s(n)}),g(t.body,"click",function(){m($("."+S.classes.tabFocus),S.classes.tabFocus,!1)});for(var d in rt.buttons){var p=rt.buttons[d];g(p,"blur",function(){m(p,"tab-focus",!1)})}y(rt.buttons.play,"click",S.listeners.play,n),y(rt.buttons.playLarge,"click",S.listeners.play,n),y(rt.buttons.pause,"click",S.listeners.pause,n),y(rt.buttons.restart,"click",S.listeners.restart,Te),y(rt.buttons.rewind,"click",S.listeners.rewind,ke),y(rt.buttons.forward,"click",S.listeners.forward,we),y(rt.buttons.speed,"click",S.listeners.speed,function(){var e=t.querySelector('[data-plyr="speed"]:checked').value;he(Number(e))}),y(rt.inputs.seek,u,S.listeners.seek,Te),y(rt.inputs.volume,u,S.listeners.volume,function(){Fe(rt.inputs.volume.value)}),y(rt.buttons.mute,"click",S.listeners.mute,_e),y(rt.buttons.fullscreen,"click",S.listeners.fullscreen,Ae),y(rt.buttons.loop,"click",S.listeners.loop,function(e){var t=e.target.getAttribute("data-loop__value")||e.target.getAttribute("data-loop__type");r(["start","end","all","none"],t)&&ge(t)}),M.fullscreen&&g(t,N.eventType,Ae),y(rt.buttons.captions,"click",S.listeners.captions,Le),y(rt.buttons.lang,"click",S.listeners.lang,function(e){var t=e.target.attributes.getNamedItem("data-index").value;Oe(t)}),g(rt.buttons.settings,"click",function(n){var a=this,r=n.target,o=t.getElementById(r.getAttribute("aria-controls")),s="false"===r.getAttribute("aria-expanded");if(O.htmlElement(o)){var l,u,c,d="tabpanel"===o.getAttribute("role");if(d){var p=a.querySelector('[role="tabpanel"][aria-hidden="false"]');c=p.parentNode,[].forEach.call(a.querySelectorAll('[aria-controls="'+p.getAttribute("id")+'"]'),function(e){e.setAttribute("aria-expanded",!1)}),c.style.width=p.scrollWidth+"px",c.style.height=p.scrollHeight+"px",p.setAttribute("aria-hidden",!0),p.setAttribute("tabindex",-1);var m=o.cloneNode(!0);m.style.position="absolute",m.style.opacity=0,m.setAttribute("aria-hidden",!1),c.appendChild(m),l=m.scrollWidth,u=m.scrollHeight,i(m)}o.setAttribute("aria-hidden",!s),r.setAttribute("aria-expanded",s),o.setAttribute("tabindex",0),d&&(c.style.width=l+"px",c.style.height=u+"px",e.setTimeout(function(){c.style.width="",c.style.height=""},300))}}),g(rt.buttons.pip,"click",function(){nt.media.webkitSetPresentationMode("picture-in-picture"===nt.media.webkitPresentationMode?"inline":"picture-in-picture")}),g(rt.progress.container,"mouseenter mouseleave mousemove",Be),S.hideControls&&(g(nt.container,"mouseenter mouseleave mousemove touchstart touchend touchcancel touchmove enterfullscreen",Ye),g(rt.controls,"mouseenter mouseleave",function(e){rt.controls.hover="mouseenter"===e.type}),g(rt.controls,"mousedown mouseup touchstart touchend touchcancel",function(e){rt.controls.pressed=r(["mousedown","touchstart"],e.type)}),g(rt.controls,"focus blur",Ye,!0)),g(rt.inputs.volume,"wheel",function(e){e.preventDefault();var t=e.webkitDirectionInvertedFromDevice,n=.2;(e.deltaY<0||e.deltaX>0)&&(t?Ne(n):Ie(n)),(e.deltaY>0||e.deltaX<0)&&(t?Ie(n):Ne(n))})}function Qe(){if(g(nt.media,"timeupdate seeking",He),g(nt.media,"timeupdate",K),g(nt.media,"durationchange loadedmetadata",De),g(nt.media,"ended",function(){"video"===nt.type&&S.showPosterOnEnd&&("video"===nt.type&&J(),Te(),nt.media.load())}),g(nt.media,"progress playing",je),g(nt.media,"volumechange",Pe),g(nt.media,"play pause ended",Ce),g(nt.media,"waiting canplay seeked",qe),S.clickToPlay&&"audio"!==nt.type){var e=$("."+S.classes.videoWrapper);if(!e)return;e.style.cursor="pointer",g(e,"click",function(){S.hideControls&&nt.browser.isTouch&&!nt.media.paused||(nt.media.paused?be():nt.media.ended?(Te(),be()):ye())})}S.disableContextMenu&&g(nt.media,"contextmenu",function(e){e.preventDefault()}),g(nt.media,S.events.concat(["keyup","keydown"]).join(" "),function(e){F(nt.container,e.type,!0)})}function ze(){if(r(S.types.html5,nt.type)){for(var e=nt.media.querySelectorAll("source"),t=0;t<e.length;t++)i(e[t]);nt.media.setAttribute("src","https://cdn.selz.com/plyr/blank.mp4"),nt.media.load(),it("Cancelled network requests")}}function $e(n,a){function r(){O.boolean(a)||(a=!0),O.function(n)&&n.call(ot),a&&(nt.init=!1,nt.container.parentNode.replaceChild(ot,nt.container),t.body.style.overflow="",F(ot,"destroyed",!0))}if(!nt.init)return null;switch(nt.type){case"youtube":e.clearInterval(at.buffering),e.clearInterval(at.playing),nt.embed.destroy(),r();break;case"vimeo":nt.embed.unload().then(r),e.setTimeout(r,200);break;case"video":case"audio":oe(!0),r()}}function Ge(){if(nt.init)return null;if(nt.browser=n(),O.htmlElement(nt.media)){se();var e=v.tagName.toLowerCase();"div"===e?(nt.type=v.getAttribute("data-type"),nt.embedId=v.getAttribute("data-video-id"),v.removeAttribute("data-type"),v.removeAttribute("data-video-id")):(nt.type=e,S.crossorigin=null!==v.getAttribute("crossorigin"),S.autoplay=S.autoplay||null!==v.getAttribute("autoplay"),S.loop=S.loop||null!==v.getAttribute("loop")),nt.supported=_(nt.type),nt.supported.basic&&(nt.container=o(v,t.createElement("div")),nt.container.setAttribute("tabindex",0),re(),it(""+nt.browser.name+" "+nt.browser.version),ue(),(r(S.types.html5,nt.type)||r(S.types.embed,nt.type)&&!nt.supported.full)&&(Ze(),et(),ie()),nt.init=!0)}}function Ze(){if(!nt.supported.full)return st("Basic support only",nt.type),i($(S.selectors.controls.wrapper)),i($(S.selectors.buttons.play)),void oe(!0);var e=!z(S.selectors.controls.wrapper).length;e&&te(),ae()&&(e&&Ke(),Qe(),oe(),Y(),U(),Oe(),Fe(),Pe(),he(),ge(),He(),Ce())}function et(){e.setTimeout(function(){F(nt.media,"ready")},0),m(nt.media,L.classes.setup,!0),m(nt.container,S.classes.ready,!0),nt.media.plyr=tt,S.autoplay&&be()}var tt,nt=this,at={},rt={buttons:{},display:{},progress:{},inputs:{}};nt.media=v;var ot=v.cloneNode(!0),it=function(){q("log",arguments)},st=function(){q("warn",arguments)};return it("Config",S),it("Support",M),tt={getOriginal:function(){return ot},getContainer:function(){return nt.container},getEmbed:function(){return nt.embed},getMedia:function(){return nt.media},getType:function(){return nt.type},getDuration:Ee,getCurrentTime:function(){return nt.media.currentTime},getVolume:function(){return nt.media.volume},isMuted:function(){return nt.media.muted},isReady:function(){return f(nt.container,S.classes.ready)},isLoading:function(){return f(nt.container,S.classes.loading)},isPaused:function(){return nt.media.paused},isLooping:function(){return S.loop.active},on:function(e,t){return g(nt.container,e,t),this},play:be,pause:ye,loop:ge,stop:function(){ye(),Te()},restart:Te,rewind:ke,forward:we,seek:Te,source:Xe,poster:Je,setVolume:Fe,setSpeed:he,togglePlay:ve,toggleMute:_e,toggleCaptions:Le,toggleFullscreen:Ae,toggleControls:Ye,setCaptionIndex:Oe,isFullscreen:function(){return nt.isFullscreen||!1},support:function(e){return M.mime(nt,e)},destroy:$e},Ge(),nt.init?tt:null}function A(e,n){var a=new XMLHttpRequest;if(!O.string(n)||!O.htmlElement(t.querySelector("#"+n))){var r=t.createElement("div");r.setAttribute("hidden",""),O.string(n)&&r.setAttribute("id",n),t.body.insertBefore(r,t.body.childNodes[0]),"withCredentials"in a&&(a.open("GET",e,!0),a.onload=function(){r.innerHTML=a.responseText},a.send())}}function _(e){var a,r,o=n(),i=o.isIE&&o.version<=9,s=o.isIos,l=/iPhone|iPod/i.test(navigator.userAgent),u=!!t.createElement("audio").canPlayType,c=!!t.createElement("video").canPlayType;switch(e){case"video":a=c,r=a&&!i&&!l;break;case"audio":a=u,r=a&&!i;break;case"vimeo":case"youtube":case"soundcloud":a=!0,r=!i&&!s;break;default:a=u&&c,r=a&&!i}return{basic:a,full:r}}function F(e,n){function a(e,t){f(t,L.classes.hook)||r.push({target:e,media:t})}var r=[],o=[],i=[L.selectors.html5,L.selectors.embed].join(",");if(O.string(e)?e=t.querySelectorAll(e):O.htmlElement(e)?e=[e]:O.nodeList(e)||O.array(e)||O.string(e)||(O.undefined(n)&&O.object(e)&&(n=e),e=t.querySelectorAll(i)),O.nodeList(e)&&(e=Array.prototype.slice.call(e)),!_().basic||!e.length)return!1;for(var s=0;s<e.length;s++){var l=e[s],u=l.querySelectorAll(i);if(u.length)for(var c=0;c<u.length;c++)a(l,u[c]);else b(l,i)&&a(l,l)}return r.forEach(function(e){var t=e.target,a=e.media,r=!1;a===t&&(r=!0);var i={};try{i=JSON.parse(t.getAttribute("data-plyr"))}catch(e){}var s=E({},L,n,i);if(!s.enabled)return null;var l=new S(a,s);if(O.object(l)){if(s.debug){var u=s.events.concat(["setup","statechange","enterfullscreen","exitfullscreen","captionsenabled","captionsdisabled"]);g(l.getContainer(),u.join(" "),function(e){console.log([s.logPrefix,"event:",e.type].join(" "),e.detail.plyr)})}k(l.getContainer(),"setup",!0,{plyr:l}),o.push(l)}}),o}function I(e){if(O.string(e)?e=t.querySelector(e):O.undefined(e)&&(e=t.body),O.htmlElement(e)){var n=e.querySelectorAll("."+L.classes.setup),a=[];return Array.prototype.slice.call(n).forEach(function(e){O.object(e.plyr)&&a.push(e.plyr)}),a}return[]}var N,P={x:0,y:0},L={enabled:!0,debug:!1,autoplay:!1,loop:{active:!1,start:0,end:null,indicator:{start:0,end:0}},seekTime:10,volume:10,defaultSpeed:1,currentSpeed:1,speeds:[.5,1,1.5,2],duration:null,displayDuration:!0,loadSprite:!0,iconPrefix:"plyr",iconUrl:"https://cdn.plyr.io/2.0.10/plyr.svg",clickToPlay:!0,hideControls:!0,showPosterOnEnd:!1,disableContextMenu:!0,quality:{options:!1},keyboardShortcuts:{focused:!0,global:!1},tooltips:{controls:!1,seek:!0},tracks:[],selectors:{html5:"video, audio",embed:"[data-type]",editable:"input, textarea, select, [contenteditable]",container:".plyr",controls:{container:null,wrapper:".plyr__controls"},labels:"[data-plyr]",buttons:{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"]',fullscreen:'[data-plyr="fullscreen"]',settings:'[data-plyr="settings"]',pip:'[data-plyr="pip"]',airplay:'[data-plyr="airplay"]',speed:'[data-plyr="speed"]',loop:'[data-plyr="loop"]',captions:'[data-plyr="captions"]'},inputs:{seek:'[data-plyr="seek"]',volume:'[data-plyr="volume"]'},display:{volume:".plyr__volume--display",currentTime:".plyr__time--current",duration:".plyr__time--duration"},progress:{container:".plyr__progress",buffer:".plyr__progress--buffer",played:".plyr__progress--played",loop:".plyr__progress-loop"},captions:".plyr__captions",menu:{quality:".js-plyr__menu__list--quality"}},classes:{setup:"plyr--setup",ready:"plyr--ready",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",hideControls:"plyr--hide-controls",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"},pip:{enabled:"plyr--pip-enabled",active:"plyr--pip-active"},tabFocus:"tab-focus"},captions:{defaultActive:!1,selectedIndex:0},fullscreen:{enabled:!0,fallback:!0,allowAudio:!1},storage:{enabled:!0,key:"plyr"},controls:["play-large","play","progress","current-time","mute","volume","captions","settings","pip","airplay","fullscreen"],i18n:{restart:"Restart",rewind:"Rewind {seektime} secs",play:"Play",pause:"Pause",forward:"Forward {seektime} secs",seek:"Seek",played:"Played",buffered:"Buffered",currentTime:"Current time",duration:"Duration",volume:"Volume",toggleMute:"Toggle Mute",toggleCaptions:"Toggle Captions",toggleFullscreen:"Toggle Fullscreen",frameTitle:"Player for {title}",captions:"Captions",settings:"Settings",speed:"Speed",quality:"Quality",loop:"Loop",loopStart:"Loop start",loopEnd:"Loop end",loopAll:"Loop all",loopNone:"No Loop"},types:{embed:["youtube","vimeo","soundcloud"],html5:["video","audio"]},urls:{vimeo:{api:"https://player.vimeo.com/api/player.js"},youtube:{api:"https://www.youtube.com/iframe_api"},soundcloud:{api:"https://w.soundcloud.com/player/api.js"}},listeners:{seek:null,play:null,pause:null,restart:null,rewind:null,forward:null,mute:null,volume:null,captions:null,fullscreen:null,speed:null,loop:null},events:["ready","ended","progress","stalled","playing","waiting","canplay","canplaythrough","loadstart","loadeddata","loadedmetadata","timeupdate","volumechange","play","pause","error","seeking","seeked","emptied"],logPrefix:""},O={object:function(e){return null!==e&&"object"==typeof e&&e.constructor===Object},array:function(e){return null!==e&&"object"==typeof e&&e.constructor===Array},number:function(e){return null!==e&&("number"==typeof e&&!isNaN(e-0)||"object"==typeof e&&e.constructor===Number)},string:function(e){return null!==e&&("string"==typeof e||"object"==typeof e&&e.constructor===String)},boolean:function(e){return null!==e&&"boolean"==typeof e},nodeList:function(e){return null!==e&&e instanceof NodeList},htmlElement:function(e){return null!==e&&e instanceof HTMLElement},function:function(e){return null!==e&&"function"==typeof e},event:function(e){return null!==e&&"object"==typeof e&&(e.constructor===Event||e.constructor===CustomEvent)},undefined:function(e){return null!==e&&"undefined"==typeof e},empty:function(e){return null===e||this.undefined(e)||(this.string(e)||this.array(e)||this.nodeList(e))&&0===e.length||this.object(e)&&0===Object.keys(e).length}};!function(){var e=function(){var e=!1;return O.function(t.cancelFullScreen)?e="":["webkit","o","moz","ms","khtml"].some(function(n){return O.function(t[n+"CancelFullScreen"])?(e=n,!0):O.function(t.msExitFullscreen)&&t.msFullscreenEnabled?(e="ms",!0):void 0}),e}();N={prefix:e,eventType:"ms"===e?"MSFullscreenChange":e+"fullscreenchange",isFullScreen:function(n){if(!M.fullscreen)return!1;switch(O.undefined(n)&&(n=t.body),this.prefix){case"":return t.fullscreenElement===n;case"moz":return t.mozFullScreenElement===n;default:return t[e+"FullscreenElement"]===n}},requestFullScreen:function(n){return!!M.fullscreen&&(O.htmlElement(n)||(n=t.body),console.log(e),""===e?n.requestFullScreen():n[e+("ms"===e?"RequestFullscreen":"RequestFullScreen")]())},cancelFullScreen:function(){return!!M.fullscreen&&(""===e?t.cancelFullScreen():t[e+("ms"===e?"ExitFullscreen":"CancelFullScreen")]())},element:function(){return M.fullscreen?""===e?t.fullscreenElement:t[e+"FullscreenElement"]:null}}}();var M={fullscreen:N.prefix!==!1,storage: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(e){return!1}return!1}(),pip:function(){return O.function(t.createElement("video").webkitSetPresentationMode)}(),airplay:function(){return O.function(e.WebKitPlaybackTargetAvailabilityEvent)}(),mime:function(e,t){var n=e.media;try{if(!O.function(n.canPlayType))return!1;if("video"===e.type)switch(t){case"video/webm":return n.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/no/,"");case"video/mp4":return n.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/,"");case"video/ogg":return n.canPlayType('video/ogg; codecs="theora"').replace(/no/,"")}else if("audio"===e.type)switch(t){case"audio/mpeg":return n.canPlayType("audio/mpeg;").replace(/no/,"");case"audio/ogg":return n.canPlayType('audio/ogg; codecs="vorbis"').replace(/no/,"");case"audio/wav":return n.canPlayType('audio/wav; codecs="1"').replace(/no/,"")}}catch(e){return!1}return!1}};return{setup:F,supported:_,loadSprite:A,get: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}"function"!=typeof window.CustomEvent&&(e.prototype=window.Event.prototype,window.CustomEvent=e)}();
\ No newline at end of file +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=t(e,document):"function"==typeof define&&define.amd?define([],function(){return t(e,document)}):e.plyr=t(e,document)}("undefined"!=typeof window?window:this,function(e,t){"use strict";function n(){var e,n,a,r=navigator.userAgent,o=navigator.appName,i=""+parseFloat(navigator.appVersion),s=parseInt(navigator.appVersion,10),l=!1,u=!1,c=!1,d=!1;return navigator.appVersion.indexOf("Windows NT")!==-1&&navigator.appVersion.indexOf("rv:11")!==-1?(l=!0,o="IE",i="11"):(n=r.indexOf("MSIE"))!==-1?(l=!0,o="IE",i=r.substring(n+5)):(n=r.indexOf("Chrome"))!==-1?(c=!0,o="Chrome",i=r.substring(n+7)):(n=r.indexOf("Safari"))!==-1?(d=!0,o="Safari",i=r.substring(n+7),(n=r.indexOf("Version"))!==-1&&(i=r.substring(n+8))):(n=r.indexOf("Firefox"))!==-1?(u=!0,o="Firefox",i=r.substring(n+8)):(e=r.lastIndexOf(" ")+1)<(n=r.lastIndexOf("/"))&&(o=r.substring(e,n),i=r.substring(n+1),o.toLowerCase()===o.toUpperCase()&&(o=navigator.appName)),(a=i.indexOf(";"))!==-1&&(i=i.substring(0,a)),(a=i.indexOf(" "))!==-1&&(i=i.substring(0,a)),s=parseInt(""+i,10),isNaN(s)&&(i=""+parseFloat(navigator.appVersion),s=parseInt(navigator.appVersion,10)),{name:o,version:s,isIE:l,isFirefox:u,isChrome:c,isSafari:d,isIos:/(iPad|iPhone|iPod)/g.test(navigator.platform),isTouch:"ontouchstart"in t.documentElement}}function a(e){if(!t.querySelectorAll('script[src="'+e+'"]').length){var n=t.createElement("script");n.src=e;var a=t.getElementsByTagName("script")[0];a.parentNode.insertBefore(n,a)}}function r(e,t){return Array.prototype.indexOf&&e.indexOf(t)!==-1}function o(e,t){e.length||(e=[e]);for(var n=e.length-1;n>=0;n--){var a=n>0?t.cloneNode(!0):t,r=e[n],o=r.parentNode,i=r.nextSibling;return a.appendChild(r),i?o.insertBefore(a,i):o.appendChild(a),a}}function i(e){e&&e.parentNode.removeChild(e)}function s(e,t){e.insertBefore(t,e.firstChild)}function l(e,t){for(var n in t)e.setAttribute(n,O.boolean(t[n])&&t[n]?"":t[n])}function u(e,t){if(!O.string(e)||O.empty(e))return{};var n={};return e.split(",").forEach(function(e){e=e.trim();var a=e.charAt(0);switch(a){case".":var r=e.replace(".","");O.object(t)&&O.string(t.class)&&(t.class+=" "+r),n.class=r;break;case"#":n.id=e.replace("#","");break;case"[":e=e.replace(/[\[\]]/g,"");var o=e.split("="),i=o[0],s=o.length>1?o[1].replace(/[\"\']/g,""):"";n[i]=s}}),n}function c(e,n,a){var r=t.createElement(e);return O.object(n)&&l(r,n),O.string(a)&&r.appendChild(t.createTextNode(a)),r}function d(e,t,n,a){var r=c(e,n,a);s(t,r)}function p(e){return e.replace(".","")}function m(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var a=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=a+(n?" "+t:"")}}function f(e,t){return!!e&&(e.classList?e.classList.contains(t):new RegExp("(\\s|^)"+t+"(\\s|$)").test(e.className))}function b(e,n){var a=Element.prototype,r=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.msMatchesSelector||function(e){return[].indexOf.call(t.querySelectorAll(e),this)!==-1};return r.call(e,n)}function y(e,t,n,a,r){g(e,t,function(t){n&&n.apply(e,[t]),a.apply(e,[t])},r)}function v(e,t,n,a,r){var o=t.split(" ");if(O.boolean(r)||(r=!1),e instanceof NodeList)for(var i=0;i<e.length;i++)e[i]instanceof Node&&v(e[i],arguments[1],arguments[2],arguments[3]);else for(var s=0;s<o.length;s++)e[a?"addEventListener":"removeEventListener"](o[s],n,r)}function g(e,t,n,a){O.undefined(e)||v(e,t,n,!0,a)}function h(e,t,n,a){O.undefined(e)||v(e,t,n,!1,a)}function k(e,t,n,a){if(e&&t){O.boolean(n)||(n=!1);var r=new CustomEvent(t,{bubbles:n,detail:a});e.dispatchEvent(r)}}function w(e,t){if(e)return t=O.boolean(t)?t:!e.getAttribute("aria-pressed"),e.setAttribute("aria-pressed",t),t}function T(e,t){return 0===e||0===t||isNaN(e)||isNaN(t)?0:(e/t*100).toFixed(2)}function C(){var e=arguments;if(e.length){if(1===e.length)return e[0];for(var t=Array.prototype.shift.call(e),n=e.length,a=0;a<n;a++){var r=e[a];for(var o in r)r[o]&&r[o].constructor&&r[o].constructor===Object?(t[o]=t[o]||{},C(t[o],r[o])):t[o]=r[o]}return t}}function E(e){var t=/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;return e.match(t)?RegExp.$2:e}function x(e){var t=/^.*(vimeo.com\/|video\/)(\d+).*/;return e.match(t)?RegExp.$2:e}function S(v,S){function F(e,t,n,a){k(e,t,n,C({},a,{plyr:nt}))}function q(t,n){S.debug&&e.console&&(n=Array.prototype.slice.call(n),O.string(S.logPrefix)&&S.logPrefix.length&&n.unshift(S.logPrefix),console[t].apply(console,n))}function j(){return{url:S.iconUrl,absolute:0===S.iconUrl.indexOf("http")||at.browser.isIE}}function R(e){var n="http://www.w3.org/2000/svg",a=j(),r=(a.absolute?"":a.url)+"#"+S.iconPrefix,o=t.createElementNS(n,"svg");l(o,{role:"presentation"});var i=t.createElementNS(n,"use");return i.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",r+"-"+e),o.appendChild(i),o}function V(e){return c("span",{class:S.classes.hidden},S.i18n[e])}function D(e){var t,n=c("button"),a={class:"plyr__control"},r=e;switch(e){case"mute":r="volume",t="muted";break;case"play-large":a.class="plyr__play-large",e="play"}return C(a,u(S.selectors.buttons[e],a)),n.appendChild(R(r)),O.string(t)&&n.appendChild(R(t)),n.appendChild(V(e)),l(n,a),ot.buttons[e]=n,n}function H(e){var n=c("progress",C(u(S.selectors.progress[e]),{min:0,max:100,value:0}));n.appendChild(c("span",null,"0"));var a="";switch(e){case"played":a=S.i18n.played;break;case"buffer":a=S.i18n.buffered}var r=t.createTextNode("% "+a.toLowerCase());return n.appendChild(r),ot.progress[e]=[n],n}function W(e){var t=c("span",{class:"plyr__time"});return t.appendChild(c("span",{class:S.classes.hidden},S.i18n[e])),t.appendChild(c("span",u(S.selectors.display[e]),"00:00")),t}function B(e){var n=c("div",u(S.selectors.controls.wrapper));if(r(S.controls,"restart")&&n.appendChild(D("restart")),r(S.controls,"rewind")&&n.appendChild(D("rewind")),r(S.controls,"play")&&(n.appendChild(D("play")),n.appendChild(D("pause"))),r(S.controls,"fast-forward")&&n.appendChild(D("fast-forward")),r(S.controls,"progress")){var a=c("span",u(S.selectors.progress.container)),o={id:"seek-"+e.id,label:c("label"),input:c("input")};if(l(o.label,{for:o.id,class:S.classes.hidden}),a.appendChild(o.label),l(o.input,C(u(S.selectors.inputs.seek),{id:o.id,type:"range",min:0,max:100,step:.1,value:0})),C(ot.inputs,{seek:o.input}),a.appendChild(ot.inputs.seek),a.appendChild(H("played")),a.appendChild(H("buffer")),S.tooltips.seek){var i=c("span",{role:"tooltip",class:S.classes.tooltip}),s=t.createTextNode("00:00");i.appendChild(s),a.appendChild(i)}ot.progress.container=a,n.appendChild(ot.progress.container)}return r(S.controls,"current-time")&&n.appendChild(W("currentTime")),r(S.controls,"duration")&&n.appendChild(W("duration")),r(S.controls,"mute")&&n.appendChild(D("mute")),n}function Y(e,t){function n(e){var t="";switch(e){case"hd2160":t="4K";break;case"hd1440":t="WQHD";break;case"hd1080":t="HD";break;case"hd720":t="HD"}return t.length?['<span class="plyr__menu__value">','<span class="plyr__badge">'+t+"</span>","</span>"].join(""):""}function a(e){switch(e){case"hd2160":return"2160P";case"hd1440":return"1440P";case"hd1080":return"1080P";case"hd720":return"720P";case"large":return"480P";case"medium":return"360P";case"small":return"240P";default:return"Auto"}}if(!O.object(at.quality)&&(at.quality={available:e,current:t},O.array(e)&&e.length)){var r=e.filter(function(e){return["tiny","small"].indexOf(e)===-1}),o=r.map(function(e){return["<li>",'<label class="plyr__control">','<input type="radio" name="quality" value="'+e+'"'+(e===at.quality.current?" checked":"")+">",a(e),n(e),"</label>","</li>"].join("")});o.unshift(['<li role="tab">','<button type="button" class="plyr__control plyr__control--back" aria-haspopup="true" aria-controls="plyr-settings-'+at.id+'-primary" aria-expanded="false">',S.i18n.quality,"</button>","</li>"].join("")),G(S.selectors.menu.quality).innerHTML=o.join("")}}function X(){if(at.supported.full&&("audio"!==at.type||S.fullscreen.allowAudio)&&S.fullscreen.enabled){var e=M.fullscreen;e||S.fullscreen.fallback&&!Z()?(st((e?"Native":"Fallback")+" fullscreen enabled"),m(at.container,S.classes.fullscreen.enabled,!0)):st("Fullscreen not supported and fallback disabled"),ot.buttons&&ot.buttons.fullscreen&&w(ot.buttons.fullscreen,!1),ee()}}function U(e){O.event(e)&&(e=e.target),e.activeCues[0]&&"text"in e.activeCues[0]?K(e.activeCues[0].getCueAsHTML()):K()}function J(){if("video"===at.type){G(S.selectors.captions)||at.videoContainer.insertAdjacentHTML("afterbegin",'<div class="'+p(S.selectors.captions)+'"></div>'),at.usingTextTracks=!1,at.media.textTracks&&(at.usingTextTracks=!0);var e=[],t="";if(at.media.childNodes.forEach(function(t){"track"===t.nodeName.toLowerCase()&&("captions"!==t.kind&&"subtitles"!==t.kind||e.push(t.getAttribute("src")))}),at.captionExists=!0,0===e.length?(at.captionExists=!1,st("No caption track found")):Number(S.captions.selectedIndex)+1>e.length?(at.captionExists=!1,st("Caption index out of bound")):(t=e[S.captions.selectedIndex],st("Caption track found; URI: "+t)),at.captionExists){var n=at.media.textTracks;if([].forEach.call(n,function(e){h(e,"cuechange",U),e.mode="hidden"}),z(at),(at.browser.isIE&&at.browser.version>=10||at.browser.isFirefox&&at.browser.version>=31)&&(st("Detected browser with known TextTrack issues - using manual fallback"),at.usingTextTracks=!1),at.usingTextTracks){st("TextTracks supported");var a=n[S.captions.selectedIndex];"captions"!==a.kind&&"subtitles"!==a.kind||(g(a,"cuechange",U),a.activeCues&&a.activeCues.length>0&&U(a))}else if(st("TextTracks not supported so rendering captions manually"),at.currentCaption="",at.captions=[],""!==t){var r=new XMLHttpRequest;r.onreadystatechange=function(){if(4===r.readyState)if(200===r.status){var e=r.responseText,t="\r\n";e.indexOf(t+t)===-1&&(t=e.indexOf("\r\r")!==-1?"\r":"\n");var n=e.split(t+t);at.captions=n.map(function(e){var n=e.split(t),a=0;return n[a].indexOf(":")!==-1&&(a=1),[n[a],n[a+1]]}),at.captions.shift(),st("Successfully loaded the caption file via AJAX")}else lt(S.logPrefix+"There was a problem loading the caption file via AJAX")},r.open("get",t,!0),r.send()}}else m(at.container,S.classes.captions.enabled)}}function K(e){var t=G(S.selectors.captions);if(O.htmlElement(t)){var n=c("span");t.innerHTML="",O.undefined(e)&&(e=""),O.string(e)?n.innerHTML=e.trim():n.appendChild(e),t.appendChild(n);t.offsetHeight}}function Q(e){function t(e,t){var n=[];n=e.split(" --> ");for(var a=0;a<n.length;a++)n[a]=n[a].replace(/(\d+:\d+:\d+\.\d+).*/,"$1");return r(n[t])}function n(e){return t(e,0)}function a(e){return t(e,1)}function r(e){if(null===e||void 0===e)return 0;var t=[],n=[],a=0;t=e.split(","),n=t[0].split(":");for(var r=0,o=n.length;r<o;r++)a+=Math.floor(n[r]*Math.pow(60,o-(r+1)));return a}if(!at.usingTextTracks&&"video"===at.type&&at.supported.full&&(at.subcount=0,e=O.number(e)?e:at.media.currentTime,at.captions[at.subcount])){for(;a(at.captions[at.subcount][0])<e.toFixed(1);)if(at.subcount++,at.subcount>at.captions.length-1){at.subcount=at.captions.length-1;break}at.media.currentTime.toFixed(1)>=n(at.captions[at.subcount][0])&&at.media.currentTime.toFixed(1)<=a(at.captions[at.subcount][0])?(at.currentCaption=at.captions[at.subcount][1],K(at.currentCaption)):K()}}function z(){if(ot.buttons.captions){m(at.container,S.classes.captions.enabled,!0);var e=at.storage.captionsEnabled;O.boolean(e)||(e=S.captions.defaultActive),e&&(m(at.container,S.classes.captions.active,!0),w(ot.buttons.captions,!0))}}function $(e){return at.container.querySelectorAll(e)}function G(e){return $(e)[0]}function Z(){try{return e.self!==e.top}catch(e){return!0}}function ee(){function e(e){9===e.which&&at.isFullscreen&&(e.target!==a||e.shiftKey?e.target===n&&e.shiftKey&&(e.preventDefault(),a.focus()):(e.preventDefault(),n.focus()))}var t=$("input:not([disabled]), button:not([disabled])"),n=t[0],a=t[t.length-1];g(at.container,"keydown",e)}function te(e,t){if(O.string(t))d(e,at.media,{src:t});else if(t.constructor===Array)for(var n=t.length-1;n>=0;n--)d(e,at.media,t[n])}function ne(){if(S.loadSprite){var e=j();e.absolute?(st("AJAX loading absolute SVG sprite"+(at.browser.isIE?" (due to IE)":"")),A(e.url,"sprite-plyr")):st("Sprite will be used as external resource directly")}r(S.controls,"play-large")&&(ot.buttons.playLarge=D("play-large"),at.container.appendChild(ot.buttons.playLarge)),at.id=Math.floor(1e4*Math.random());var n,a=B({id:at.id,seektime:S.seekTime,speed:ae(),language:"English"});if(O.string(S.selectors.controls.container)&&(n=t.querySelector(S.selectors.controls.container)),O.htmlElement(n)||(n=at.container),n.appendChild(a),S.tooltips.controls)for(var o=$([S.selectors.controls.wrapper," ",S.selectors.labels," .",S.classes.hidden].join("")),i=o.length-1;i>=0;i--){var s=o[i];m(s,S.classes.hidden,!1),m(s,S.classes.tooltip,!0)}}function ae(){return S.currentSpeed.toFixed(1).toString().replace(".0","")+"×"}function re(){try{return ot.controls=G(S.selectors.controls.wrapper),ot.buttons={play:$(S.selectors.buttons.play),pause:G(S.selectors.buttons.pause),restart:G(S.selectors.buttons.restart),rewind:G(S.selectors.buttons.rewind),forward:G(S.selectors.buttons.forward),fullscreen:G(S.selectors.buttons.fullscreen),settings:G(S.selectors.buttons.settings),pip:G(S.selectors.buttons.pip),speed:G(S.selectors.buttons.speed),loop:G(S.selectors.buttons.loop),mute:G(S.selectors.buttons.mute),captions:G(S.selectors.buttons.captions)},ot.progress={container:G(S.selectors.progress.container),buffer:G(S.selectors.progress.buffer),played:G(S.selectors.progress.played)},O.htmlElement(ot.progress.container)&&(ot.progress.tooltip=ot.progress.container.querySelector("."+S.classes.tooltip)),ot.inputs={seek:G(S.selectors.inputs.seek),volume:G(S.selectors.inputs.volume)},ot.display={volume:G(S.selectors.display.volume),duration:G(S.selectors.display.duration),currentTime:G(S.selectors.display.currentTime)},!0}catch(e){return lt("It looks like there is a problem with your custom controls HTML",e),ie(!0),!1}}function oe(){m(at.container,S.selectors.container.replace(".",""),at.supported.full)}function ie(e){e&&r(S.types.html5,at.type)?at.media.setAttribute("controls",""):at.media.removeAttribute("controls")}function se(e){var t=S.i18n.play;O.string(S.title)&&S.title.length&&(t+=", "+S.title,at.container.setAttribute("aria-label",S.title)),at.supported.full&&(O.htmlElement(ot.buttons.play)&&ot.buttons.play.setAttribute("aria-label",t),O.htmlElement(ot.buttons.playLarge)&&ot.buttons.playLarge.setAttribute("aria-label",t)),O.htmlElement(e)&&e.setAttribute("title",S.i18n.frameTitle.replace("{title}",S.title))}function le(){var t=null;at.storage={},M.storage&&S.storage.enabled&&(e.localStorage.removeItem("plyr-volume"),t=e.localStorage.getItem(S.storage.key),t&&(/^\d+(\.\d+)?$/.test(t)?ue({volume:parseFloat(t)}):at.storage=JSON.parse(t)))}function ue(t){M.storage&&S.storage.enabled&&(C(at.storage,t),e.localStorage.setItem(S.storage.key,JSON.stringify(at.storage)))}function ce(){if(!at.media)return void lt("No media element found!");if(at.supported.full&&(m(at.container,S.classes.type.replace("{0}",at.type),!0),r(S.types.embed,at.type)&&m(at.container,S.classes.type.replace("{0}","video"),!0),m(at.container,S.classes.pip.enabled,M.pip),m(at.container,S.classes.stopped,S.autoplay),m(at.container,S.classes.isIos,at.browser.isIos),m(at.container,S.classes.isTouch,at.browser.isTouch),"video"===at.type)){var e=t.createElement("div");e.setAttribute("class",S.classes.videoWrapper),o(at.media,e),at.videoContainer=e}r(S.types.embed,at.type)&&de()}function de(){var n,r=t.createElement("div"),o=at.type+"-"+Math.floor(1e4*Math.random());switch(at.type){case"youtube":n=E(at.embedId);break;case"vimeo":n=x(at.embedId);break;default:n=at.embedId}for(var s=$('[id^="'+at.type+'-"]'),u=s.length-1;u>=0;u--)i(s[u]);if(m(at.media,S.classes.videoWrapper,!0),m(at.media,S.classes.embedWrapper,!0),"youtube"===at.type)at.media.appendChild(r),r.setAttribute("id",o),O.object(e.YT)?me(n,r):(a(S.urls.youtube.api),e.onYouTubeReadyCallbacks=e.onYouTubeReadyCallbacks||[],e.onYouTubeReadyCallbacks.push(function(){me(n,r)}),e.onYouTubeIframeAPIReady=function(){e.onYouTubeReadyCallbacks.forEach(function(e){e()})});else if("vimeo"===at.type)if(at.supported.full?at.media.appendChild(r):r=at.media,r.setAttribute("id",o),O.object(e.Vimeo))fe(n,r);else{a(S.urls.vimeo.api);var c=e.setInterval(function(){O.object(e.Vimeo)&&(e.clearInterval(c),fe(n,r))},50)}else if("soundcloud"===at.type){var d=t.createElement("iframe");d.loaded=!1,g(d,"load",function(){d.loaded=!0}),l(d,{src:"https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/"+n,id:o}),r.appendChild(d),at.media.appendChild(r),e.SC||a(S.urls.soundcloud.api);var p=e.setInterval(function(){e.SC&&d.loaded&&(e.clearInterval(p),be.call(d))},50)}}function pe(){at.supported.full&&(et(),tt()),se(G("iframe"))}function me(t,n){at.embed=new e.YT.Player(n.id,{videoId:t,playerVars:{autoplay:S.autoplay?1:0,controls:at.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_load_policy:S.captions.defaultActive?1:0,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1,origin:"*"},events:{onError:function(e){F(at.container,"error",!0,{code:e.data,embed:e.target})},onPlaybackQualityChange:function(e){var t=e.target,n=t.getPlaybackQuality();console.warn(n)},onReady:function(t){var n=t.target;at.media.play=function(){n.playVideo(),at.media.paused=!1},at.media.pause=function(){n.pauseVideo(),at.media.paused=!0},at.media.stop=function(){n.stopVideo(),at.media.paused=!0},at.media.duration=n.getDuration(),at.media.paused=!0,at.media.currentTime=0,at.media.muted=n.isMuted();var a=n.getPlaybackRate(),r=n.getAvailablePlaybackRates();console.warn(a,r),S.title=n.getVideoData().title,at.supported.full&&at.media.querySelector("iframe").setAttribute("tabindex","-1"),pe(),F(at.media,"timeupdate"),F(at.media,"durationchange"),e.clearInterval(rt.buffering),rt.buffering=e.setInterval(function(){at.media.buffered=n.getVideoLoadedFraction(),(null===at.media.lastBuffered||at.media.lastBuffered<at.media.buffered)&&F(at.media,"progress"),at.media.lastBuffered=at.media.buffered,1===at.media.buffered&&(e.clearInterval(rt.buffering),F(at.media,"canplaythrough"))},200)},onStateChange:function(t){var n=t.target;switch(e.clearInterval(rt.playing),t.data){case 0:at.media.paused=!0,F(at.media,"ended");break;case 1:at.media.paused=!1,at.media.seeking&&F(at.media,"seeked"),at.media.seeking=!1,F(at.media,"play"),F(at.media,"playing"),rt.playing=e.setInterval(function(){at.media.currentTime=n.getCurrentTime(),F(at.media,"timeupdate")},100),at.media.duration!==n.getDuration()&&(at.media.duration=n.getDuration(),F(at.media,"durationchange"));var a=n.getAvailableQualityLevels(),r=n.getPlaybackQuality();Y(a,r);break;case 2:at.media.paused=!0,F(at.media,"pause")}F(at.container,"statechange",!1,{code:t.data})}}})}function fe(t,n){at.embed=new e.Vimeo.Player(n,{id:parseInt(t),loop:S.loop.active,autoplay:S.autoplay,byline:!1,portrait:!1,title:!1}),at.media.play=function(){at.embed.play(),at.media.paused=!1},at.media.pause=function(){at.embed.pause(),at.media.paused=!0},at.media.stop=function(){at.embed.stop(),at.media.paused=!0},at.media.paused=!0,at.media.currentTime=0,pe(),at.embed.getCurrentTime().then(function(e){at.media.currentTime=e,F(at.media,"timeupdate")}),at.embed.getDuration().then(function(e){at.media.duration=e,F(at.media,"durationchange")}),at.embed.on("loaded",function(){O.htmlElement(at.embed.element)&&at.supported.full&&at.embed.element.setAttribute("tabindex","-1")}),at.embed.on("play",function(){at.media.paused=!1,F(at.media,"play"),F(at.media,"playing")}),at.embed.on("pause",function(){at.media.paused=!0,F(at.media,"pause")}),at.embed.on("timeupdate",function(e){at.media.seeking=!1,at.media.currentTime=e.seconds,F(at.media,"timeupdate")}),at.embed.on("progress",function(e){at.media.buffered=e.percent,F(at.media,"progress"),1===parseInt(e.percent)&&F(at.media,"canplaythrough")}),at.embed.on("seeked",function(){at.media.seeking=!1,F(at.media,"seeked"),F(at.media,"play")}),at.embed.on("ended",function(){at.media.paused=!0,F(at.media,"ended")})}function be(){at.embed=e.SC.Widget(this),at.embed.bind(e.SC.Widget.Events.READY,function(){at.media.play=function(){at.embed.play(),at.media.paused=!1},at.media.pause=function(){at.embed.pause(),at.media.paused=!0},at.media.stop=function(){at.embed.seekTo(0),at.embed.pause(),at.media.paused=!0},at.media.paused=!0,at.media.currentTime=0,at.embed.getDuration(function(e){at.media.duration=e/1e3,pe()}),at.embed.getPosition(function(e){at.media.currentTime=e,F(at.media,"timeupdate")}),at.embed.bind(e.SC.Widget.Events.PLAY,function(){at.media.paused=!1,F(at.media,"play"),F(at.media,"playing")}),at.embed.bind(e.SC.Widget.Events.PAUSE,function(){at.media.paused=!0,F(at.media,"pause")}),at.embed.bind(e.SC.Widget.Events.PLAY_PROGRESS,function(e){at.media.seeking=!1,at.media.currentTime=e.currentPosition/1e3,F(at.media,"timeupdate")}),at.embed.bind(e.SC.Widget.Events.LOAD_PROGRESS,function(e){at.media.buffered=e.loadProgress,F(at.media,"progress"),1===parseInt(e.loadProgress)&&F(at.media,"canplaythrough")}),at.embed.bind(e.SC.Widget.Events.FINISH,function(){at.media.paused=!0,F(at.media,"ended")})})}function ye(){"play"in at.media&&at.media.play()}function ve(){"pause"in at.media&&at.media.pause()}function ge(e){return O.boolean(e)||(e=at.media.paused),e?ye():ve(),e}function he(e){r(["start","end","all","none","toggle"],e)||(e="toggle");var n=Number(at.media.currentTime);switch(e){case"start":S.loop.end&&S.loop.end<=n&&(S.loop.end=null),S.loop.start=n,S.loop.indicator.start=ot.progress.played.value;break;case"end":if(S.loop.start>=n)return;S.loop.end=n,S.loop.indicator.end=ot.progress.played.value;break;case"all":S.loop.start=0,S.loop.end=at.media.duration-2,S.loop.indicator.start=0,S.loop.indicator.end=100;break;case"toggle":S.loop.active?(S.loop.start=0,S.loop.end=null):(S.loop.start=0,S.loop.end=at.media.duration-2);break;default:S.loop.start=0,S.loop.end=null}S.loop.active=O.number(S.loop.start)&&O.number(S.loop.end);var a=(De(S.loop.start,G('[data-plyr-loop="start"]')),null);O.number(S.loop.end)&&(a=De(S.loop.end,t.querySelector('[data-loop__value="loopout"]'))),S.loop.active}function ke(e){if(O.undefined(e)&&(e=at.storage.speed||S.defaultSpeed),!O.array(S.speeds))return void lt("Invalid speeds format");if(!O.number(e)){var n=S.speeds.indexOf(S.currentSpeed);if(n!==-1){var a=n+1;a>=S.speeds.length&&(a=0),e=S.speeds[a]}else e=S.defaultSpeed}S.currentSpeed=e,at.media.playbackRate=e,ue({speed:e}),t.querySelector('[data-menu="speed"]').innerHTML=ae()}function we(e){O.number(e)||(e=S.seekTime),Ce(at.media.currentTime-e)}function Te(e){O.number(e)||(e=S.seekTime),Ce(at.media.currentTime+e)}function Ce(e){var t=0,n=at.media.paused,a=Ee();O.number(e)?t=e:O.event(e)&&r(["input","change"],e.type)&&(t=e.target.value/e.target.max*a),t<0?t=0:t>a&&(t=a),Be(t);try{at.media.currentTime=t.toFixed(4)}catch(e){}if(r(S.types.embed,at.type)){switch(at.type){case"youtube":at.embed.seekTo(t);break;case"vimeo":at.embed.setCurrentTime(t.toFixed(0));break;case"soundcloud":at.embed.seekTo(1e3*t)}n&&ve(),F(at.media,"timeupdate"),at.media.seeking=!0,F(at.media,"seeking")}st("Seeking to "+at.media.currentTime+" seconds"),Q(t)}function Ee(){var e=parseInt(S.duration),t=0;return null===at.media.duration||isNaN(at.media.duration)||(t=at.media.duration),isNaN(e)?t:e}function xe(){m(at.container,S.classes.playing,!at.media.paused),m(at.container,S.classes.stopped,at.media.paused),Xe(at.media.paused)}function Se(){P={x:e.pageXOffset||0,y:e.pageYOffset||0}}function Ae(){e.scrollTo(P.x,P.y)}function _e(e){var n=M.fullscreen;if(n){if(!e||e.type!==N.eventType)return N.isFullScreen(at.container)?N.cancelFullScreen():(Se(),N.requestFullScreen(at.container)),void(at.isFullscreen=N.isFullScreen(at.container));at.isFullscreen=N.isFullScreen(at.container)}else at.isFullscreen=!at.isFullscreen,t.body.style.overflow=at.isFullscreen?"hidden":"";m(at.container,S.classes.fullscreen.active,at.isFullscreen),ee(at.isFullscreen),ot.buttons&&ot.buttons.fullscreen&&w(ot.buttons.fullscreen,at.isFullscreen),F(at.container,at.isFullscreen?"enterfullscreen":"exitfullscreen",!0),!at.isFullscreen&&n&&Ae()}function Fe(e){if(O.boolean(e)||(e=!at.media.muted),w(ot.buttons.mute,e),at.media.muted=e,0===at.media.volume&&Ie(S.volume),r(S.types.embed,at.type)){switch(at.type){case"youtube":at.embed[at.media.muted?"mute":"unMute"]();break;case"vimeo":case"soundcloud":at.embed.setVolume(at.media.muted?0:parseFloat(S.volume/10))}F(at.media,"volumechange")}}function Ie(e){var t=10,n=0;if(O.undefined(e)&&(e=at.storage.volume),(null===e||isNaN(e))&&(e=S.volume),e>t&&(e=t),e<n&&(e=n),at.media.volume=parseFloat(e/t),ot.display.volume&&(ot.display.volume.value=e),r(S.types.embed,at.type)){switch(at.type){case"youtube":at.embed.setVolume(100*at.media.volume);break;case"vimeo":case"soundcloud":at.embed.setVolume(at.media.volume)}F(at.media,"volumechange")}0===e?at.media.muted=!0:at.media.muted&&e>0&&Fe()}function Ne(e){var t=at.media.muted?0:10*at.media.volume;O.number(e)||(e=1),Ie(t+e)}function Pe(e){var t=at.media.muted?0:10*at.media.volume;O.number(e)||(e=1),Ie(t-e)}function Le(){var e=at.media.muted?0:10*at.media.volume;at.supported.full&&(ot.inputs.volume&&(ot.inputs.volume.value=e),ot.display.volume&&(ot.display.volume.value=e)),ue({volume:e}),m(at.container,S.classes.muted,0===e),at.supported.full&&ot.buttons.mute&&w(ot.buttons.mute,0===e)}function Oe(e){at.supported.full&&ot.buttons.captions&&(O.boolean(e)||(e=at.container.className.indexOf(S.classes.captions.active)===-1),at.captionsEnabled=e,ot.buttons.captions_menu.innerHTML=e?"Off":"On",G('[data-captions="settings"]').innerHTML=qe(),w(ot.buttons.captions,at.captionsEnabled),m(at.container,S.classes.captions.active,at.captionsEnabled),F(at.container,at.captionsEnabled?"captionsenabled":"captionsdisabled",!0),ue({captionsEnabled:at.captionsEnabled}))}function Me(e){S.captions.selectedIndex=e||S.captions.selectedIndex,K(),J(),G('[data-captions="settings"]').innerHTML=qe()}function qe(){return 0===S.tracks.length?"No Subs":at.captionsEnabled||!O.boolean(at.captionsEnabled)&&at.storage.captionsEnabled?S.tracks[S.captions.selectedIndex].label:"Disabled"}function je(e){var t="waiting"===e.type;clearTimeout(rt.loading),rt.loading=setTimeout(function(){m(at.container,S.classes.loading,t),Xe(t)},t?250:0)}function Re(e){if(at.supported.full){var t=ot.progress.played,n=0,a=Ee();if(e)switch(e.type){case"timeupdate":case"seeking":if(ot.controls.pressed)return;n=T(at.media.currentTime,a),"timeupdate"===e.type&&ot.inputs.seek&&(ot.inputs.seek.value=n);break;case"playing":case"progress":t=ot.progress.buffer,n=function(){var e=at.media.buffered;return e&&e.length?T(e.end(0),a):O.number(e)?100*e:0}()}O.number(S.loop.start)&&O.number(S.loop.end)&&at.media.currentTime>=S.loop.end&&Ce(S.loop.start),Ve(t,n)}}function Ve(e,t){if(at.supported.full){if(O.undefined(t)&&(t=0),O.undefined(e)){if(!O.htmlElement(ot.progress.buffer))return;e=ot.progress.buffer}if(O.htmlElement(e)){e.value=t;var n=e.getElementsByTagName("span")[0];O.htmlElement(n)&&(n.childNodes[0].nodeValue=t)}}}function De(e,t){if(t){isNaN(e)&&(e=0),at.secs=parseInt(e%60),at.mins=parseInt(e/60%60),at.hours=parseInt(e/60/60%60);var n=parseInt(Ee()/60/60%60)>0;at.secs=("0"+at.secs).slice(-2),at.mins=("0"+at.mins).slice(-2);var a=(n?at.hours+":":"")+at.mins+":"+at.secs;return t.innerHTML=a,a}}function He(){if(at.supported.full){var e=Ee()||0;!ot.display.duration&&S.displayDuration&&at.media.paused&&De(e,ot.display.currentTime),ot.display.duration&&De(e,ot.display.duration),Ye()}}function We(e){De(at.media.currentTime,ot.display.currentTime),e&&"timeupdate"===e.type&&at.media.seeking||Re(e)}function Be(e){O.number(e)||(e=0);var t=Ee(),n=T(e,t);ot.progress&&ot.progress.played&&(ot.progress.played.value=n),ot.buttons&&ot.inputs.seek&&(ot.inputs.seek.value=n)}function Ye(e){var t=Ee();if(S.tooltips.seek&&ot.progress.container&&0!==t){var n=ot.progress.container.getBoundingClientRect(),a=0,o=S.classes.tooltip+"--visible";if(e)a=100/n.width*(e.pageX-n.left);else{if(!f(ot.progress.tooltip,o))return;a=ot.progress.tooltip.style.left.replace("%","")}a<0?a=0:a>100&&(a=100),De(t/100*a,ot.progress.tooltip),ot.progress.tooltip.style.left=a+"%",e&&r(["mouseenter","mouseleave"],e.type)&&m(ot.progress.tooltip,o,"mouseenter"===e.type)}}function Xe(t){if(S.hideControls&&"audio"!==at.type){var n=0,a=!1,o=t,i=f(at.container,S.classes.loading);if(O.boolean(t)||(t&&t.type?(a="enterfullscreen"===t.type,o=r(["mousemove","touchstart","mouseenter","focus"],t.type),r(["mousemove","touchmove"],t.type)&&(n=2e3),"focus"===t.type&&(n=3e3)):o=f(at.container,S.classes.hideControls)),e.clearTimeout(rt.hover),o||at.media.paused||i){if(m(at.container,S.classes.hideControls,!1),at.media.paused||i)return;at.browser.isTouch&&(n=3e3)}o&&at.media.paused||(rt.hover=e.setTimeout(function(){(!ot.controls.pressed&&!ot.controls.hover||a)&&m(at.container,S.classes.hideControls,!0)},n))}}function Ue(e){if(!O.undefined(e))return void Je(e);var t;switch(at.type){case"youtube":t=at.embed.getVideoUrl();break;case"vimeo":at.embed.getVideoUrl.then(function(e){t=e});break;case"soundcloud":at.embed.getCurrentSound(function(e){t=e.permalink_url});break;default:t=at.media.currentSrc}return t||""}function Je(e){function n(){if(at.embed=null,i(at.media),"video"===at.type&&at.videoContainer&&i(at.videoContainer),at.container&&at.container.removeAttribute("class"),"type"in e&&(at.type=e.type,"video"===at.type)){var n=e.sources[0];"type"in n&&r(S.types.embed,n.type)&&(at.type=n.type)}switch(at.supported=_(at.type),at.type){case"video":at.media=t.createElement("video");break;case"audio":at.media=t.createElement("audio");break;case"youtube":case"vimeo":case"soundcloud":at.media=t.createElement("div"),at.embedId=e.sources[0].src}s(at.container,at.media),O.boolean(e.autoplay)&&(S.autoplay=e.autoplay),r(S.types.html5,at.type)&&(S.crossorigin&&at.media.setAttribute("crossorigin",""),S.autoplay&&at.media.setAttribute("autoplay",""),"poster"in e&&at.media.setAttribute("poster",e.poster),S.loop.active&&at.media.setAttribute("loop","")),m(at.container,S.classes.fullscreen.active,at.isFullscreen),m(at.container,S.classes.captions.active,at.captionsEnabled),oe(),r(S.types.html5,at.type)&&te("source",e.sources),ce(),r(S.types.html5,at.type)&&("tracks"in e&&te("track",e.tracks),at.media.load()),(r(S.types.html5,at.type)||r(S.types.embed,at.type)&&!at.supported.full)&&(et(),tt()),S.title=e.title,se()}return O.object(e)&&"sources"in e&&e.sources.length?(m(at.container,S.classes.ready,!1),ve(),Be(),Ve(),$e(),void Ge(n,!1)):void lt("Invalid source format")}function Ke(e){"video"===at.type&&at.media.setAttribute("poster",e)}function Qe(){function n(){var e=ge(),t=ot.buttons[e?"play":"pause"],n=ot.buttons[e?"pause":"play"];if(n=n&&n.length>1?n[n.length-1]:n[0]){var a=f(t,S.classes.tabFocus);setTimeout(function(){n.focus(),a&&(m(t,S.classes.tabFocus,!1),m(n,S.classes.tabFocus,!0))},100)}}function a(){var e=t.activeElement;return e=e&&e!==t.body?t.querySelector(":focus"):null}function o(e){return e.keyCode?e.keyCode:e.which}function s(e){for(var t in ot.buttons){var n=ot.buttons[t];if(O.nodeList(n))for(var a=0;a<n.length;a++)m(n[a],S.classes.tabFocus,n[a]===e);else m(n,S.classes.tabFocus,n===e)}}function l(e){function t(){var e=at.media.duration;O.number(e)&&Ce(e/10*(i-48))}var i=o(e),s="keydown"===e.type,l=s&&i===c;if(O.number(i))if(s){var u=[48,49,50,51,52,53,54,56,57,32,75,38,40,77,39,37,70,67,73,76,79],d=[38,40];if(r(d,i)){var p=a();if(O.htmlElement(p)&&"radio"===a().type)return}switch(r(u,i)&&(e.preventDefault(),e.stopPropagation()),i){case 48:case 49:case 50:case 51:case 52:case 53:case 54:case 55:case 56:case 57:l||t();break;case 32:case 75:l||n();break;case 38:Ne();break;case 40:Pe();break;case 77:l||Fe();break;case 39:Te();break;case 37: +we();break;case 70:_e();break;case 67:l||Oe();break;case 73:he("start");break;case 76:he();break;case 79:he("end")}!M.fullscreen&&at.isFullscreen&&27===i&&_e(),c=i}else c=null}var u=at.browser.isIE?"change":"input";if(S.keyboardShortcuts.focused){var c=null;S.keyboardShortcuts.global&&g(e,"keydown keyup",function(e){var t=o(e),n=a(),i=[48,49,50,51,52,53,54,56,57,75,77,70,67,73,76,79],s=I().length;1!==s||!r(i,t)||O.htmlElement(n)&&b(n,S.selectors.editable)||l(e)}),g(at.container,"keydown keyup",l)}g(e,"keyup",function(e){var t=o(e),n=a();9===t&&s(n)}),g(t.body,"click",function(){m(G("."+S.classes.tabFocus),S.classes.tabFocus,!1)});for(var d in ot.buttons){var p=ot.buttons[d];g(p,"blur",function(){m(p,"tab-focus",!1)})}y(ot.buttons.play,"click",S.listeners.play,n),y(ot.buttons.playLarge,"click",S.listeners.play,n),y(ot.buttons.pause,"click",S.listeners.pause,n),y(ot.buttons.restart,"click",S.listeners.restart,Ce),y(ot.buttons.rewind,"click",S.listeners.rewind,we),y(ot.buttons.forward,"click",S.listeners.forward,Te),y(ot.buttons.speed,"click",S.listeners.speed,function(){var e=t.querySelector('[data-plyr="speed"]:checked').value;ke(Number(e))}),y(ot.inputs.seek,u,S.listeners.seek,Ce),y(ot.inputs.volume,u,S.listeners.volume,function(){Ie(ot.inputs.volume.value)}),y(ot.buttons.mute,"click",S.listeners.mute,Fe),y(ot.buttons.fullscreen,"click",S.listeners.fullscreen,_e),y(ot.buttons.loop,"click",S.listeners.loop,function(e){var t=e.target.getAttribute("data-loop__value")||e.target.getAttribute("data-loop__type");r(["start","end","all","none"],t)&&he(t)}),M.fullscreen&&g(t,N.eventType,_e),y(ot.buttons.captions,"click",S.listeners.captions,Oe),y(ot.buttons.lang,"click",S.listeners.lang,function(e){var t=e.target.attributes.getNamedItem("data-index").value;Me(t)}),g(ot.buttons.settings,"click",function(n){var a=this,r=n.target,o=t.getElementById(r.getAttribute("aria-controls")),s="false"===r.getAttribute("aria-expanded");if(O.htmlElement(o)){var l,u,c,d="tabpanel"===o.getAttribute("role");if(d){var p=a.querySelector('[role="tabpanel"][aria-hidden="false"]');c=p.parentNode,[].forEach.call(a.querySelectorAll('[aria-controls="'+p.getAttribute("id")+'"]'),function(e){e.setAttribute("aria-expanded",!1)}),c.style.width=p.scrollWidth+"px",c.style.height=p.scrollHeight+"px",p.setAttribute("aria-hidden",!0),p.setAttribute("tabindex",-1);var m=o.cloneNode(!0);m.style.position="absolute",m.style.opacity=0,m.setAttribute("aria-hidden",!1),c.appendChild(m),l=m.scrollWidth,u=m.scrollHeight,i(m)}o.setAttribute("aria-hidden",!s),r.setAttribute("aria-expanded",s),o.setAttribute("tabindex",0),d&&(c.style.width=l+"px",c.style.height=u+"px",e.setTimeout(function(){c.style.width="",c.style.height=""},300))}}),g(ot.buttons.pip,"click",function(){at.media.webkitSetPresentationMode("picture-in-picture"===at.media.webkitPresentationMode?"inline":"picture-in-picture")}),g(ot.progress.container,"mouseenter mouseleave mousemove",Ye),S.hideControls&&(g(at.container,"mouseenter mouseleave mousemove touchstart touchend touchcancel touchmove enterfullscreen",Xe),g(ot.controls,"mouseenter mouseleave",function(e){ot.controls.hover="mouseenter"===e.type}),g(ot.controls,"mousedown mouseup touchstart touchend touchcancel",function(e){ot.controls.pressed=r(["mousedown","touchstart"],e.type)}),g(ot.controls,"focus blur",Xe,!0)),g(ot.inputs.volume,"wheel",function(e){e.preventDefault();var t=e.webkitDirectionInvertedFromDevice,n=.2;(e.deltaY<0||e.deltaX>0)&&(t?Pe(n):Ne(n)),(e.deltaY>0||e.deltaX<0)&&(t?Ne(n):Pe(n))})}function ze(){if(g(at.media,"timeupdate seeking",We),g(at.media,"timeupdate",Q),g(at.media,"durationchange loadedmetadata",He),g(at.media,"ended",function(){"video"===at.type&&S.showPosterOnEnd&&("video"===at.type&&K(),Ce(),at.media.load())}),g(at.media,"progress playing",Re),g(at.media,"volumechange",Le),g(at.media,"play pause ended",xe),g(at.media,"waiting canplay seeked",je),S.clickToPlay&&"audio"!==at.type){var e=G("."+S.classes.videoWrapper);if(!e)return;e.style.cursor="pointer",g(e,"click",function(){S.hideControls&&at.browser.isTouch&&!at.media.paused||(at.media.paused?ye():at.media.ended?(Ce(),ye()):ve())})}S.disableContextMenu&&g(at.media,"contextmenu",function(e){e.preventDefault()}),g(at.media,S.events.concat(["keyup","keydown"]).join(" "),function(e){F(at.container,e.type,!0)})}function $e(){if(r(S.types.html5,at.type)){for(var e=at.media.querySelectorAll("source"),t=0;t<e.length;t++)i(e[t]);at.media.setAttribute("src","https://cdn.selz.com/plyr/blank.mp4"),at.media.load(),st("Cancelled network requests")}}function Ge(n,a){function r(){O.boolean(a)||(a=!0),O.function(n)&&n.call(it),a&&(at.init=!1,at.container.parentNode.replaceChild(it,at.container),t.body.style.overflow="",F(it,"destroyed",!0))}if(!at.init)return null;switch(at.type){case"youtube":e.clearInterval(rt.buffering),e.clearInterval(rt.playing),at.embed.destroy(),r();break;case"vimeo":at.embed.unload().then(r),e.setTimeout(r,200);break;case"video":case"audio":ie(!0),r()}}function Ze(){if(at.init)return null;if(at.browser=n(),O.htmlElement(at.media)){le();var e=v.tagName.toLowerCase();"div"===e?(at.type=v.getAttribute("data-type"),at.embedId=v.getAttribute("data-video-id"),v.removeAttribute("data-type"),v.removeAttribute("data-video-id")):(at.type=e,S.crossorigin=null!==v.getAttribute("crossorigin"),S.autoplay=S.autoplay||null!==v.getAttribute("autoplay"),S.loop=S.loop||null!==v.getAttribute("loop")),at.supported=_(at.type),at.supported.basic&&(at.container=o(v,t.createElement("div")),at.container.setAttribute("tabindex",0),oe(),st(""+at.browser.name+" "+at.browser.version),ce(),(r(S.types.html5,at.type)||r(S.types.embed,at.type)&&!at.supported.full)&&(et(),tt(),se()),at.init=!0)}}function et(){if(!at.supported.full)return lt("Basic support only",at.type),i(G(S.selectors.controls.wrapper)),i(G(S.selectors.buttons.play)),void ie(!0);var e=!$(S.selectors.controls.wrapper).length;e&&ne(),re()&&(e&&Qe(),ze(),ie(),X(),J(),Me(),Ie(),Le(),ke(),he(),We(),xe())}function tt(){e.setTimeout(function(){F(at.media,"ready")},0),m(at.media,L.classes.setup,!0),m(at.container,S.classes.ready,!0),at.media.plyr=nt,S.autoplay&&ye()}var nt,at=this,rt={},ot={buttons:{},display:{},progress:{},inputs:{}};at.media=v;var it=v.cloneNode(!0),st=function(){q("log",arguments)},lt=function(){q("warn",arguments)};return st("Config",S),st("Support",M),nt={getOriginal:function(){return it},getContainer:function(){return at.container},getEmbed:function(){return at.embed},getMedia:function(){return at.media},getType:function(){return at.type},getDuration:Ee,getCurrentTime:function(){return at.media.currentTime},getVolume:function(){return at.media.volume},isMuted:function(){return at.media.muted},isReady:function(){return f(at.container,S.classes.ready)},isLoading:function(){return f(at.container,S.classes.loading)},isPaused:function(){return at.media.paused},isLooping:function(){return S.loop.active},on:function(e,t){return g(at.container,e,t),this},play:ye,pause:ve,loop:he,stop:function(){ve(),Ce()},restart:Ce,rewind:we,forward:Te,seek:Ce,source:Ue,poster:Ke,setVolume:Ie,setSpeed:ke,togglePlay:ge,toggleMute:Fe,toggleCaptions:Oe,toggleFullscreen:_e,toggleControls:Xe,setCaptionIndex:Me,isFullscreen:function(){return at.isFullscreen||!1},support:function(e){return M.mime(at,e)},destroy:Ge},Ze(),at.init?nt:null}function A(e,n){var a=new XMLHttpRequest;if(!O.string(n)||!O.htmlElement(t.querySelector("#"+n))){var r=t.createElement("div");r.setAttribute("hidden",""),O.string(n)&&r.setAttribute("id",n),t.body.insertBefore(r,t.body.childNodes[0]),"withCredentials"in a&&(a.open("GET",e,!0),a.onload=function(){r.innerHTML=a.responseText},a.send())}}function _(e){var a,r,o=n(),i=o.isIE&&o.version<=9,s=o.isIos,l=/iPhone|iPod/i.test(navigator.userAgent),u=!!t.createElement("audio").canPlayType,c=!!t.createElement("video").canPlayType;switch(e){case"video":a=c,r=a&&!i&&!l;break;case"audio":a=u,r=a&&!i;break;case"vimeo":case"youtube":case"soundcloud":a=!0,r=!i&&!s;break;default:a=u&&c,r=a&&!i}return{basic:a,full:r}}function F(e,n){function a(e,t){f(t,L.classes.hook)||r.push({target:e,media:t})}var r=[],o=[],i=[L.selectors.html5,L.selectors.embed].join(",");if(O.string(e)?e=t.querySelectorAll(e):O.htmlElement(e)?e=[e]:O.nodeList(e)||O.array(e)||O.string(e)||(O.undefined(n)&&O.object(e)&&(n=e),e=t.querySelectorAll(i)),O.nodeList(e)&&(e=Array.prototype.slice.call(e)),!_().basic||!e.length)return!1;for(var s=0;s<e.length;s++){var l=e[s],u=l.querySelectorAll(i);if(u.length)for(var c=0;c<u.length;c++)a(l,u[c]);else b(l,i)&&a(l,l)}return r.forEach(function(e){var t=e.target,a=e.media,r=!1;a===t&&(r=!0);var i={};try{i=JSON.parse(t.getAttribute("data-plyr"))}catch(e){}var s=C({},L,n,i);if(!s.enabled)return null;var l=new S(a,s);if(O.object(l)){if(s.debug){var u=s.events.concat(["setup","statechange","enterfullscreen","exitfullscreen","captionsenabled","captionsdisabled"]);g(l.getContainer(),u.join(" "),function(e){console.log([s.logPrefix,"event:",e.type].join(" "),e.detail.plyr)})}k(l.getContainer(),"setup",!0,{plyr:l}),o.push(l)}}),o}function I(e){if(O.string(e)?e=t.querySelector(e):O.undefined(e)&&(e=t.body),O.htmlElement(e)){var n=e.querySelectorAll("."+L.classes.setup),a=[];return Array.prototype.slice.call(n).forEach(function(e){O.object(e.plyr)&&a.push(e.plyr)}),a}return[]}var N,P={x:0,y:0},L={enabled:!0,debug:!1,autoplay:!1,loop:{active:!1,start:0,end:null,indicator:{start:0,end:0}},seekTime:10,volume:10,defaultSpeed:1,currentSpeed:1,speeds:[.5,1,1.5,2],duration:null,displayDuration:!0,loadSprite:!0,iconPrefix:"plyr",iconUrl:"https://cdn.plyr.io/2.0.10/plyr.svg",clickToPlay:!0,hideControls:!0,showPosterOnEnd:!1,disableContextMenu:!0,quality:{options:!1},keyboardShortcuts:{focused:!0,global:!1},tooltips:{controls:!1,seek:!0},tracks:[],selectors:{html5:"video, audio",embed:"[data-type]",editable:"input, textarea, select, [contenteditable]",container:".plyr",controls:{container:null,wrapper:".plyr__controls"},labels:"[data-plyr]",buttons:{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"]',fullscreen:'[data-plyr="fullscreen"]',settings:'[data-plyr="settings"]',pip:'[data-plyr="pip"]',airplay:'[data-plyr="airplay"]',speed:'[data-plyr="speed"]',loop:'[data-plyr="loop"]',captions:'[data-plyr="captions"]'},inputs:{seek:'[data-plyr="seek"]',volume:'[data-plyr="volume"]'},display:{volume:".plyr__volume--display",currentTime:".plyr__time--current",duration:".plyr__time--duration"},progress:{container:".plyr__progress",buffer:".plyr__progress--buffer",played:".plyr__progress--played",loop:".plyr__progress-loop"},captions:".plyr__captions",menu:{quality:".js-plyr__menu__list--quality"}},classes:{setup:"plyr--setup",ready:"plyr--ready",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",hideControls:"plyr--hide-controls",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"},pip:{enabled:"plyr--pip-enabled",active:"plyr--pip-active"},tabFocus:"tab-focus"},captions:{defaultActive:!1,selectedIndex:0},fullscreen:{enabled:!0,fallback:!0,allowAudio:!1},storage:{enabled:!0,key:"plyr"},controls:["play-large","play","progress","current-time","mute","volume","captions","settings","pip","airplay","fullscreen"],i18n:{restart:"Restart",rewind:"Rewind {seektime} secs",play:"Play",pause:"Pause",forward:"Forward {seektime} secs",seek:"Seek",played:"Played",buffered:"Buffered",currentTime:"Current time",duration:"Duration",volume:"Volume",toggleMute:"Toggle Mute",toggleCaptions:"Toggle Captions",toggleFullscreen:"Toggle Fullscreen",frameTitle:"Player for {title}",captions:"Captions",settings:"Settings",speed:"Speed",quality:"Quality",loop:"Loop",loopStart:"Loop start",loopEnd:"Loop end",loopAll:"Loop all",loopNone:"No Loop"},types:{embed:["youtube","vimeo","soundcloud"],html5:["video","audio"]},urls:{vimeo:{api:"https://player.vimeo.com/api/player.js"},youtube:{api:"https://www.youtube.com/iframe_api"},soundcloud:{api:"https://w.soundcloud.com/player/api.js"}},listeners:{seek:null,play:null,pause:null,restart:null,rewind:null,forward:null,mute:null,volume:null,captions:null,fullscreen:null,speed:null,loop:null},events:["ready","ended","progress","stalled","playing","waiting","canplay","canplaythrough","loadstart","loadeddata","loadedmetadata","timeupdate","volumechange","play","pause","error","seeking","seeked","emptied"],logPrefix:""},O={object:function(e){return null!==e&&"object"==typeof e&&e.constructor===Object},array:function(e){return null!==e&&"object"==typeof e&&e.constructor===Array},number:function(e){return null!==e&&("number"==typeof e&&!isNaN(e-0)||"object"==typeof e&&e.constructor===Number)},string:function(e){return null!==e&&("string"==typeof e||"object"==typeof e&&e.constructor===String)},boolean:function(e){return null!==e&&"boolean"==typeof e},nodeList:function(e){return null!==e&&e instanceof NodeList},htmlElement:function(e){return null!==e&&e instanceof HTMLElement},function:function(e){return null!==e&&"function"==typeof e},event:function(e){return null!==e&&"object"==typeof e&&(e.constructor===Event||e.constructor===CustomEvent)},undefined:function(e){return null!==e&&"undefined"==typeof e},empty:function(e){return null===e||this.undefined(e)||(this.string(e)||this.array(e)||this.nodeList(e))&&0===e.length||this.object(e)&&0===Object.keys(e).length}};!function(){var e=function(){var e=!1;return O.function(t.cancelFullScreen)?e="":["webkit","o","moz","ms","khtml"].some(function(n){return O.function(t[n+"CancelFullScreen"])?(e=n,!0):O.function(t.msExitFullscreen)&&t.msFullscreenEnabled?(e="ms",!0):void 0}),e}();N={prefix:e,eventType:"ms"===e?"MSFullscreenChange":e+"fullscreenchange",isFullScreen:function(n){if(!M.fullscreen)return!1;switch(O.undefined(n)&&(n=t.body),this.prefix){case"":return t.fullscreenElement===n;case"moz":return t.mozFullScreenElement===n;default:return t[e+"FullscreenElement"]===n}},requestFullScreen:function(n){return!!M.fullscreen&&(O.htmlElement(n)||(n=t.body),console.log(e),""===e?n.requestFullScreen():n[e+("ms"===e?"RequestFullscreen":"RequestFullScreen")]())},cancelFullScreen:function(){return!!M.fullscreen&&(""===e?t.cancelFullScreen():t[e+("ms"===e?"ExitFullscreen":"CancelFullScreen")]())},element:function(){return M.fullscreen?""===e?t.fullscreenElement:t[e+"FullscreenElement"]:null}}}();var M={fullscreen:N.prefix!==!1,storage: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(e){return!1}return!1}(),pip:function(){return O.function(t.createElement("video").webkitSetPresentationMode)}(),airplay:function(){return O.function(e.WebKitPlaybackTargetAvailabilityEvent)}(),mime:function(e,t){var n=e.media;try{if(!O.function(n.canPlayType))return!1;if("video"===e.type)switch(t){case"video/webm":return n.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/no/,"");case"video/mp4":return n.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/,"");case"video/ogg":return n.canPlayType('video/ogg; codecs="theora"').replace(/no/,"")}else if("audio"===e.type)switch(t){case"audio/mpeg":return n.canPlayType("audio/mpeg;").replace(/no/,"");case"audio/ogg":return n.canPlayType('audio/ogg; codecs="vorbis"').replace(/no/,"");case"audio/wav":return n.canPlayType('audio/wav; codecs="1"').replace(/no/,"")}}catch(e){return!1}return!1}};return{setup:F,supported:_,loadSprite:A,get: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}"function"!=typeof window.CustomEvent&&(e.prototype=window.Event.prototype,window.CustomEvent=e)}();
\ No newline at end of file diff --git a/src/js/plyr.js b/src/js/plyr.js index 57bf29ce..98009041 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -104,16 +104,14 @@ volume: '[data-plyr="volume"]' }, display: { - volume: '.plyr__volume--display', currentTime: '.plyr__time--current', - duration: '.plyr__time--duration' - }, - progress: { - container: '.plyr__progress', + duration: '.plyr__time--duration', buffer: '.plyr__progress--buffer', played: '.plyr__progress--played', - loop: '.plyr__progress-loop' + loop: '.plyr__progress--loop', + volume: '.plyr__volume--display', }, + progress: '.plyr__progress', captions: '.plyr__captions', menu: { quality: '.js-plyr__menu__list--quality' @@ -483,7 +481,7 @@ } // Create a DocumentFragment - function createElement(type, attributes) { + function createElement(type, attributes, text) { // Create a new <element> var element = document.createElement(type); @@ -492,14 +490,19 @@ setAttributes(element, attributes); } + // Add text node + if (is.string(text)) { + element.appendChild(document.createTextNode(text)); + } + // Return built element return element; } // Insert a DocumentFragment - function insertElement(type, parent, attributes) { + function insertElement(type, parent, attributes, text) { // Create a new <element> - var element = createElement(type, attributes); + var element = createElement(type, attributes, text); // Inject the new element prependChild(parent, element); @@ -665,12 +668,20 @@ // First object is the destination var destination = Array.prototype.shift.call(objects); + if (!is.object(destination)) { + destination = {}; + } + var length = objects.length; // Loop through all objects to merge for (var i = 0; i < length; i++) { var source = objects[i]; + if (!is.object(source)) { + source = {}; + } + for (var property in source) { if (source[property] && source[property].constructor && source[property].constructor === Object) { destination[property] = destination[property] || {}; @@ -900,6 +911,63 @@ log('Config', config); log('Support', support); + // Find all elements + function getElements(selector) { + return plyr.container.querySelectorAll(selector); + } + + // Find a single element + function getElement(selector) { + return getElements(selector)[0]; + } + + // Determine if we're in an iframe + function inFrame() { + try { + return window.self !== window.top; + } catch (e) { + return true; + } + } + + // Trap focus inside container + function focusTrap() { + var tabbables = getElements('input:not([disabled]), button:not([disabled])'), + first = tabbables[0], + last = tabbables[tabbables.length - 1]; + + function checkFocus(event) { + // If it is TAB + if (event.which === 9 && plyr.isFullscreen) { + if (event.target === last && !event.shiftKey) { + // Move focus to first element that can be tabbed if Shift isn't used + event.preventDefault(); + first.focus(); + } else if (event.target === first && event.shiftKey) { + // Move focus to last element that can be tabbed if Shift is used + event.preventDefault(); + last.focus(); + } + } + } + + // Bind the handler + on(plyr.container, 'keydown', checkFocus); + } + + // Add elements to HTML5 media (source, tracks, etc) + function insertElements(type, attributes) { + if (is.string(attributes)) { + insertElement(type, plyr.media, { + src: attributes + }); + } else if (attributes.constructor === Array) { + for (var i = attributes.length - 1; i >= 0; i--) { + insertElement(type, plyr.media, attributes[i]); + } + } + } + // Get icon URL function getIconUrl() { return { @@ -925,16 +993,16 @@ } // Create <svg> icon - function createIcon(type) { + function createIcon(type, attributes) { var namespace = 'http://www.w3.org/2000/svg'; var iconUrl = getIconUrl(); var iconPath = (!iconUrl.absolute ? iconUrl.url : '') + '#' + config.iconPrefix; // Create <svg> var icon = document.createElementNS(namespace, 'svg'); - setAttributes(icon, { + setAttributes(icon, extend(attributes, { role: 'presentation' - }); + })); // Create the <use> to reference sprite var use = document.createElementNS(namespace, 'use'); @@ -948,15 +1016,21 @@ // Create hidden text label function createLabel(type) { - var label = createElement('span', { - class: config.classes.hidden - }); + var text = config.i18n[type]; - var text = document.createTextNode(config.i18n[type]); + switch (type) { + case 'pip': + text = 'PIP'; + break; - label.appendChild(text); + case 'airplay': + text = 'AirPlay'; + break; + } - return label; + return createElement('span', { + class: config.classes.hidden + }, text); } // Create a <button> @@ -964,23 +1038,58 @@ var button = createElement('button'); var attributes = { class: 'plyr__control' - } + }; + var iconDefault; + var iconToggled; + var labelKey; // Large play button - // TODO: use config - if (type === 'play-large') { - attributes.class = 'plyr__play-large'; - type = 'play'; + switch (type) { + case 'mute': + labelKey = 'toggleMute'; + iconDefault = 'volume'; + iconToggled = 'muted'; + break; + + case 'captions': + labelKey = 'toggleCaptions'; + iconDefault = 'captions-off'; + iconToggled = 'captions-on'; + break; + + case 'fullscreen': + labelKey = 'toggleFullscreen'; + iconDefault = 'enter-fullscreen'; + iconToggled = 'exit-fullscreen'; + break; + + case 'play-large': + attributes.class = 'plyr__play-large'; + type = 'play'; + labelKey = 'play'; + iconDefault = 'play'; + break; + + default: + labelKey = type; + iconDefault = type; } // Merge attributes extend(attributes, getAttributesFromSelector(config.selectors.buttons[type], attributes)); + // Add toggle icon if needed + if (is.string(iconToggled)) { + button.appendChild(createIcon(iconToggled, { + class: 'icon--' + iconToggled + })); + } + // Add the icon - button.appendChild(createIcon(type)); + button.appendChild(createIcon(iconDefault)); // Add the label - button.appendChild(createLabel(type)); + button.appendChild(createLabel(labelKey)); // Set element attributes setAttributes(button, attributes); @@ -990,39 +1099,81 @@ return button; } + // Create an <input type='range'> + function createRange(type, attributes) { + var id = 'plyr-' + type + (is.object(attributes) && 'id' in attributes ? '-' + attributes.id : ''); + + // Seek label + var label = createElement('label', { + for: id, + class: config.classes.hidden + }, config.i18n[type]); + + // Seek input + var input = createElement('input', extend(getAttributesFromSelector(config.selectors.inputs[type]), { + id: id, + type: 'range', + min: 0, + max: 100, + step: 0.1, + value: 0 + }, attributes)); + + elements.inputs[type] = input; + + return { + label: label, + input: input + } + } + // Create a <progress> - function createProgress(type) { - var progress = createElement('progress', extend(getAttributesFromSelector(config.selectors.progress[type]), { + function createProgress(type, attributes) { + var progress = createElement('progress', extend(getAttributesFromSelector(config.selectors.display[type]), { min: 0, max: 100, value: 0 - })); + }, attributes)); // Create the label inside - var value = createElement('span'); - var text = document.createTextNode('0'); - value.appendChild(text); - progress.appendChild(value); + if (type !== 'volume') { + progress.appendChild(createElement('span', null, '0')); - var suffix = ''; - switch (type) { - case 'played': - suffix = config.i18n.played; - break; + var suffix = ''; + switch (type) { + case 'played': + suffix = config.i18n.played; + break; - case 'buffer': - suffix = config.i18n.buffered; - break; - } + case 'buffer': + suffix = config.i18n.buffered; + break; + } - var label = document.createTextNode('% ' + suffix.toLowerCase()); - progress.appendChild(label); + var label = document.createTextNode('% ' + suffix.toLowerCase()); + progress.appendChild(label); + } - elements.progress[type] = [progress]; + elements.display[type] = progress; return progress; } + // Create time display + function createTime(type) { + var container = createElement('span', { + class: 'plyr__time' + }); + + container.appendChild(createElement('span', { + class: config.classes.hidden + }, config.i18n[type])); + + container.appendChild(createElement('span', getAttributesFromSelector(config.selectors.display[type]), '00:00')); + + return container; + } + // Build the default HTML function createControls(data) { // Create the container @@ -1052,56 +1203,23 @@ // Progress if (inArray(config.controls, 'progress')) { - var container = createElement('span', getAttributesFromSelector(config.selectors.progress.container)); - - // TODO: Add loop display indicator + var container = createElement('span', getAttributesFromSelector(config.selectors.progress)); - // Seeking - var seek = { - id: "seek-" + data.id, - label: createElement('label'), - input: createElement('input') - }; - - // Seek label - setAttributes(seek.label, { - for: seek.id, - class: config.classes.hidden + // Seek range slider + var seek = createRange('seek', { + id: data.id }); container.appendChild(seek.label); + container.appendChild(seek.input); - // Seek input - setAttributes(seek.input, extend(getAttributesFromSelector(config.selectors.inputs.seek), { - id: seek.id, - type: 'range', - min: 0, - max: 100, - step: 0.1, - value: 0 - })); - extend(elements.inputs, { - seek: seek.input - }); - container.appendChild(elements.inputs.seek); + // TODO: Add loop display indicator + // Played progress container.appendChild(createProgress('played')); + // Buffer progress container.appendChild(createProgress('buffer')); - // Create progress - /* beautify ignore:start */ - /*html.push( - '<span class="plyr__progress">', - //'<div class="plyr__progress-loop"></div>', - '<label for="seek-{id}" class="plyr__sr-only">Seek</label>', - '<input id="seek-{id}" class="plyr__progress--seek" type="range" min="0" max="100" step="0.1" value="0" data-plyr="seek">', - '<progress class="plyr__progress--played" max="100" value="0" role="presentation"></progress>', - '<progress class="plyr__progress--buffer" max="100" value="0">', - '<span>0</span>% ' + config.i18n.buffered, - '</progress>' - );&/ - /* beautify ignore:end */ - // Seek tooltip if (config.tooltips.seek) { //html.push('<span class="plyr__tooltip">00:00</span>'); @@ -1115,80 +1233,58 @@ container.appendChild(tooltip); } - // Close - //html.push('</span>'); - elements.progress.container = container; - controls.appendChild(elements.progress.container); + elements.progress = container; + controls.appendChild(elements.progress); } - return controls; - // Media current time display if (inArray(config.controls, 'current-time')) { - /* beautify ignore:start */ - html.push( - '<span class="plyr__time">', - '<span class="plyr__sr-only">' + config.i18n.currentTime + '</span>', - '<span class="plyr__time--current">00:00</span>', - '</span>' - ); - /* beautify ignore:end */ + controls.appendChild(createTime('currentTime')); } // Media duration display if (inArray(config.controls, 'duration')) { - /* beautify ignore:start */ - html.push( - '<span class="plyr__time">', - '<span class="plyr__sr-only">' + config.i18n.duration + '</span>', - '<span class="plyr__time--duration">00:00</span>', - '</span>' - ); - /* beautify ignore:end */ + controls.appendChild(createTime('duration')); } // Toggle mute button if (inArray(config.controls, 'mute')) { - /* beautify ignore:start */ - html.push( - '<button type="button" class="plyr__control" data-plyr="mute">', - '<svg class="icon--muted"><use xlink:href="' + iconPath + '-muted" /></svg>', - '<svg><use xlink:href="' + iconPath + '-volume" /></svg>', - '<span class="plyr__sr-only">' + config.i18n.toggleMute + '</span>', - '</button>' - ); - /* beautify ignore:end */ + controls.appendChild(createButton('mute')); } // Volume range control if (inArray(config.controls, 'volume')) { - /* beautify ignore:start */ - html.push( - '<span class="plyr__volume">', - '<label for="volume-{id}" class="plyr__sr-only">' + config.i18n.volume + '</label>', - '<input id="volume-{id}" class="plyr__volume--input" type="range" min="' + 0 + '" max="' + 10 + '" value="' + config.volume + '" data-plyr="volume">', - '<progress class="plyr__volume--display" max="' + 10 + '" value="' + 0 + '" role="presentation"></progress>', - '</span>' - ); - /* beautify ignore:end */ + var volume = createElement('span', { + class: 'plyr__volume' + }); + + // Set the attributes + var attributes = { + id: data.id, + max: 10, + value: config.volume + }; + + // Create the volume range slider + var range = createRange('volume', attributes); + volume.appendChild(range.label); + volume.appendChild(range.input); + + // Create the display progress + var progress = createProgress('volume', attributes); + volume.appendChild(progress); + + controls.appendChild(volume); } // Toggle captions button if (inArray(config.controls, 'captions')) { - /* beautify ignore:start */ - html.push( - '<button type="button" class="plyr__control" data-plyr="captions">', - '<svg class="icon--captions-on"><use xlink:href="' + iconPath + '-captions-on" /></svg>', - '<svg><use xlink:href="' + iconPath + '-captions-off" /></svg>', - '<span class="plyr__sr-only">' + config.i18n.toggleCaptions + '</span>', - '</button>' - ); - /* beautify ignore:end */ + controls.appendChild(createButton('captions')); } // Settings button / menu if (inArray(config.controls, 'settings')) { - /* beautify ignore:start */ + /* var captionsMenuItem = ''; if (inArray(config.controls, 'captions')) { captionsMenuItem = '<li role="tab">'+ @@ -1380,51 +1476,25 @@ '</div>', '</form>', '</div>' - ); - /* beautify ignore:end */ + ); */ } // Picture in picture button if (inArray(config.controls, 'pip') && support.pip) { - /* beautify ignore:start */ - html.push( - '<button type="button" class="plyr__control" data-plyr="pip">', - '<svg><use xlink:href="' + iconPath + '-pip" /></svg>', - '<span class="plyr__sr-only">PIP</span>', - '</button>' - ); - /* beautify ignore:end */ + controls.appendChild(createButton('pip')); } // Airplay button if (inArray(config.controls, 'airplay') && support.airplay) { - /* beautify ignore:start */ - html.push( - '<button type="button" class="plyr__control" data-plyr="airplay">', - '<svg><use xlink:href="' + iconPath + '-airplay" /></svg>', - '<span class="plyr__sr-only">AirPlay</span>', - '</button>' - ); - /* beautify ignore:end */ + controls.appendChild(createButton('airplay')); } // Toggle fullscreen button if (inArray(config.controls, 'fullscreen')) { - /* beautify ignore:start */ - html.push( - '<button type="button" class="plyr__control" data-plyr="fullscreen">', - '<svg class="icon--exit-fullscreen"><use xlink:href="' + iconPath + '-exit-fullscreen" /></svg>', - '<svg><use xlink:href="' + iconPath + '-enter-fullscreen" /></svg>', - '<span class="plyr__sr-only">' + config.i18n.toggleFullscreen + '</span>', - '</button>' - ); - /* beautify ignore:end */ + controls.appendChild(createButton('fullscreen')); } - // Close everything - html.push('</div>'); - - return html.join(''); + return controls; } // Set the YouTube quality menu @@ -1714,6 +1784,33 @@ } } + // Select active caption + function setCaptionIndex(index) { + // Save active caption + config.captions.selectedIndex = index || config.captions.selectedIndex; + + // Clear caption + setCaption(); + + // Re-run setup + setupCaptions(); + + //getElement('[data-captions="settings"]').innerHTML = getSelectedLanguage(); + } + + // Get current selected caption language + function getSelectedLanguage() { + if (config.tracks.length === 0) { + return 'No Subs'; + } + + if (plyr.captionsEnabled || !is.boolean(plyr.captionsEnabled) && plyr.storage.captionsEnabled) { + return config.tracks[config.captions.selectedIndex].label; + } else { + return 'Disabled'; + } + } + // Set the current caption function setCaption(caption) { var captions = getElement(config.selectors.captions); @@ -1846,61 +1943,36 @@ } } - // Find all elements - function getElements(selector) { - return plyr.container.querySelectorAll(selector); - } - - // Find a single element - function getElement(selector) { - return getElements(selector)[0]; - } + // Toggle captions + function toggleCaptions(show) { + // If there's no full support, or there's no caption toggle + if (!plyr.supported.full || !elements.buttons.captions) { + return; + } - // Determine if we're in an iframe - function inFrame() { - try { - return window.self !== window.top; - } catch (e) { - return true; + // If the method is called without parameter, toggle based on current value + if (!is.boolean(show)) { + show = (plyr.container.className.indexOf(config.classes.captions.active) === -1); } - } - // Trap focus inside container - function focusTrap() { - var tabbables = getElements('input:not([disabled]), button:not([disabled])'), - first = tabbables[0], - last = tabbables[tabbables.length - 1]; + // Set global + plyr.captionsEnabled = show; + elements.buttons.captions_menu.innerHTML = show ? 'Off' : 'On'; + getElement('[data-captions="settings"]').innerHTML = getSubsLangValue(); - function checkFocus(event) { - // If it is TAB - if (event.which === 9 && plyr.isFullscreen) { - if (event.target === last && !event.shiftKey) { - // Move focus to first element that can be tabbed if Shift isn't used - event.preventDefault(); - first.focus(); - } else if (event.target === first && event.shiftKey) { - // Move focus to last element that can be tabbed if Shift is used - event.preventDefault(); - last.focus(); - } - } - } + // Toggle state + toggleState(elements.buttons.captions, plyr.captionsEnabled); - // Bind the handler - on(plyr.container, 'keydown', checkFocus); - } + // Add class hook + toggleClass(plyr.container, config.classes.captions.active, plyr.captionsEnabled); - // Add elements to HTML5 media (source, tracks, etc) - function insertChildElements(type, attributes) { - if (is.string(attributes)) { - insertElement(type, plyr.media, { - src: attributes - }); - } else if (attributes.constructor === Array) { - for (var i = attributes.length - 1; i >= 0; i--) { - insertElement(type, plyr.media, attributes[i]); - } - } + // Trigger an event + trigger(plyr.container, plyr.captionsEnabled ? 'captionsenabled' : 'captionsdisabled', true); + + // Save captions state to localStorage + updateStorage({ + captionsEnabled: plyr.captionsEnabled + }); } // Insert controls @@ -1966,10 +2038,6 @@ } } - function getSpeedDisplayValue() { - return config.currentSpeed.toFixed(1).toString().replace('.0', '') + '×' - } - // Find the UI controls and store references function findElements() { try { @@ -1992,22 +2060,8 @@ captions: getElement(config.selectors.buttons.captions) }; - // Inputs - // TODO: ?? - // elements.buttons.captions_menu = getElement(config.selectors.buttons.captions_menu); - // Progress - // TODO: text for played? - elements.progress = { - container: getElement(config.selectors.progress.container), - buffer: getElement(config.selectors.progress.buffer), - played: getElement(config.selectors.progress.played) - }; - - // Seek tooltip - if (is.htmlElement(elements.progress.container)) { - elements.progress.tooltip = elements.progress.container.querySelector('.' + config.classes.tooltip); - } + elements.progress = getElement(config.selectors.progress); // Inputs elements.inputs = { @@ -2017,11 +2071,18 @@ // Display elements.display = { + buffer: getElement(config.selectors.display.buffer), + played: getElement(config.selectors.display.played), volume: getElement(config.selectors.display.volume), duration: getElement(config.selectors.display.duration), currentTime: getElement(config.selectors.display.currentTime), }; + // Seek tooltip + if (is.htmlElement(elements.progress)) { + elements.display.seekTooltip = elements.progress.querySelector('.' + config.classes.tooltip); + } + return true; } catch (error) { warn('It looks like there is a problem with your custom controls HTML', error); @@ -2697,7 +2758,7 @@ config.loop.end = null; } config.loop.start = currentTime; - config.loop.indicator.start = elements.progress.played.value; + config.loop.indicator.start = elements.display.played.value; break; case 'end': @@ -2705,7 +2766,7 @@ return; } config.loop.end = currentTime; - config.loop.indicator.end = elements.progress.played.value; + config.loop.indicator.end = elements.display.played.value; break; case 'all': @@ -2797,8 +2858,13 @@ speed: speed }); - //Update current value of menu - document.querySelector('[data-menu="speed"]').innerHTML = getSpeedDisplayValue(); + // Update current value of menu + // document.querySelector('[data-menu="speed"]').innerHTML = getSpeedDisplayValue(); + } + + // Get the current speed value + function getSpeedDisplayValue() { + return config.currentSpeed.toFixed(1).toString().replace('.0', '') + '×' } // Rewind @@ -3127,64 +3193,6 @@ } } - // Toggle captions - function toggleCaptions(show) { - // If there's no full support, or there's no caption toggle - if (!plyr.supported.full || !elements.buttons.captions) { - return; - } - - // If the method is called without parameter, toggle based on current value - if (!is.boolean(show)) { - show = (plyr.container.className.indexOf(config.classes.captions.active) === -1); - } - - // Set global - plyr.captionsEnabled = show; - elements.buttons.captions_menu.innerHTML = show ? 'Off' : 'On'; - getElement('[data-captions="settings"]').innerHTML = getSubsLangValue(); - - // Toggle state - toggleState(elements.buttons.captions, plyr.captionsEnabled); - - // Add class hook - toggleClass(plyr.container, config.classes.captions.active, plyr.captionsEnabled); - - // Trigger an event - trigger(plyr.container, plyr.captionsEnabled ? 'captionsenabled' : 'captionsdisabled', true); - - // Save captions state to localStorage - updateStorage({ - captionsEnabled: plyr.captionsEnabled - }); - } - - // Select active caption - function setCaptionIndex(index) { - // Save active caption - config.captions.selectedIndex = index || config.captions.selectedIndex; - - // Clear caption - setCaption(); - - // Re-run setup - setupCaptions(); - - getElement('[data-captions="settings"]').innerHTML = getSubsLangValue(); - } - - function getSubsLangValue() { - if (config.tracks.length === 0) { - return 'No Subs'; - } - - if (plyr.captionsEnabled || !is.boolean(plyr.captionsEnabled) && plyr.storage.captionsEnabled) { - return config.tracks[config.captions.selectedIndex].label; - } else { - return 'Disabled'; - } - } - // Check if media is loading function checkLoading(event) { var loading = (event.type === 'waiting'); @@ -3208,7 +3216,7 @@ return; } - var progress = elements.progress.played, + var progress = elements.display.played, value = 0, duration = getDuration(); @@ -3233,7 +3241,7 @@ // Check buffer status case 'playing': case 'progress': - progress = elements.progress.buffer; + progress = elements.display.buffer; value = (function() { var buffered = plyr.media.buffered; @@ -3271,8 +3279,8 @@ } // Default to buffer or bail if (is.undefined(progress)) { - if (is.htmlElement(elements.progress.buffer)) { - progress = elements.progress.buffer; + if (is.htmlElement(elements.display.buffer)) { + progress = elements.display.buffer; } else { return; } @@ -3371,8 +3379,8 @@ value = getPercentage(time, duration); // Update progress - if (elements.progress && elements.progress.played) { - elements.progress.played.value = value; + if (elements.progress && elements.display.played) { + elements.display.played.value = value; } // Update seek range input @@ -3397,8 +3405,8 @@ // Determine percentage, if already visible if (!event) { - if (hasClass(elements.progress.tooltip, visible)) { - percent = elements.progress.tooltip.style.left.replace('%', ''); + if (hasClass(elements.display.seekTooltip, visible)) { + percent = elements.display.seekTooltip.style.left.replace('%', ''); } else { return; } @@ -3414,15 +3422,15 @@ } // Display the time a click would seek to - updateTimeDisplay(((duration / 100) * percent), elements.progress.tooltip); + updateTimeDisplay(((duration / 100) * percent), elements.display.seekTooltip); // Set position - elements.progress.tooltip.style.left = percent + "%"; + elements.display.seekTooltip.style.left = percent + "%"; // Show/hide the tooltip // If the event is a moues in/out and percentage is inside bounds if (event && inArray(['mouseenter', 'mouseleave'], event.type)) { - toggleClass(elements.progress.tooltip, visible, (event.type === 'mouseenter')); + toggleClass(elements.display.seekTooltip, visible, (event.type === 'mouseenter')); } } @@ -3635,7 +3643,7 @@ // Set new sources for html5 if (inArray(config.types.html5, plyr.type)) { - insertChildElements('source', source.sources); + insertElements('source', source.sources); } // Set up from scratch @@ -3645,7 +3653,7 @@ if (inArray(config.types.html5, plyr.type)) { // Setup captions if ('tracks' in source) { - insertChildElements('track', source.tracks); + insertElements('track', source.tracks); } // Load HTML5 sources @@ -3946,8 +3954,8 @@ // Speed-up proxy(elements.buttons.speed, 'click', config.listeners.speed, function() { - var speedValue = document.querySelector('[data-plyr="speed"]:checked').value; - setSpeed(Number(speedValue)); + //var speedValue = document.querySelector('[data-plyr="speed"]:checked').value; + //setSpeed(Number(speedValue)); }); // Seek |