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',''+t+"",""].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["
  • ",'","
  • "].join("")});o.unshift(['
  • ','","
  • "].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",'
    '),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;ant.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=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),e0&&_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;a0)&&(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=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',''+t+"",""].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["
  • ",'","
  • "].join("")});o.unshift(['
  • ','","
  • "].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",'
    '),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;aat.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=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),e0&&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;a0)&&(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 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 - 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 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 var icon = document.createElementNS(namespace, 'svg'); - setAttributes(icon, { + setAttributes(icon, extend(attributes, { role: 'presentation' - }); + })); // Create the to reference sprite var use = document.createElementNS(namespace, 'use'); @@ -948,15 +1016,21 @@ // Create hidden text label function createLabel(type) { - var label = createElement('span', { + var text = config.i18n[type]; + + switch (type) { + case 'pip': + text = 'PIP'; + break; + + case 'airplay': + text = 'AirPlay'; + break; + } + + return createElement('span', { class: config.classes.hidden - }); - - var text = document.createTextNode(config.i18n[type]); - - label.appendChild(text); - - return label; + }, text); } // Create a ', - //'
    ', - '', - '', - '', - '', - '0% ' + config.i18n.buffered, - '' - );&/ - /* beautify ignore:end */ - // Seek tooltip if (config.tooltips.seek) { //html.push('00:00'); @@ -1115,80 +1233,58 @@ container.appendChild(tooltip); } - // Close - //html.push('
    '); - 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( - '', - '' + config.i18n.currentTime + '', - '00:00', - '' - ); - /* beautify ignore:end */ + controls.appendChild(createTime('currentTime')); } // Media duration display if (inArray(config.controls, 'duration')) { - /* beautify ignore:start */ - html.push( - '', - '' + config.i18n.duration + '', - '00:00', - '' - ); - /* beautify ignore:end */ + controls.appendChild(createTime('duration')); } // Toggle mute button if (inArray(config.controls, 'mute')) { - /* beautify ignore:start */ - html.push( - '' - ); - /* beautify ignore:end */ + controls.appendChild(createButton('mute')); } // Volume range control if (inArray(config.controls, 'volume')) { - /* beautify ignore:start */ - html.push( - '', - '', - '', - '', - '' - ); - /* 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( - '' - ); - /* 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 = '
  • '+ @@ -1380,51 +1476,25 @@ '', '', '' - ); - /* beautify ignore:end */ + ); */ } // Picture in picture button if (inArray(config.controls, 'pip') && support.pip) { - /* beautify ignore:start */ - html.push( - '' - ); - /* beautify ignore:end */ + controls.appendChild(createButton('pip')); } // Airplay button if (inArray(config.controls, 'airplay') && support.airplay) { - /* beautify ignore:start */ - html.push( - '' - ); - /* beautify ignore:end */ + controls.appendChild(createButton('airplay')); } // Toggle fullscreen button if (inArray(config.controls, 'fullscreen')) { - /* beautify ignore:start */ - html.push( - '' - ); - /* beautify ignore:end */ + controls.appendChild(createButton('fullscreen')); } - // Close everything - html.push(''); - - 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]; - } - - // 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(); - } - } + // 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; } - // Bind the handler - on(plyr.container, 'keydown', checkFocus); - } - - // 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]); - } + // 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 + }); } // 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