diff options
| -rw-r--r-- | dist/plyr.js | 4 | ||||
| -rw-r--r-- | src/js/plyr.js | 1140 |
2 files changed, 578 insertions, 566 deletions
diff --git a/dist/plyr.js b/dist/plyr.js index 6dcd7c67..3473e95d 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,i=navigator.userAgent,r=navigator.appName,o=""+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,r="IE",o="11"):(n=i.indexOf("MSIE"))!==-1?(l=!0,r="IE",o=i.substring(n+5)):(n=i.indexOf("Chrome"))!==-1?(c=!0,r="Chrome",o=i.substring(n+7)):(n=i.indexOf("Safari"))!==-1?(d=!0,r="Safari",o=i.substring(n+7),(n=i.indexOf("Version"))!==-1&&(o=i.substring(n+8))):(n=i.indexOf("Firefox"))!==-1?(u=!0,r="Firefox",o=i.substring(n+8)):(e=i.lastIndexOf(" ")+1)<(n=i.lastIndexOf("/"))&&(r=i.substring(e,n),o=i.substring(n+1),r.toLowerCase()===r.toUpperCase()&&(r=navigator.appName)),(a=o.indexOf(";"))!==-1&&(o=o.substring(0,a)),(a=o.indexOf(" "))!==-1&&(o=o.substring(0,a)),s=parseInt(""+o,10),isNaN(s)&&(o=""+parseFloat(navigator.appVersion),s=parseInt(navigator.appVersion,10)),{name:r,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 i(e,t){return Array.prototype.indexOf&&e.indexOf(t)!==-1}function r(e,t){e.length||(e=[e]);for(var n=e.length-1;n>=0;n--){var a=n>0?t.cloneNode(!0):t,i=e[n],r=i.parentNode,o=i.nextSibling;return a.appendChild(i),o?r.insertBefore(a,o):r.appendChild(a),a}}function o(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,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 i=e.replace(".","");O.object(t)&&O.string(t.class)&&(t.class+=" "+i),n.class=i;break;case"#":n.id=e.replace("#","");break;case"[":e=e.replace(/[\[\]]/g,"");var r=e.split("="),o=r[0],s=r.length>1?r[1].replace(/[\"\']/g,""):"";n[o]=s}}),n}function c(e,n,a){var i=t.createElement(e);return O.object(n)&&l(i,n),O.string(a)&&i.appendChild(t.createTextNode(a)),i}function d(e,t,n,a){var i=c(e,n,a);s(t,i)}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 y(e,n){var a=Element.prototype,i=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.msMatchesSelector||function(e){return[].indexOf.call(t.querySelectorAll(e),this)!==-1};return i.call(e,n)}function b(e,t,n,a,i){g(e,t,function(t){n&&n.apply(e,[t]),a.apply(e,[t])},i)}function v(e,t,n,a,i){var r=t.split(" ");if(O.boolean(i)||(i=!1),e instanceof NodeList)for(var o=0;o<e.length;o++)e[o]instanceof Node&&v(e[o],arguments[1],arguments[2],arguments[3]);else for(var s=0;s<r.length;s++)e[a?"addEventListener":"removeEventListener"](r[s],n,i)}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 i=new CustomEvent(t,{bubbles:n,detail:a});e.dispatchEvent(i)}}function w(e,t){if(e)return t=O.boolean(t)?t:!e.getAttribute("aria-pressed"),e.setAttribute("aria-pressed",t),t}function C(e,t){return 0===e||0===t||isNaN(e)||isNaN(t)?0:(e/t*100).toFixed(2)}function T(){var e=arguments;if(e.length){if(1===e.length)return e[0];var t=Array.prototype.shift.call(e);O.object(t)||(t={});for(var n=e.length,a=0;a<n;a++){var i=e[a];O.object(i)||(i={});for(var r in i)i[r]&&i[r].constructor&&i[r].constructor===Object?(t[r]=t[r]||{},T(t[r],i[r])):t[r]=i[r]}return t}}function x(e){var t=/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;return e.match(t)?RegExp.$2:e}function E(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,T({},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 M(e){return nt.container.querySelectorAll(e)}function R(e){return M(e)[0]}function V(){try{return e.self!==e.top}catch(e){return!0}}function D(){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=M("input:not([disabled]), button:not([disabled])"),n=t[0],a=t[t.length-1];g(nt.container,"keydown",e)}function H(e,t){O.string(t)?d(e,nt.media,{src:t}):O.array(t)&&t.forEach(function(t){d(e,nt.media,t)})}function W(){return{url:S.iconUrl,absolute:0===S.iconUrl.indexOf("http")||nt.browser.isIE}}function B(e,n){var a="http://www.w3.org/2000/svg",i=W(),r=(i.absolute?"":i.url)+"#"+S.iconPrefix,o=t.createElementNS(a,"svg");l(o,T(n,{role:"presentation"}));var s=t.createElementNS(a,"use");return s.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",r+"-"+e),o.appendChild(s),o}function Y(e){var t=S.i18n[e];switch(e){case"pip":t="PIP";break;case"airplay":t="AirPlay"}return c("span",{class:S.classes.hidden},t)}function X(e,t){var n,a,i,r=c("button");switch(O.object(t)||(t={}),"class"in t?t.class.indexOf("plyr__control")===-1&&(t.class+=" plyr__control"):t.class="plyr__control",e){case"mute":i="toggleMute",n="volume",a="muted";break;case"captions":i="toggleCaptions",n="captions-off",a="captions-on";break;case"fullscreen":i="toggleFullscreen",n="enter-fullscreen",a="exit-fullscreen";break;case"play-large":t.class="plyr__play-large",e="play",i="play",n="play";break;default:i=e,n=e}return T(t,u(S.selectors.buttons[e],t)),O.string(a)&&r.appendChild(B(a,{class:"icon--"+a})),r.appendChild(B(n)),r.appendChild(Y(i)),l(r,t),it.buttons[e]=r,r}function U(e,t){var n="plyr-"+e+(O.object(t)&&"id"in t?"-"+t.id:""),a=c("label",{for:n,class:S.classes.hidden},S.i18n[e]),i=c("input",T(u(S.selectors.inputs[e]),{id:n,type:"range",min:0,max:100,step:.1,value:0},t));return it.inputs[e]=i,{label:a,input:i}}function J(e,n){var a=c("progress",T(u(S.selectors.display[e]),{min:0,max:100,value:0},n));if("volume"!==e){a.appendChild(c("span",null,"0"));var i="";switch(e){case"played":i=S.i18n.played;break;case"buffer":i=S.i18n.buffered}var r=t.createTextNode("% "+i.toLowerCase());a.appendChild(r)}return it.display[e]=a,a}function K(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")),it.display[e]=t,t}function Q(e){var t=c("div",u(S.selectors.controls.wrapper));if(i(S.controls,"restart")&&t.appendChild(X("restart")),i(S.controls,"rewind")&&t.appendChild(X("rewind")),i(S.controls,"play")&&(t.appendChild(X("play")),t.appendChild(X("pause"))),i(S.controls,"fast-forward")&&t.appendChild(X("fast-forward")),i(S.controls,"progress")){var n=c("span",u(S.selectors.progress)),a=U("seek",{id:e.id});if(n.appendChild(a.label),n.appendChild(a.input),n.appendChild(J("played")),n.appendChild(J("buffer")),S.tooltips.seek){var r=c("span",{role:"tooltip",class:S.classes.tooltip},"00:00");n.appendChild(r)}it.progress=n,t.appendChild(it.progress)}if(i(S.controls,"current-time")&&t.appendChild(K("currentTime")),i(S.controls,"duration")&&t.appendChild(K("duration")),i(S.controls,"mute")&&t.appendChild(X("mute")),i(S.controls,"volume")){var o=c("span",{class:"plyr__volume"}),s={id:e.id,max:10,value:S.volume},l=U("volume",s);o.appendChild(l.label),o.appendChild(l.input);var d=J("volume",s);o.appendChild(d),t.appendChild(o)}if(i(S.controls,"captions")&&t.appendChild(X("captions")),i(S.controls,"settings")){var p=c("span",T(u(S.selectors.buttons.settings),{class:"plyr__menu"}));p.appendChild(X("settings",{id:"plyr-settings-toggle-"+e.id,"aria-haspopup":!0,"aria-controls":"plyr-settings-"+e.id,"aria-expanded":!1}));var m=c("form",{class:"plyr__menu__container",id:"plyr-settings-"+e.id,"aria-hidden":!0,"aria-labelled-by":"plyr-settings-toggle-"+e.id,role:"tablist",tabindex:-1}),f=c("div"),y=c("div",{id:"plyr-settings-"+e.id+"-home","aria-hidden":!1,"aria-labelled-by":"plyr-settings-toggle-"+e.id,role:"tabpanel",tabindex:-1}),b=c("ul",{role:"tablist"});["captions","quality","speed","loop"].forEach(function(t){var n=c("li",{role:"tab"}),a=c("button",T(u(S.selectors.buttons.settings),{type:"button",class:"plyr__control plyr__control--forward",id:"plyr-settings-"+e.id+"-"+t+"-tab","aria-haspopup":!0,"aria-controls":"plyr-settings-"+e.id+"-"+t,"aria-expanded":!1}),S.i18n[t]),i=c("span",{class:"plyr__menu__value"});i.innerHTML=e[t],a.appendChild(i),n.appendChild(a),b.appendChild(n)}),y.appendChild(b),f.appendChild(y),["captions","quality","speed","loop"].forEach(function(t){var n=c("div",{id:"plyr-settings-"+e.id+"-"+t,"aria-hidden":!0,"aria-labelled-by":"plyr-settings-tab-"+e.id,role:"tabpanel",tabindex:-1}),a=c("ul"),i=c("li"),r=c("button",{type:"button",class:"plyr__control plyr__control--back","aria-haspopup":!0,"aria-controls":"plyr-settings-"+e.id+"-home","aria-expanded":!1},S.i18n.back);switch(i.appendChild(r),a.appendChild(i),t){case"captions":O.array(S.tracks)&&S.tracks.forEach(function(e,t){if(!O.function(e)){var n=c("li"),i=X("language",{"data-language":e.srclang,"data-index":t},e.label);n.appendChild(i),a.appendChild(a)}})}n.appendChild(a),f.appendChild(n)}),m.appendChild(f),p.appendChild(m),t.appendChild(p)}return i(S.controls,"pip")&&j.pip&&t.appendChild(X("pip")),i(S.controls,"airplay")&&j.airplay&&t.appendChild(X("airplay")),i(S.controls,"fullscreen")&&t.appendChild(X("fullscreen")),it.controls=t,t}function z(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 i=e.filter(function(e){return["tiny","small"].indexOf(e)===-1}),r=i.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("")});r.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("")),R(S.selectors.menu.quality).innerHTML=r.join("")}}function $(){if(nt.supported.full&&("audio"!==nt.type||S.fullscreen.allowAudio)&&S.fullscreen.enabled){var e=j.fullscreen;e||S.fullscreen.fallback&&!V()?(ot((e?"Native":"Fallback")+" fullscreen enabled"),m(nt.container,S.classes.fullscreen.enabled,!0)):ot("Fullscreen not supported and fallback disabled"),it.buttons&&it.buttons.fullscreen&&w(it.buttons.fullscreen,!1),D()}}function G(e){O.event(e)&&(e=e.target),e.activeCues[0]&&"text"in e.activeCues[0]?te(e.activeCues[0].getCueAsHTML()):te()}function Z(){if("video"===nt.type){R(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,ot("No caption track found")):Number(S.captions.selectedIndex)+1>e.length?(nt.captionExists=!1,ot("Caption index out of bound")):(t=e[S.captions.selectedIndex],ot("Caption track found; URI: "+t)),nt.captionExists){var n=nt.media.textTracks;if([].forEach.call(n,function(e){h(e,"cuechange",G),e.mode="hidden"}),ae(nt),(nt.browser.isIE&&nt.browser.version>=10||nt.browser.isFirefox&&nt.browser.version>=31)&&(ot("Detected browser with known TextTrack issues - using manual fallback"),nt.usingTextTracks=!1),nt.usingTextTracks){ot("TextTracks supported");var a=n[S.captions.selectedIndex];"captions"!==a.kind&&"subtitles"!==a.kind||(g(a,"cuechange",G),a.activeCues&&a.activeCues.length>0&&G(a))}else if(ot("TextTracks not supported so rendering captions manually"),nt.currentCaption="",nt.captions=[],""!==t){var i=new XMLHttpRequest;i.onreadystatechange=function(){if(4===i.readyState)if(200===i.status){var e=i.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(),ot("Successfully loaded the caption file via AJAX")}else st(S.logPrefix+"There was a problem loading the caption file via AJAX")},i.open("get",t,!0),i.send()}}else m(nt.container,S.classes.captions.enabled)}}function ee(e){S.captions.selectedIndex=e||S.captions.selectedIndex,te(),Z()}function te(e){var t=R(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 ne(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 i(n[t])}function n(e){return t(e,0)}function a(e){return t(e,1)}function i(e){if(null===e||void 0===e)return 0;var t=[],n=[],a=0;t=e.split(","),n=t[0].split(":");for(var i=0,r=n.length;i<r;i++)a+=Math.floor(n[i]*Math.pow(60,r-(i+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],te(nt.currentCaption)):te()}}function ae(){if(it.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(it.buttons.captions,!0))}}function ie(e){nt.supported.full&&it.buttons.captions&&(O.boolean(e)||(e=nt.container.className.indexOf(S.classes.captions.active)===-1),nt.captionsEnabled=e,it.buttons.captions_menu.innerHTML=e?"Off":"On",w(it.buttons.captions,nt.captionsEnabled),m(nt.container,S.classes.captions.active,nt.captionsEnabled),F(nt.container,nt.captionsEnabled?"captionsenabled":"captionsdisabled",!0),ce({captionsEnabled:nt.captionsEnabled}))}function re(){if(S.loadSprite){var e=W();e.absolute?(ot("AJAX loading absolute SVG sprite"+(nt.browser.isIE?" (due to IE)":"")),_(e.url,"sprite-plyr")):ot("Sprite will be used as external resource directly")}i(S.controls,"play-large")&&(it.buttons.playLarge=X("play-large"),nt.container.appendChild(it.buttons.playLarge)),nt.id=Math.floor(1e4*Math.random());var n,a=Q({id:nt.id,seektime:S.seekTime,speed:Ce(),quality:"HD",captions:"English",loop:"None"});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 r=M([S.selectors.controls.wrapper," ",S.selectors.labels," .",S.classes.hidden].join("")),o=r.length-1;o>=0;o--){var s=r[o];m(s,S.classes.hidden,!1),m(s,S.classes.tooltip,!0)}}function oe(){m(nt.container,S.selectors.container.replace(".",""),nt.supported.full)}function se(e){e&&i(S.types.html5,nt.type)?nt.media.setAttribute("controls",""):nt.media.removeAttribute("controls")}function le(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(it.buttons.play)&&it.buttons.play.setAttribute("aria-label",t),O.htmlElement(it.buttons.playLarge)&&it.buttons.playLarge.setAttribute("aria-label",t)),O.htmlElement(e)&&e.setAttribute("title",S.i18n.frameTitle.replace("{title}",S.title))}function ue(){var t=null;nt.storage={},j.storage&&S.storage.enabled&&(e.localStorage.removeItem("plyr-volume"),t=e.localStorage.getItem(S.storage.key),t&&(/^\d+(\.\d+)?$/.test(t)?ce({volume:parseFloat(t)}):nt.storage=JSON.parse(t)))}function ce(t){j.storage&&S.storage.enabled&&(T(nt.storage,t),e.localStorage.setItem(S.storage.key,JSON.stringify(nt.storage)))}function de(){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),i(S.types.embed,nt.type)&&m(nt.container,S.classes.type.replace("{0}","video"),!0),m(nt.container,S.classes.pip.enabled,j.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=c("div");e.setAttribute("class",S.classes.videoWrapper),r(nt.media,e),nt.videoContainer=e}i(S.types.embed,nt.type)&&pe()}function pe(){var t,n=c("div"),i=nt.type+"-"+Math.floor(1e4*Math.random());switch(nt.type){case"youtube":t=x(nt.embedId);break;case"vimeo":t=E(nt.embedId);break;default:t=nt.embedId}for(var r=M('[id^="'+nt.type+'-"]'),s=r.length-1;s>=0;s--)o(r[s]);if(m(nt.media,S.classes.videoWrapper,!0),m(nt.media,S.classes.embedWrapper,!0),"youtube"===nt.type)nt.media.appendChild(n),n.setAttribute("id",i),O.object(e.YT)?fe(t,n):(a(S.urls.youtube.api),e.onYouTubeReadyCallbacks=e.onYouTubeReadyCallbacks||[],e.onYouTubeReadyCallbacks.push(function(){fe(t,n)}),e.onYouTubeIframeAPIReady=function(){e.onYouTubeReadyCallbacks.forEach(function(e){e()})});else if("vimeo"===nt.type)if(nt.supported.full?nt.media.appendChild(n):n=nt.media,n.setAttribute("id",i),O.object(e.Vimeo))ye(t,n);else{a(S.urls.vimeo.api);var u=e.setInterval(function(){O.object(e.Vimeo)&&(e.clearInterval(u),ye(t,n))},50)}else if("soundcloud"===nt.type){var d=c("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/"+t,id:i}),n.appendChild(d),nt.media.appendChild(n),e.SC||a(S.urls.soundcloud.api);var p=e.setInterval(function(){e.SC&&d.loaded&&(e.clearInterval(p),be.call(d))},50)}}function me(){nt.supported.full&&(Ze(),et()),le(R("iframe"))}function fe(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(),i=n.getAvailablePlaybackRates();console.warn(a,i),S.title=n.getVideoData().title,nt.supported.full&&nt.media.querySelector("iframe").setAttribute("tabindex","-1"),me(),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(),i=n.getPlaybackQuality();z(a,i);break;case 2:nt.media.paused=!0,F(nt.media,"pause")}F(nt.container,"statechange",!1,{code:t.data})}}})}function ye(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,me(),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 be(){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,me()}),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 ve(){"play"in nt.media&&nt.media.play()}function ge(){"pause"in nt.media&&nt.media.pause()}function he(e){return O.boolean(e)||(e=nt.media.paused),e?ve():ge(),e}function ke(e){i(["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=it.display.played.value;break;case"end":if(S.loop.start>=n)return;S.loop.end=n,S.loop.indicator.end=it.display.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,R('[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 we(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 t=S.speeds.indexOf(S.currentSpeed);if(t!==-1){var n=t+1;n>=S.speeds.length&&(n=0),e=S.speeds[n]}else e=S.defaultSpeed}S.currentSpeed=e,nt.media.playbackRate=e,ce({speed:e})}function Ce(){return S.currentSpeed.toFixed(1).toString().replace(".0","")+"×"}function Te(e){O.number(e)||(e=S.seekTime),Ee(nt.media.currentTime-e)}function xe(e){O.number(e)||(e=S.seekTime),Ee(nt.media.currentTime+e)}function Ee(e){var t=0,n=nt.media.paused,a=Se();O.number(e)?t=e:O.event(e)&&i(["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(i(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&&ge(),F(nt.media,"timeupdate"),nt.media.seeking=!0,F(nt.media,"seeking")}ot("Seeking to "+nt.media.currentTime+" seconds"),ne(t)}function Se(){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 _e(){m(nt.container,S.classes.playing,!nt.media.paused),m(nt.container,S.classes.stopped,nt.media.paused),Ye(nt.media.paused)}function Ae(){N={x:e.pageXOffset||0,y:e.pageYOffset||0}}function Fe(){e.scrollTo(N.x,N.y)}function Ie(e){var n=j.fullscreen;if(n){if(!e||e.type!==P.eventType)return P.isFullScreen(nt.container)?P.cancelFullScreen():(Ae(),P.requestFullScreen(nt.container)),void(nt.isFullscreen=P.isFullScreen(nt.container));nt.isFullscreen=P.isFullScreen(nt.container)}else nt.isFullscreen=!nt.isFullscreen,t.body.style.overflow=nt.isFullscreen?"hidden":"";m(nt.container,S.classes.fullscreen.active,nt.isFullscreen),D(nt.isFullscreen),it.buttons&&it.buttons.fullscreen&&w(it.buttons.fullscreen,nt.isFullscreen),F(nt.container,nt.isFullscreen?"enterfullscreen":"exitfullscreen",!0),!nt.isFullscreen&&n&&Fe()}function Pe(e){if(O.boolean(e)||(e=!nt.media.muted),w(it.buttons.mute,e),nt.media.muted=e,0===nt.media.volume&&Ne(S.volume),i(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 Ne(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),it.display.volume&&(it.display.volume.value=e),i(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&&Pe()}function Le(e){var t=nt.media.muted?0:10*nt.media.volume;O.number(e)||(e=1),Ne(t+e)}function Oe(e){var t=nt.media.muted?0:10*nt.media.volume;O.number(e)||(e=1),Ne(t-e)}function je(){var e=nt.media.muted?0:10*nt.media.volume;nt.supported.full&&(it.inputs.volume&&(it.inputs.volume.value=e),it.display.volume&&(it.display.volume.value=e)),ce({volume:e}),m(nt.container,S.classes.muted,0===e),nt.supported.full&&it.buttons.mute&&w(it.buttons.mute,0===e)}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 Me(e){if(nt.supported.full){var t=it.display.played,n=0,a=Se();if(e)switch(e.type){case"timeupdate":case"seeking":if(it.controls.pressed)return;n=C(nt.media.currentTime,a),"timeupdate"===e.type&&it.inputs.seek&&(it.inputs.seek.value=n);break;case"playing":case"progress":t=it.display.buffer,n=function(){var e=nt.media.buffered;return e&&e.length?C(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&&Ee(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(it.display.buffer))return;e=it.display.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(Se()/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=Se()||0;!it.display.duration&&S.displayDuration&&nt.media.paused&&Ve(e,it.display.currentTime),it.display.duration&&Ve(e,it.display.duration),Be()}}function He(e){Ve(nt.media.currentTime,it.display.currentTime),e&&"timeupdate"===e.type&&nt.media.seeking||Me(e)}function We(e){O.number(e)||(e=0);var t=Se(),n=C(e,t);it.progress&&it.display.played&&(it.display.played.value=n),it.buttons&&it.inputs.seek&&(it.inputs.seek.value=n)}function Be(e){var t=Se();if(S.tooltips.seek&&it.progress.container&&0!==t){var n=it.progress.container.getBoundingClientRect(),a=0,r=S.classes.tooltip+"--visible";if(e)a=100/n.width*(e.pageX-n.left);else{if(!f(it.display.seekTooltip,r))return;a=it.display.seekTooltip.style.left.replace("%","")}a<0?a=0:a>100&&(a=100),Ve(t/100*a,it.display.seekTooltip),it.display.seekTooltip.style.left=a+"%",e&&i(["mouseenter","mouseleave"],e.type)&&m(it.display.seekTooltip,r,"mouseenter"===e.type)}}function Ye(t){if(S.hideControls&&"audio"!==nt.type){var n=0,a=!1,r=t,o=f(nt.container,S.classes.loading);if(O.boolean(t)||(t&&t.type?(a="enterfullscreen"===t.type,r=i(["mousemove","touchstart","mouseenter","focus"],t.type),i(["mousemove","touchmove"],t.type)&&(n=2e3),"focus"===t.type&&(n=3e3)):r=f(nt.container,S.classes.hideControls)),e.clearTimeout(at.hover),r||nt.media.paused||o){if(m(nt.container,S.classes.hideControls,!1),nt.media.paused||o)return;nt.browser.isTouch&&(n=3e3)}r&&nt.media.paused||(at.hover=e.setTimeout(function(){(!it.controls.pressed&&!it.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 t(){if(nt.embed=null,o(nt.media),"video"===nt.type&&nt.videoContainer&&o(nt.videoContainer),nt.container&&nt.container.removeAttribute("class"),"type"in e&&(nt.type=e.type,"video"===nt.type)){var t=e.sources[0];"type"in t&&i(S.types.embed,t.type)&&(nt.type=t.type)}switch(nt.supported=A(nt.type),nt.type){case"video":nt.media=c("video");break;case"audio":nt.media=c("audio");break;case"youtube":case"vimeo":case"soundcloud":nt.media=c("div"),nt.embedId=e.sources[0].src}s(nt.container,nt.media),O.boolean(e.autoplay)&&(S.autoplay=e.autoplay),i(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),oe(),i(S.types.html5,nt.type)&&H("source",e.sources),de(),i(S.types.html5,nt.type)&&("tracks"in e&&H("track",e.tracks),nt.media.load()),(i(S.types.html5,nt.type)||i(S.types.embed,nt.type)&&!nt.supported.full)&&(Ze(),et()),S.title=e.title,le()}return O.object(e)&&"sources"in e&&e.sources.length?(m(nt.container,S.classes.ready,!1),ge(),We(),Re(),ze(),void $e(t,!1)):void st("Invalid source format")}function Je(e){"video"===nt.type&&nt.media.setAttribute("poster",e); -}function Ke(){function n(){var e=he(),t=it.buttons[e?"play":"pause"],n=it.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 r(e){return e.keyCode?e.keyCode:e.which}function s(e){for(var t in it.buttons){var n=it.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)&&Ee(e/10*(o-48))}var o=r(e),s="keydown"===e.type,l=s&&o===c;if(O.number(o))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(i(d,o)){var p=a();if(O.htmlElement(p)&&"radio"===a().type)return}switch(i(u,o)&&(e.preventDefault(),e.stopPropagation()),o){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:Le();break;case 40:Oe();break;case 77:l||Pe();break;case 39:xe();break;case 37:Te();break;case 70:Ie();break;case 67:l||ie();break;case 73:ke("start");break;case 76:ke();break;case 79:ke("end")}!j.fullscreen&&nt.isFullscreen&&27===o&&Ie(),c=o}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=r(e),n=a(),o=[48,49,50,51,52,53,54,56,57,75,77,70,67,73,76,79],s=I().length;1!==s||!i(o,t)||O.htmlElement(n)&&y(n,S.selectors.editable)||l(e)}),g(nt.container,"keydown keyup",l)}g(e,"keyup",function(e){var t=r(e),n=a();9===t&&s(n)}),g(t.body,"click",function(){m(R("."+S.classes.tabFocus),S.classes.tabFocus,!1)});for(var d in it.buttons){var p=it.buttons[d];g(p,"blur",function(){m(p,"tab-focus",!1)})}b(it.buttons.play,"click",S.listeners.play,n),b(it.buttons.playLarge,"click",S.listeners.play,n),b(it.buttons.pause,"click",S.listeners.pause,n),b(it.buttons.restart,"click",S.listeners.restart,Ee),b(it.buttons.rewind,"click",S.listeners.rewind,Te),b(it.buttons.forward,"click",S.listeners.forward,xe),b(it.buttons.speed,"click",S.listeners.speed,function(){}),b(it.inputs.seek,u,S.listeners.seek,Ee),b(it.inputs.volume,u,S.listeners.volume,function(){Ne(it.inputs.volume.value)}),b(it.buttons.mute,"click",S.listeners.mute,Pe),b(it.buttons.fullscreen,"click",S.listeners.fullscreen,Ie),b(it.buttons.loop,"click",S.listeners.loop,function(e){var t=e.target.getAttribute("data-loop__value")||e.target.getAttribute("data-loop__type");i(["start","end","all","none"],t)&&ke(t)}),j.fullscreen&&g(t,P.eventType,Ie),b(it.buttons.captions,"click",S.listeners.captions,ie),b(it.buttons.lang,"click",S.listeners.lang,function(e){var t=e.target.attributes.getNamedItem("data-index").value;ee(t)}),g(it.buttons.settings,"click",function(n){var a=this,i=n.target,r=t.getElementById(i.getAttribute("aria-controls")),s="false"===i.getAttribute("aria-expanded");if(O.htmlElement(r)){var l,u,c,d="tabpanel"===r.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=r.cloneNode(!0);m.style.position="absolute",m.style.opacity=0,m.setAttribute("aria-hidden",!1),c.appendChild(m),l=m.scrollWidth,u=m.scrollHeight,o(m)}r.setAttribute("aria-hidden",!s),i.setAttribute("aria-expanded",s),r.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(it.buttons.pip,"click",function(){nt.media.webkitSetPresentationMode("picture-in-picture"===nt.media.webkitPresentationMode?"inline":"picture-in-picture")}),g(it.progress.container,"mouseenter mouseleave mousemove",Be),S.hideControls&&(g(nt.container,"mouseenter mouseleave mousemove touchstart touchend touchcancel touchmove enterfullscreen",Ye),g(it.controls,"mouseenter mouseleave",function(e){it.controls.hover="mouseenter"===e.type}),g(it.controls,"mousedown mouseup touchstart touchend touchcancel",function(e){it.controls.pressed=i(["mousedown","touchstart"],e.type)}),g(it.controls,"focus blur",Ye,!0)),g(it.inputs.volume,"wheel",function(e){e.preventDefault();var t=e.webkitDirectionInvertedFromDevice,n=.2;(e.deltaY<0||e.deltaX>0)&&(t?Oe(n):Le(n)),(e.deltaY>0||e.deltaX<0)&&(t?Le(n):Oe(n))})}function Qe(){if(g(nt.media,"timeupdate seeking",He),g(nt.media,"timeupdate",ne),g(nt.media,"durationchange loadedmetadata",De),g(nt.media,"ended",function(){"video"===nt.type&&S.showPosterOnEnd&&("video"===nt.type&&te(),Ee(),nt.media.load())}),g(nt.media,"progress playing",Me),g(nt.media,"volumechange",je),g(nt.media,"play pause ended",_e),g(nt.media,"waiting canplay seeked",qe),S.clickToPlay&&"audio"!==nt.type){var e=R("."+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?ve():nt.media.ended?(Ee(),ve()):ge())})}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(i(S.types.html5,nt.type)){for(var e=nt.media.querySelectorAll("source"),t=0;t<e.length;t++)o(e[t]);nt.media.setAttribute("src","https://cdn.selz.com/plyr/blank.mp4"),nt.media.load(),ot("Cancelled network requests")}}function $e(n,a){function i(){O.boolean(a)||(a=!0),O.function(n)&&n.call(rt),a&&(nt.init=!1,nt.container.parentNode.replaceChild(rt,nt.container),t.body.style.overflow="",F(rt,"destroyed",!0))}if(!nt.init)return null;switch(nt.type){case"youtube":e.clearInterval(at.buffering),e.clearInterval(at.playing),nt.embed.destroy(),i();break;case"vimeo":nt.embed.unload().then(i),e.setTimeout(i,200);break;case"video":case"audio":se(!0),i()}}function Ge(){if(nt.init)return null;if(nt.browser=n(),O.htmlElement(nt.media)){ue();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=A(nt.type),nt.supported.basic&&(nt.container=r(v,c("div")),nt.container.setAttribute("tabindex",0),oe(),ot(""+nt.browser.name+" "+nt.browser.version),de(),(i(S.types.html5,nt.type)||i(S.types.embed,nt.type)&&!nt.supported.full)&&(Ze(),et(),le()),nt.init=!0)}}function Ze(){return nt.supported.full?(O.htmlElement(R(S.selectors.controls.wrapper))||(re(),Ke()),Qe(),se(),$(),Z(),ee(),Ne(),je(),we(),ke(),He(),void _e()):(st("Basic support only",nt.type),o(R(S.selectors.controls.wrapper)),o(R(S.selectors.buttons.play)),void se(!0))}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&&ve()}var tt,nt=this,at={},it={buttons:{},display:{},progress:{},inputs:{},settings:{tabs:{},panes:{}}};nt.media=v;var rt=v.cloneNode(!0),ot=function(){q("log",arguments)},st=function(){q("warn",arguments)};return ot("Config",S),ot("Support",j),tt={getOriginal:function(){return rt},getContainer:function(){return nt.container},getEmbed:function(){return nt.embed},getMedia:function(){return nt.media},getType:function(){return nt.type},getDuration:Se,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:ve,pause:ge,loop:ke,stop:function(){ge(),Ee()},restart:Ee,rewind:Te,forward:xe,seek:Ee,source:Xe,poster:Je,setVolume:Ne,setSpeed:we,togglePlay:he,toggleMute:Pe,toggleCaptions:ie,toggleFullscreen:Ie,toggleControls:Ye,setCaptionIndex:ee,isFullscreen:function(){return nt.isFullscreen||!1},support:function(e){return j.mime(nt,e)},destroy:$e},Ge(),nt.init?tt:null}function _(e,n){var a=new XMLHttpRequest;if(!O.string(n)||!O.htmlElement(t.querySelector("#"+n))){var i=c("div");i.setAttribute("hidden",""),O.string(n)&&i.setAttribute("id",n),t.body.insertBefore(i,t.body.childNodes[0]),"withCredentials"in a&&(a.open("GET",e,!0),a.onload=function(){i.innerHTML=a.responseText},a.send())}}function A(e){var t,a,i=n(),r=i.isIE&&i.version<=9,o=i.isIos,s=/iPhone|iPod/i.test(navigator.userAgent),l=!!c("audio").canPlayType,u=!!c("video").canPlayType;switch(e){case"video":t=u,a=t&&!r&&!s;break;case"audio":t=l,a=t&&!r;break;case"vimeo":case"youtube":case"soundcloud":t=!0,a=!r&&!o;break;default:t=l&&u,a=t&&!r}return{basic:t,full:a}}function F(e,n){function a(e,t){f(t,L.classes.hook)||i.push({target:e,media:t})}var i=[],r=[],o=[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(o)),O.nodeList(e)&&(e=Array.prototype.slice.call(e)),!A().basic||!e.length)return!1;for(var s=0;s<e.length;s++){var l=e[s],u=l.querySelectorAll(o);if(u.length)for(var c=0;c<u.length;c++)a(l,u[c]);else y(l,o)&&a(l,l)}return i.forEach(function(e){var t=e.target,a=e.media,i=!1;a===t&&(i=!0);var o={};try{o=JSON.parse(t.getAttribute("data-plyr"))}catch(e){}var s=T({},L,n,o);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}),r.push(l)}}),r}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 P,N={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:{currentTime:".plyr__time--current",duration:".plyr__time--duration",buffer:".plyr__progress--buffer",played:".plyr__progress--played",loop:".plyr__progress--loop",volume:".plyr__volume--display"},progress:".plyr__progress",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}();P={prefix:e,eventType:"ms"===e?"MSFullscreenChange":e+"fullscreenchange",isFullScreen:function(n){if(!j.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!!j.fullscreen&&(O.htmlElement(n)||(n=t.body),console.log(e),""===e?n.requestFullScreen():n[e+("ms"===e?"RequestFullscreen":"RequestFullScreen")]())},cancelFullScreen:function(){return!!j.fullscreen&&(""===e?t.cancelFullScreen():t[e+("ms"===e?"ExitFullscreen":"CancelFullScreen")]())},element:function(){return j.fullscreen?""===e?t.fullscreenElement:t[e+"FullscreenElement"]:null}}}();var j={fullscreen:P.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(c("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:A,loadSprite:_,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,s=navigator.userAgent,l=navigator.appName,i=""+parseFloat(navigator.appVersion),r=parseInt(navigator.appVersion,10),o=!1,u=!1,c=!1,d=!1;return navigator.appVersion.indexOf("Windows NT")!==-1&&navigator.appVersion.indexOf("rv:11")!==-1?(o=!0,l="IE",i="11"):(n=s.indexOf("MSIE"))!==-1?(o=!0,l="IE",i=s.substring(n+5)):(n=s.indexOf("Chrome"))!==-1?(c=!0,l="Chrome",i=s.substring(n+7)):(n=s.indexOf("Safari"))!==-1?(d=!0,l="Safari",i=s.substring(n+7),(n=s.indexOf("Version"))!==-1&&(i=s.substring(n+8))):(n=s.indexOf("Firefox"))!==-1?(u=!0,l="Firefox",i=s.substring(n+8)):(e=s.lastIndexOf(" ")+1)<(n=s.lastIndexOf("/"))&&(l=s.substring(e,n),i=s.substring(n+1),l.toLowerCase()===l.toUpperCase()&&(l=navigator.appName)),(a=i.indexOf(";"))!==-1&&(i=i.substring(0,a)),(a=i.indexOf(" "))!==-1&&(i=i.substring(0,a)),r=parseInt(""+i,10),isNaN(r)&&(i=""+parseFloat(navigator.appVersion),r=parseInt(navigator.appVersion,10)),{name:l,version:r,isIE:o,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 s(e,t){return Array.prototype.indexOf&&e.indexOf(t)!==-1}function l(e,t){e.length||(e=[e]);for(var n=e.length-1;n>=0;n--){var a=n>0?t.cloneNode(!0):t,s=e[n],l=s.parentNode,i=s.nextSibling;return a.appendChild(s),i?l.insertBefore(a,i):l.appendChild(a),a}}function i(e){e&&e.parentNode.removeChild(e)}function r(e,t){e.insertBefore(t,e.firstChild)}function o(e,t){for(var n in t)e.setAttribute(n,t[n])}function u(e,t){if(!j.string(e)||j.empty(e))return{};var n={};return e.split(",").forEach(function(e){e=e.trim();var a=e.charAt(0);switch(a){case".":var s=e.replace(".","");j.object(t)&&j.string(t.class)&&(t.class+=" "+s),n.class=s;break;case"#":n.id=e.replace("#","");break;case"[":e=e.replace(/[\[\]]/g,"");var l=e.split("="),i=l[0],r=l.length>1?l[1].replace(/[\"\']/g,""):"";n[i]=r}}),n}function c(e,n,a){var s=t.createElement(e);return j.object(n)&&o(s,n),j.string(a)&&s.appendChild(t.createTextNode(a)),s}function d(e,t,n,a){var s=c(e,n,a);r(t,s)}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 y(e,n){var a=Element.prototype,s=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.msMatchesSelector||function(e){return[].indexOf.call(t.querySelectorAll(e),this)!==-1};return s.call(e,n)}function b(e,t,n,a,s){g(e,t,function(t){n&&n.apply(e,[t]),a.apply(e,[t])},s)}function v(e,t,n,a,s){var l=t.split(" ");if(j.boolean(s)||(s=!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 r=0;r<l.length;r++)e[a?"addEventListener":"removeEventListener"](l[r],n,s)}function g(e,t,n,a){j.undefined(e)||v(e,t,n,!0,a)}function h(e,t,n,a){j.undefined(e)||v(e,t,n,!1,a)}function k(e,t,n,a){if(e&&t){j.boolean(n)||(n=!1);var s=new CustomEvent(t,{bubbles:n,detail:a});e.dispatchEvent(s)}}function w(e,t){if(e)return t=j.boolean(t)?t:!e.getAttribute("aria-pressed"),e.setAttribute("aria-pressed",t),t}function C(e,t){return 0===e||0===t||isNaN(e)||isNaN(t)?0:(e/t*100).toFixed(2)}function x(){var e=arguments;if(e.length){if(1===e.length)return e[0];var t=Array.prototype.shift.call(e);j.object(t)||(t={});for(var n=e.length,a=0;a<n;a++){var s=e[a];j.object(s)||(s={});for(var l in s)s[l]&&s[l].constructor&&s[l].constructor===Object?(t[l]=t[l]||{},x(t[l],s[l])):t[l]=s[l]}return t}}function T(e){var t=/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;return e.match(t)?RegExp.$2:e}function S(e){var t=/^.*(vimeo.com\/|video\/)(\d+).*/;return e.match(t)?RegExp.$2:e}function E(v,E){function I(t,n){E.debug&&e.console&&(n=Array.prototype.slice.call(n),j.string(E.logPrefix)&&E.logPrefix.length&&n.unshift(E.logPrefix),console[t].apply(console,n))}function q(e,t,n,a){k(e,t,n,x({},a,{plyr:tt}))}function M(e){return nt.elements.container.querySelectorAll(e)}function R(e){return M(e)[0]}function V(){try{return e.self!==e.top}catch(e){return!0}}function D(){function e(e){9===e.which&&nt.fullscreen.active&&(e.target!==a||e.shiftKey?e.target===n&&e.shiftKey&&(e.preventDefault(),a.focus()):(e.preventDefault(),n.focus()))}var t=M("input:not([disabled]), button:not([disabled])"),n=t[0],a=t[t.length-1];g(nt.elements.container,"keydown",e)}function H(e,t){j.string(t)?d(e,nt.elements.media,{src:t}):j.array(t)&&t.forEach(function(t){d(e,nt.elements.media,t)})}function W(){return{url:E.iconUrl,absolute:0===E.iconUrl.indexOf("http")||nt.browser.isIE}}function B(e,n){var a="http://www.w3.org/2000/svg",s=W(),l=(s.absolute?"":s.url)+"#"+E.iconPrefix,i=t.createElementNS(a,"svg");o(i,x(n,{role:"presentation"}));var r=t.createElementNS(a,"use");return r.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",l+"-"+e),i.appendChild(r),i}function Y(e){var t=E.i18n[e];switch(e){case"pip":t="PIP";break;case"airplay":t="AirPlay"}return c("span",{class:E.classes.hidden},t)}function X(e,t){var n,a,s,l=c("button");switch(j.object(t)||(t={}),"class"in t?t.class.indexOf("plyr__control")===-1&&(t.class+=" plyr__control"):t.class="plyr__control",e){case"mute":s="toggleMute",n="volume",a="muted";break;case"captions":s="toggleCaptions",n="captions-off",a="captions-on";break;case"fullscreen":s="toggleFullscreen",n="enter-fullscreen",a="exit-fullscreen";break;case"play-large":t.class="plyr__play-large",e="play",s="play",n="play";break;default:s=e,n=e}return x(t,u(E.selectors.buttons[e],t)),j.string(a)&&l.appendChild(B(a,{class:"icon--"+a})),l.appendChild(B(n)),l.appendChild(Y(s)),o(l,t),nt.elements.buttons[e]=l,l}function U(e,t){var n="plyr-"+e+(j.object(t)&&"id"in t?"-"+t.id:""),a=c("label",{for:n,class:E.classes.hidden},E.i18n[e]),s=c("input",x(u(E.selectors.inputs[e]),{id:n,type:"range",min:0,max:100,step:.1,value:0},t));return nt.elements.inputs[e]=s,{label:a,input:s}}function J(e,n){var a=c("progress",x(u(E.selectors.display[e]),{min:0,max:100,value:0},n));if("volume"!==e){a.appendChild(c("span",null,"0"));var s="";switch(e){case"played":s=E.i18n.played;break;case"buffer":s=E.i18n.buffered}var l=t.createTextNode("% "+s.toLowerCase());a.appendChild(l)}return nt.elements.display[e]=a,a}function K(e){var t=c("span",{class:"plyr__time"});return t.appendChild(c("span",{class:E.classes.hidden},E.i18n[e])),t.appendChild(c("span",u(E.selectors.display[e]),"00:00")),nt.elements.display[e]=t,t}function Q(e){var t=c("div",u(E.selectors.controls.wrapper));if(s(E.controls,"restart")&&t.appendChild(X("restart")),s(E.controls,"rewind")&&t.appendChild(X("rewind")),s(E.controls,"play")&&(t.appendChild(X("play")),t.appendChild(X("pause"))),s(E.controls,"fast-forward")&&t.appendChild(X("fast-forward")),s(E.controls,"progress")){var n=c("span",u(E.selectors.progress)),a=U("seek",{id:e.id});if(n.appendChild(a.label),n.appendChild(a.input),n.appendChild(J("played")),n.appendChild(J("buffer")),E.tooltips.seek){var l=c("span",{role:"tooltip",class:E.classes.tooltip},"00:00");n.appendChild(l)}nt.elements.progress=n,t.appendChild(nt.elements.progress)}if(s(E.controls,"current-time")&&t.appendChild(K("currentTime")),s(E.controls,"duration")&&t.appendChild(K("duration")),s(E.controls,"mute")&&t.appendChild(X("mute")),s(E.controls,"volume")){var i=c("span",{class:"plyr__volume"}),r={id:e.id,max:10,value:E.volume},o=U("volume",r);i.appendChild(o.label),i.appendChild(o.input);var d=J("volume",r);i.appendChild(d),t.appendChild(i)}if(s(E.controls,"captions")&&t.appendChild(X("captions")),s(E.controls,"settings")){var p=c("span",x(u(E.selectors.buttons.settings),{class:"plyr__menu"}));p.appendChild(X("settings",{id:"plyr-settings-toggle-"+e.id,"aria-haspopup":!0,"aria-controls":"plyr-settings-"+e.id,"aria-expanded":!1}));var m=c("form",{class:"plyr__menu__container",id:"plyr-settings-"+e.id,"aria-hidden":!0,"aria-labelled-by":"plyr-settings-toggle-"+e.id,role:"tablist",tabindex:-1}),f=c("div"),y=c("div",{id:"plyr-settings-"+e.id+"-home","aria-hidden":!1,"aria-labelled-by":"plyr-settings-toggle-"+e.id,role:"tabpanel",tabindex:-1}),b=c("ul",{role:"tablist"});["captions","quality","speed","loop"].forEach(function(t){var n=c("li",{role:"tab"}),a=c("button",x(u(E.selectors.buttons.settings),{type:"button",class:"plyr__control plyr__control--forward",id:"plyr-settings-"+e.id+"-"+t+"-tab","aria-haspopup":!0,"aria-controls":"plyr-settings-"+e.id+"-"+t,"aria-expanded":!1}),E.i18n[t]),s=c("span",{class:"plyr__menu__value"});s.innerHTML=e[t],a.appendChild(s),n.appendChild(a),b.appendChild(n)}),y.appendChild(b),f.appendChild(y),["captions","quality","speed","loop"].forEach(function(t){var n=c("div",{id:"plyr-settings-"+e.id+"-"+t,"aria-hidden":!0,"aria-labelled-by":"plyr-settings-tab-"+e.id,role:"tabpanel",tabindex:-1}),a=c("ul"),s=c("li"),l=c("button",{type:"button",class:"plyr__control plyr__control--back","aria-haspopup":!0,"aria-controls":"plyr-settings-"+e.id+"-home","aria-expanded":!1},E.i18n.back);switch(s.appendChild(l),a.appendChild(s),t){case"captions":j.array(E.tracks)&&E.tracks.forEach(function(e,t){if(!j.function(e)){var n=c("li"),s=X("language",{"data-language":e.srclang,"data-index":t},e.label);n.appendChild(s),a.appendChild(a)}})}n.appendChild(a),f.appendChild(n)}),m.appendChild(f),p.appendChild(m),t.appendChild(p)}return s(E.controls,"pip")&&O.pip&&t.appendChild(X("pip")),s(E.controls,"airplay")&&O.airplay&&t.appendChild(X("airplay")),s(E.controls,"fullscreen")&&t.appendChild(X("fullscreen")),nt.elements.controls=t,t}function z(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(!j.object(nt.quality)&&(nt.quality={available:e,current:t},j.array(e)&&e.length)){var s=e.filter(function(e){return["tiny","small"].indexOf(e)===-1}),l=s.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("")});l.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">',E.i18n.quality,"</button>","</li>"].join("")),R(E.selectors.menu.quality).innerHTML=l.join("")}}function $(){if(nt.supported.full&&("audio"!==nt.type||E.fullscreen.allowAudio)&&E.fullscreen.enabled){var e=O.fullscreen;e||E.fullscreen.fallback&&!V()?(lt((e?"Native":"Fallback")+" fullscreen enabled"),m(nt.elements.container,E.classes.fullscreen.enabled,!0)):lt("Fullscreen not supported and fallback disabled"),nt.elements.buttons&&nt.elements.buttons.fullscreen&&w(nt.elements.buttons.fullscreen,!1),D()}}function G(e){j.event(e)&&(e=e.target),e.activeCues[0]&&"text"in e.activeCues[0]?te(e.activeCues[0].getCueAsHTML()):te()}function Z(){if("video"===nt.type){R(E.selectors.captions)||nt.elements.wrapper.insertAdjacentHTML("afterbegin",'<div class="'+p(E.selectors.captions)+'"></div>'),nt.captions.textTracks=!1,nt.elements.media.textTracks&&(nt.captions.textTracks=!0);var e=[],t="";if(nt.elements.media.childNodes.forEach(function(t){"track"===t.nodeName.toLowerCase()&&("captions"!==t.kind&&"subtitles"!==t.kind||e.push(t.getAttribute("src")))}),nt.captions.exist=!0,0===e.length?(nt.captions.exist=!1,lt("No caption track found")):Number(E.captions.selectedIndex)+1>e.length?(nt.captions.exist=!1,lt("Caption index out of bound")):(t=e[E.captions.selectedIndex],lt("Caption track found; URI: "+t)),nt.captions.exist){var n=nt.elements.media.textTracks;if([].forEach.call(n,function(e){h(e,"cuechange",G),e.mode="hidden"}),ae(nt),(nt.browser.isIE&&nt.browser.version>=10||nt.browser.isFirefox&&nt.browser.version>=31)&&(lt("Detected browser with known TextTrack issues - using manual fallback"),nt.captions.textTracks=!1),nt.captions.textTracks){lt("TextTracks supported");var a=n[E.captions.selectedIndex];"captions"!==a.kind&&"subtitles"!==a.kind||(g(a,"cuechange",G),a.activeCues&&a.activeCues.length>0&&G(a))}else if(lt("TextTracks not supported so rendering captions manually"),nt.captions.current="",nt.captions.captions=[],""!==t){var s=new XMLHttpRequest;s.onreadystatechange=function(){if(4===s.readyState)if(200===s.status){var e=s.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.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.captions.shift(),lt("Successfully loaded the caption file via AJAX")}else it(E.logPrefix+"There was a problem loading the caption file via AJAX")},s.open("get",t,!0),s.send()}}else m(nt.elements.container,E.classes.captions.enabled)}}function ee(e){E.captions.selectedIndex=e||E.captions.selectedIndex,te(),Z()}function te(e){var t=R(E.selectors.captions);if(j.htmlElement(t)){var n=c("span");t.innerHTML="",j.undefined(e)&&(e=""),j.string(e)?n.innerHTML=e.trim():n.appendChild(e),t.appendChild(n)}}function ne(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 s(n[t])}function n(e){return t(e,0)}function a(e){return t(e,1)}function s(e){if(j.undefined(e))return 0;var t=[],n=[],a=0;t=e.split(","),n=t[0].split(":");for(var s=0,l=n.length;s<l;s++)a+=Math.floor(n[s]*Math.pow(60,l-(s+1)));return a}if(!nt.captions.textTracks&&"video"===nt.type&&nt.supported.full&&(nt.captions.count=0,e=j.number(e)?e:nt.elements.media.currentTime,nt.captions.captions[nt.captions.count])){for(;a(nt.captions.captions[nt.captions.count][0])<e.toFixed(1);)if(nt.captions.count++,nt.captions.count>nt.captions.captions.length-1){nt.captions.count=nt.captions.captions.length-1;break}nt.elements.media.currentTime.toFixed(1)>=n(nt.captions[nt.subcount][0])&&nt.elements.media.currentTime.toFixed(1)<=a(nt.captions[nt.subcount][0])?(nt.captions.current=nt.captions.captions[nt.captions.count][1],te(nt.captions.current)):te()}}function ae(){if(nt.elements.buttons.captions){m(nt.elements.container,E.classes.captions.enabled,!0);var e=nt.storage.captions;j.boolean(e)||(e=E.captions.defaultActive),e&&(m(nt.elements.container,E.classes.captions.active,!0),w(nt.elements.buttons.captions,!0))}}function se(e){nt.supported.full&&nt.elements.buttons.captions&&(j.boolean(e)||(e=nt.elements.container.className.indexOf(E.classes.captions.active)===-1),nt.captions.enabled=e,w(nt.elements.buttons.captions,nt.captionsEnabled),m(nt.elements.container,E.classes.captions.active,nt.captionsEnabled),q(nt.elements.container,nt.captionsEnabled?"captionsenabled":"captionsdisabled",!0),ce({captions:nt.captions.enabled}))}function le(){if(E.loadSprite){var e=W();e.absolute?(lt("AJAX loading absolute SVG sprite"+(nt.browser.isIE?" (due to IE)":"")),_(e.url,"sprite-plyr")):lt("Sprite will be used as external resource directly")}s(E.controls,"play-large")&&(nt.elements.buttons.playLarge=X("play-large"),nt.elements.container.appendChild(nt.elements.buttons.playLarge)),nt.id=Math.floor(1e4*Math.random());var n,a=Q({id:nt.id,seektime:E.seekTime,speed:Ce(),quality:"HD",captions:"English",loop:"None"});if(j.string(E.selectors.controls.container)&&(n=t.querySelector(E.selectors.controls.container)),j.htmlElement(n)||(n=nt.elements.container),n.appendChild(a),E.tooltips.controls)for(var l=M([E.selectors.controls.wrapper," ",E.selectors.labels," .",E.classes.hidden].join("")),i=l.length-1;i>=0;i--){var r=l[i];m(r,E.classes.hidden,!1),m(r,E.classes.tooltip,!0)}}function ie(){m(nt.elements.container,E.selectors.container.replace(".",""),nt.supported.full)}function re(e){e&&s(E.types.html5,nt.type)?nt.elements.media.setAttribute("controls",""):nt.elements.media.removeAttribute("controls")}function oe(e){var t=E.i18n.play;j.string(E.title)&&E.title.length&&(t+=", "+E.title,nt.elements.container.setAttribute("aria-label",E.title)),nt.supported.full&&(j.htmlElement(nt.elements.buttons.play)&&nt.elements.buttons.play.setAttribute("aria-label",t),j.htmlElement(nt.elements.buttons.playLarge)&&nt.elements.buttons.playLarge.setAttribute("aria-label",t)),j.htmlElement(e)&&e.setAttribute("title",E.i18n.frameTitle.replace("{title}",E.title))}function ue(){var t=null;nt.storage={},O.storage&&E.storage.enabled&&(e.localStorage.removeItem("plyr-volume"),t=e.localStorage.getItem(E.storage.key),t&&(/^\d+(\.\d+)?$/.test(t)?ce({volume:parseFloat(t)}):nt.storage=JSON.parse(t)))}function ce(t){O.storage&&E.storage.enabled&&(x(nt.storage,t),e.localStorage.setItem(E.storage.key,JSON.stringify(nt.storage)))}function de(){if(!nt.elements.media)return void it("No media element found!");if(nt.supported.full&&(m(nt.elements.container,E.classes.type.replace("{0}",nt.type),!0),s(E.types.embed,nt.type)&&m(nt.elements.container,E.classes.type.replace("{0}","video"),!0),m(nt.elements.container,E.classes.pip.enabled,O.pip),m(nt.elements.container,E.classes.stopped,E.autoplay),m(nt.elements.container,E.classes.isIos,nt.browser.isIos),m(nt.elements.container,E.classes.isTouch,nt.browser.isTouch),"video"===nt.type)){var e=c("div");e.setAttribute("class",E.classes.videoWrapper),l(nt.elements.media,e),nt.elements.wrapper=e}s(E.types.embed,nt.type)&&pe()}function pe(){var t,n=c("div"),s=nt.type+"-"+Math.floor(1e4*Math.random());switch(nt.type){case"youtube":t=T(nt.embedId);break;case"vimeo":t=S(nt.embedId);break;default:t=nt.embedId}for(var l=M('[id^="'+nt.type+'-"]'),r=l.length-1;r>=0;r--)i(l[r]);if(m(nt.elements.media,E.classes.videoWrapper,!0),m(nt.elements.media,E.classes.embedWrapper,!0),"youtube"===nt.type)nt.elements.media.appendChild(n),n.setAttribute("id",s),j.object(e.YT)?fe(t,n):(a(E.urls.youtube.api),e.onYouTubeReadyCallbacks=e.onYouTubeReadyCallbacks||[],e.onYouTubeReadyCallbacks.push(function(){fe(t,n)}),e.onYouTubeIframeAPIReady=function(){e.onYouTubeReadyCallbacks.forEach(function(e){e()})});else if("vimeo"===nt.type)if(nt.supported.full?nt.elements.media.appendChild(n):n=nt.elements.media,n.setAttribute("id",s),j.object(e.Vimeo))ye(t,n);else{a(E.urls.vimeo.api);var u=e.setInterval(function(){j.object(e.Vimeo)&&(e.clearInterval(u),ye(t,n))},50)}else if("soundcloud"===nt.type){var d=c("iframe");d.loaded=!1,g(d,"load",function(){d.loaded=!0}),o(d,{src:"https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/"+t,id:s}),n.appendChild(d),nt.elements.media.appendChild(n),e.SC||a(E.urls.soundcloud.api);var p=e.setInterval(function(){e.SC&&d.loaded&&(e.clearInterval(p),be.call(d))},50)}}function me(){nt.supported.full&&(Ze(),et()),oe(R("iframe"))}function fe(t,n){nt.embed=new e.YT.Player(n.id,{videoId:t,playerVars:{autoplay:E.autoplay?1:0,controls:nt.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_load_policy:E.captions.defaultActive?1:0,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1,origin:"*"},events:{onError:function(e){q(nt.elements.container,"error",!0,{code:e.data,embed:e.target})},onPlaybackQualityChange:function(e){var t=(e.target,nt.getPlaybackQuality());console.warn(t)},onReady:function(t){t.target;nt.elements.media.play=function(){nt.playVideo(),nt.elements.media.paused=!1},nt.elements.media.pause=function(){nt.pauseVideo(),nt.elements.media.paused=!0},nt.elements.media.stop=function(){nt.stopVideo(),nt.elements.media.paused=!0},nt.elements.media.duration=nt.getDuration(),nt.elements.media.paused=!0,nt.elements.media.currentTime=0,nt.elements.media.muted=nt.isMuted();var n=nt.getPlaybackRate(),a=nt.getAvailablePlaybackRates();console.warn(n,a),E.title=nt.getVideoData().title,nt.supported.full&&nt.elements.media.querySelector("iframe").setAttribute("tabindex","-1"),me(),q(nt.elements.media,"timeupdate"),q(nt.elements.media,"durationchange"),e.clearInterval(at.buffering),at.buffering=e.setInterval(function(){nt.elements.media.buffered=nt.getVideoLoadedFraction(),(null===nt.elements.media.lastBuffered||nt.elements.media.lastBuffered<nt.elements.media.buffered)&&q(nt.elements.media,"progress"),nt.elements.media.lastBuffered=nt.elements.media.buffered,1===nt.elements.media.buffered&&(e.clearInterval(at.buffering),q(nt.elements.media,"canplaythrough"))},200)},onStateChange:function(t){t.target;switch(e.clearInterval(at.playing),t.data){case 0:nt.elements.media.paused=!0,q(nt.elements.media,"ended");break;case 1:nt.elements.media.paused=!1,nt.elements.media.seeking&&q(nt.elements.media,"seeked"),nt.elements.media.seeking=!1,q(nt.elements.media,"play"),q(nt.elements.media,"playing"),at.playing=e.setInterval(function(){nt.elements.media.currentTime=nt.getCurrentTime(),q(nt.elements.media,"timeupdate")},100),nt.elements.media.duration!==nt.getDuration()&&(nt.elements.media.duration=nt.getDuration(),q(nt.elements.media,"durationchange"));var n=nt.getAvailableQualityLevels(),a=nt.getPlaybackQuality();z(n,a);break;case 2:nt.elements.media.paused=!0,q(nt.elements.media,"pause")}q(nt.elements.container,"statechange",!1,{code:t.data})}}})}function ye(t,n){nt.embed=new e.Vimeo.Player(n,{id:parseInt(t),loop:E.loop.active,autoplay:E.autoplay,byline:!1,portrait:!1,title:!1}),nt.elements.media.play=function(){nt.embed.play(),nt.elements.media.paused=!1},nt.elements.media.pause=function(){nt.embed.pause(),nt.elements.media.paused=!0},nt.elements.media.stop=function(){nt.embed.stop(),nt.elements.media.paused=!0},nt.elements.media.paused=!0,nt.elements.media.currentTime=0,me(),nt.embed.getCurrentTime().then(function(e){nt.elements.media.currentTime=e,q(nt.elements.media,"timeupdate")}),nt.embed.getDuration().then(function(e){nt.elements.media.duration=e,q(nt.elements.media,"durationchange")}),nt.embed.on("loaded",function(){j.htmlElement(nt.embed.element)&&nt.supported.full&&nt.embed.element.setAttribute("tabindex","-1")}),nt.embed.on("play",function(){nt.elements.media.paused=!1,q(nt.elements.media,"play"),q(nt.elements.media,"playing")}),nt.embed.on("pause",function(){nt.elements.media.paused=!0,q(nt.elements.media,"pause")}),nt.embed.on("timeupdate",function(e){nt.elements.media.seeking=!1,nt.elements.media.currentTime=e.seconds,q(nt.elements.media,"timeupdate")}),nt.embed.on("progress",function(e){nt.elements.media.buffered=e.percent,q(nt.elements.media,"progress"),1===parseInt(e.percent)&&q(nt.elements.media,"canplaythrough")}),nt.embed.on("seeked",function(){nt.elements.media.seeking=!1,q(nt.elements.media,"seeked"),q(nt.elements.media,"play")}),nt.embed.on("ended",function(){nt.elements.media.paused=!0,q(nt.elements.media,"ended")})}function be(){nt.embed=e.SC.Widget(this),nt.embed.bind(e.SC.Widget.Events.READY,function(){nt.elements.media.play=function(){nt.embed.play(),nt.elements.media.paused=!1},nt.elements.media.pause=function(){nt.embed.pause(),nt.elements.media.paused=!0},nt.elements.media.stop=function(){nt.embed.seekTo(0),nt.embed.pause(),nt.elements.media.paused=!0},nt.elements.media.paused=!0,nt.elements.media.currentTime=0,nt.embed.getDuration(function(e){nt.elements.media.duration=e/1e3,me()}),nt.embed.getPosition(function(e){nt.elements.media.currentTime=e,q(nt.elements.media,"timeupdate")}),nt.embed.bind(e.SC.Widget.Events.PLAY,function(){nt.elements.media.paused=!1,q(nt.elements.media,"play"),q(nt.elements.media,"playing")}),nt.embed.bind(e.SC.Widget.Events.PAUSE,function(){nt.elements.media.paused=!0,q(nt.elements.media,"pause")}),nt.embed.bind(e.SC.Widget.Events.PLAY_PROGRESS,function(e){nt.elements.media.seeking=!1,nt.elements.media.currentTime=e.currentPosition/1e3,q(nt.elements.media,"timeupdate")}),nt.embed.bind(e.SC.Widget.Events.LOAD_PROGRESS,function(e){nt.elements.media.buffered=e.loadProgress,q(nt.elements.media,"progress"),1===parseInt(e.loadProgress)&&q(nt.elements.media,"canplaythrough")}),nt.embed.bind(e.SC.Widget.Events.FINISH,function(){nt.elements.media.paused=!0,q(nt.elements.media,"ended")})})}function ve(){"play"in nt.elements.media&&nt.elements.media.play()}function ge(){"pause"in nt.elements.media&&nt.elements.media.pause()}function he(e){return j.boolean(e)||(e=nt.elements.media.paused),e?ve():ge(),e}function ke(e){s(["start","end","all","none","toggle"],e)||(e="toggle");var n=Number(nt.elements.media.currentTime);switch(e){case"start":E.loop.end&&E.loop.end<=n&&(E.loop.end=null),E.loop.start=n,E.loop.indicator.start=nt.elements.display.played.value;break;case"end":if(E.loop.start>=n)return;E.loop.end=n,E.loop.indicator.end=nt.elements.display.played.value;break;case"all":E.loop.start=0,E.loop.end=nt.elements.media.duration-2,E.loop.indicator.start=0,E.loop.indicator.end=100;break;case"toggle":E.loop.active?(E.loop.start=0,E.loop.end=null):(E.loop.start=0,E.loop.end=nt.elements.media.duration-2);break;default:E.loop.start=0,E.loop.end=null}E.loop.active=j.number(E.loop.start)&&j.number(E.loop.end);var a=(Ve(E.loop.start,R('[data-plyr-loop="start"]')),null);j.number(E.loop.end)&&(a=Ve(E.loop.end,t.querySelector('[data-loop__value="loopout"]'))),E.loop.active}function we(e){if(j.undefined(e)&&(e=nt.storage.speed||E.defaultSpeed),!j.array(E.speeds))return void it("Invalid speeds format");if(!j.number(e)){var t=E.speeds.indexOf(E.currentSpeed);if(t!==-1){var n=t+1;n>=E.speeds.length&&(n=0),e=E.speeds[n]}else e=E.defaultSpeed}E.currentSpeed=e,nt.elements.media.playbackRate=e,ce({speed:e})}function Ce(){return E.currentSpeed.toFixed(1).toString().replace(".0","")+"×"}function xe(e){j.number(e)||(e=E.seekTime),Se(nt.elements.media.currentTime-e)}function Te(e){j.number(e)||(e=E.seekTime),Se(nt.elements.media.currentTime+e)}function Se(e){var t=0,n=nt.elements.media.paused,a=Ee();j.number(e)?t=e:j.event(e)&&s(["input","change"],e.type)&&(t=e.target.value/e.target.max*a),t<0?t=0:t>a&&(t=a),We(t);try{nt.elements.media.currentTime=t.toFixed(4)}catch(e){}if(s(E.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&&ge(),q(nt.elements.media,"timeupdate"),nt.elements.media.seeking=!0,q(nt.elements.media,"seeking")}lt("Seeking to "+nt.elements.media.currentTime+" seconds"),ne(t)}function Ee(){var e=parseInt(E.duration),t=0;return null===nt.elements.media.duration||isNaN(nt.elements.media.duration)||(t=nt.elements.media.duration),isNaN(e)?t:e}function _e(){m(nt.elements.container,E.classes.playing,!nt.elements.media.paused),m(nt.elements.container,E.classes.stopped,nt.elements.media.paused),Ye(nt.elements.media.paused)}function Ae(){F={x:e.pageXOffset||0,y:e.pageYOffset||0}}function Ie(){e.scrollTo(F.x,F.y)}function Pe(e){var n=O.fullscreen;if(n){if(!e||e.type!==N.eventType)return N.isFullScreen(nt.elements.container)?N.cancelFullScreen():(Ae(),N.requestFullScreen(nt.elements.container)),void(nt.fullscreen.active=N.isFullScreen(nt.elements.container));nt.fullscreen.active=N.isFullScreen(nt.elements.container)}else nt.fullscreen.active=!nt.fullscreen.active,t.body.style.overflow=nt.fullscreen.active?"hidden":"";m(nt.elements.container,E.classes.fullscreen.active,nt.fullscreen.active),D(nt.fullscreen.active),nt.elements.buttons&&nt.elements.buttons.fullscreen&&w(nt.elements.buttons.fullscreen,nt.fullscreen.active),q(nt.elements.container,nt.fullscreen.active?"enterfullscreen":"exitfullscreen",!0),!nt.fullscreen.active&&n&&Ie()}function Ne(e){if(j.boolean(e)||(e=!nt.elements.media.muted),w(nt.elements.buttons.mute,e),nt.elements.media.muted=e,0===nt.elements.media.volume&&Fe(E.volume),s(E.types.embed,nt.type)){switch(nt.type){case"youtube":nt.embed[nt.elements.media.muted?"mute":"unMute"]();break;case"vimeo":case"soundcloud":nt.embed.setVolume(nt.elements.media.muted?0:parseFloat(E.volume/10))}q(nt.elements.media,"volumechange")}}function Fe(e){var t=10,n=0;if(j.undefined(e)&&(e=nt.storage.volume),(null===e||isNaN(e))&&(e=E.volume),e>t&&(e=t),e<n&&(e=n),nt.elements.media.volume=parseFloat(e/t),nt.elements.display.volume&&(nt.elements.display.volume.value=e),s(E.types.embed,nt.type)){switch(nt.type){case"youtube":nt.embed.setVolume(100*nt.elements.media.volume);break;case"vimeo":case"soundcloud":nt.embed.setVolume(nt.elements.media.volume)}q(nt.elements.media,"volumechange")}0===e?nt.elements.media.muted=!0:nt.elements.media.muted&&e>0&&Ne()}function Le(e){var t=nt.elements.media.muted?0:10*nt.elements.media.volume;j.number(e)||(e=1),Fe(t+e)}function je(e){var t=nt.elements.media.muted?0:10*nt.elements.media.volume;j.number(e)||(e=1),Fe(t-e)}function Oe(){var e=nt.elements.media.muted?0:10*nt.elements.media.volume;nt.supported.full&&(nt.elements.inputs.volume&&(nt.elements.inputs.volume.value=e),nt.elements.display.volume&&(nt.elements.display.volume.value=e)),ce({volume:e}),m(nt.elements.container,E.classes.muted,0===e),nt.supported.full&&nt.elements.buttons.mute&&w(nt.elements.buttons.mute,0===e)}function qe(e){var t="waiting"===e.type;clearTimeout(at.loading),at.loading=setTimeout(function(){m(nt.elements.container,E.classes.loading,t),Ye(t)},t?250:0)}function Me(e){if(nt.supported.full){var t=nt.elements.display.played,n=0,a=Ee();if(e)switch(e.type){case"timeupdate":case"seeking":if(nt.elements.controls.pressed)return;n=C(nt.elements.media.currentTime,a),"timeupdate"===e.type&&nt.elements.inputs.seek&&(nt.elements.inputs.seek.value=n);break;case"playing":case"progress":t=nt.elements.display.buffer,n=function(){var e=nt.elements.media.buffered;return e&&e.length?C(e.end(0),a):j.number(e)?100*e:0}()}j.number(E.loop.start)&&j.number(E.loop.end)&&nt.elements.media.currentTime>=E.loop.end&&Se(E.loop.start),Re(t,n)}}function Re(e,t){if(nt.supported.full){if(j.undefined(t)&&(t=0),j.undefined(e)){if(!j.htmlElement(nt.elements.display.buffer))return;e=nt.elements.display.buffer}if(j.htmlElement(e)){e.value=t;var n=e.getElementsByTagName("span")[0];j.htmlElement(n)&&(n.childNodes[0].nodeValue=t)}}}function Ve(e,t){if(t){isNaN(e)&&(e=0);var n=parseInt(e%60),a=parseInt(e/60%60),s=parseInt(e/60/60%60),l=parseInt(Ee()/60/60%60)>0;n=("0"+n).slice(-2),a=("0"+a).slice(-2);var i=(l?s+":":"")+a+":"+n;return t.innerHTML=i,i}}function De(){if(nt.supported.full){var e=Ee()||0;!nt.elements.display.duration&&E.displayDuration&&nt.elements.media.paused&&Ve(e,nt.elements.display.currentTime),nt.elements.display.duration&&Ve(e,nt.elements.display.duration),Be()}}function He(e){Ve(nt.elements.media.currentTime,nt.elements.display.currentTime),e&&"timeupdate"===e.type&&nt.elements.media.seeking||Me(e)}function We(e){j.number(e)||(e=0);var t=Ee(),n=C(e,t);nt.elements.progress&&nt.elements.display.played&&(nt.elements.display.played.value=n),nt.elements.buttons&&nt.elements.inputs.seek&&(nt.elements.inputs.seek.value=n)}function Be(e){var t=Ee();if(E.tooltips.seek&&nt.elements.progress.container&&0!==t){var n=nt.elements.progress.container.getBoundingClientRect(),a=0,l=E.classes.tooltip+"--visible";if(e)a=100/n.width*(e.pageX-n.left);else{if(!f(nt.elements.display.seekTooltip,l))return;a=nt.elements.display.seekTooltip.style.left.replace("%","")}a<0?a=0:a>100&&(a=100),Ve(t/100*a,nt.elements.display.seekTooltip),nt.elements.display.seekTooltip.style.left=a+"%",e&&s(["mouseenter","mouseleave"],e.type)&&m(nt.elements.display.seekTooltip,l,"mouseenter"===e.type)}}function Ye(t){if(E.hideControls&&"audio"!==nt.type){ +var n=0,a=!1,l=t,i=f(nt.elements.container,E.classes.loading);if(j.boolean(t)||(t&&t.type?(a="enterfullscreen"===t.type,l=s(["mousemove","touchstart","mouseenter","focus"],t.type),s(["mousemove","touchmove"],t.type)&&(n=2e3),"focus"===t.type&&(n=3e3)):l=f(nt.elements.container,E.classes.hideControls)),e.clearTimeout(at.hover),l||nt.elements.media.paused||i){if(m(nt.elements.container,E.classes.hideControls,!1),nt.elements.media.paused||i)return;nt.browser.isTouch&&(n=3e3)}l&&nt.elements.media.paused||(at.hover=e.setTimeout(function(){(!nt.elements.controls.pressed&&!nt.elements.controls.hover||a)&&m(nt.elements.container,E.classes.hideControls,!0)},n))}}function Xe(e){if(!j.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.elements.media.currentSrc}return t||""}function Ue(e){function t(){if(nt.embed=null,i(nt.elements.media),"video"===nt.type&&nt.elements.wrapper&&i(nt.elements.wrapper),nt.elements.container&&nt.elements.container.removeAttribute("class"),"type"in e&&(nt.type=e.type,"video"===nt.type)){var t=e.sources[0];"type"in t&&s(E.types.embed,t.type)&&(nt.type=t.type)}switch(nt.supported=A(nt.type),nt.type){case"video":nt.elements.media=c("video");break;case"audio":nt.elements.media=c("audio");break;case"youtube":case"vimeo":case"soundcloud":nt.elements.media=c("div"),nt.embedId=e.sources[0].src}r(nt.elements.container,nt.elements.media),j.boolean(e.autoplay)&&(E.autoplay=e.autoplay),s(E.types.html5,nt.type)&&(E.crossorigin&&nt.elements.media.setAttribute("crossorigin",""),E.autoplay&&nt.elements.media.setAttribute("autoplay",""),"poster"in e&&nt.elements.media.setAttribute("poster",e.poster),E.loop.active&&nt.elements.media.setAttribute("loop","")),m(nt.elements.container,E.classes.fullscreen.active,nt.fullscreen.active),m(nt.elements.container,E.classes.captions.active,nt.captionsEnabled),ie(),s(E.types.html5,nt.type)&&H("source",e.sources),de(),s(E.types.html5,nt.type)&&("tracks"in e&&H("track",e.tracks),nt.elements.media.load()),(s(E.types.html5,nt.type)||s(E.types.embed,nt.type)&&!nt.supported.full)&&(Ze(),et()),E.title=e.title,oe()}return j.object(e)&&"sources"in e&&e.sources.length?(m(nt.elements.container,E.classes.ready,!1),ge(),We(),Re(),ze(),void $e(t,!1)):void it("Invalid source format")}function Je(e){"video"===nt.type&&nt.elements.media.setAttribute("poster",e)}function Ke(){function n(){var e=he(),t=nt.elements.buttons[e?"play":"pause"],n=nt.elements.buttons[e?"pause":"play"];if(n=n&&n.length>1?n[n.length-1]:n[0]){var a=f(t,E.classes.tabFocus);setTimeout(function(){n.focus(),a&&(m(t,E.classes.tabFocus,!1),m(n,E.classes.tabFocus,!0))},100)}}function a(){var e=t.activeElement;return e=e&&e!==t.body?t.querySelector(":focus"):null}function l(e){return e.keyCode?e.keyCode:e.which}function r(e){for(var t in nt.elements.buttons){var n=nt.elements.buttons[t];if(j.nodeList(n))for(var a=0;a<n.length;a++)m(n[a],E.classes.tabFocus,n[a]===e);else m(n,E.classes.tabFocus,n===e)}}function o(e){function t(){var e=nt.elements.media.duration;j.number(e)&&Se(e/10*(i-48))}var i=l(e),r="keydown"===e.type,o=r&&i===c;if(j.number(i))if(r){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(s(d,i)){var p=a();if(j.htmlElement(p)&&"radio"===a().type)return}switch(s(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:o||t();break;case 32:case 75:o||n();break;case 38:Le();break;case 40:je();break;case 77:o||Ne();break;case 39:Te();break;case 37:xe();break;case 70:Pe();break;case 67:o||se();break;case 73:ke("start");break;case 76:ke();break;case 79:ke("end")}!O.fullscreen&&nt.fullscreen.active&&27===i&&Pe(),c=i}else c=null}var u=nt.browser.isIE?"change":"input";if(E.keyboardShortcuts.focused){var c=null;E.keyboardShortcuts.global&&g(e,"keydown keyup",function(e){var t=l(e),n=a(),i=[48,49,50,51,52,53,54,56,57,75,77,70,67,73,76,79],r=P().length;1!==r||!s(i,t)||j.htmlElement(n)&&y(n,E.selectors.editable)||o(e)}),g(nt.elements.container,"keydown keyup",o)}g(e,"keyup",function(e){var t=l(e),n=a();9===t&&r(n)}),g(t.body,"click",function(){m(R("."+E.classes.tabFocus),E.classes.tabFocus,!1)});for(var d in nt.elements.buttons){var p=nt.elements.buttons[d];g(p,"blur",function(){m(p,"tab-focus",!1)})}b(nt.elements.buttons.play,"click",E.listeners.play,n),b(nt.elements.buttons.playLarge,"click",E.listeners.play,n),b(nt.elements.buttons.pause,"click",E.listeners.pause,n),b(nt.elements.buttons.restart,"click",E.listeners.restart,Se),b(nt.elements.buttons.rewind,"click",E.listeners.rewind,xe),b(nt.elements.buttons.forward,"click",E.listeners.forward,Te),b(nt.elements.buttons.speed,"click",E.listeners.speed,function(){}),b(nt.elements.inputs.seek,u,E.listeners.seek,Se),b(nt.elements.inputs.volume,u,E.listeners.volume,function(){Fe(nt.elements.inputs.volume.value)}),b(nt.elements.buttons.mute,"click",E.listeners.mute,Ne),b(nt.elements.buttons.fullscreen,"click",E.listeners.fullscreen,Pe),b(nt.elements.buttons.loop,"click",E.listeners.loop,function(e){var t=e.target.getAttribute("data-loop__value")||e.target.getAttribute("data-loop__type");s(["start","end","all","none"],t)&&ke(t)}),O.fullscreen&&g(t,N.eventType,Pe),b(nt.elements.buttons.captions,"click",E.listeners.captions,se),b(nt.elements.buttons.lang,"click",E.listeners.lang,function(e){var t=e.target.attributes.getNamedItem("data-index").value;ee(t)}),g(nt.elements.buttons.settings,"click",function(n){var a=this,s=n.target,l=t.getElementById(s.getAttribute("aria-controls")),r="false"===s.getAttribute("aria-expanded");if(j.htmlElement(l)){var o,u,c,d="tabpanel"===l.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=l.cloneNode(!0);m.style.position="absolute",m.style.opacity=0,m.setAttribute("aria-hidden",!1),c.appendChild(m),o=m.scrollWidth,u=m.scrollHeight,i(m)}l.setAttribute("aria-hidden",!r),s.setAttribute("aria-expanded",r),l.setAttribute("tabindex",0),d&&(c.style.width=o+"px",c.style.height=u+"px",e.setTimeout(function(){c.style.width="",c.style.height=""},300))}}),g(nt.elements.buttons.pip,"click",function(){nt.elements.media.webkitSetPresentationMode("picture-in-picture"===nt.elements.media.webkitPresentationMode?"inline":"picture-in-picture")}),g(nt.elements.progress.container,"mouseenter mouseleave mousemove",Be),E.hideControls&&(g(nt.elements.container,"mouseenter mouseleave mousemove touchstart touchend touchcancel touchmove enterfullscreen",Ye),g(nt.elements.controls,"mouseenter mouseleave",function(e){nt.elements.controls.hover="mouseenter"===e.type}),g(nt.elements.controls,"mousedown mouseup touchstart touchend touchcancel",function(e){nt.elements.controls.pressed=s(["mousedown","touchstart"],e.type)}),g(nt.elements.controls,"focus blur",Ye,!0)),g(nt.elements.inputs.volume,"wheel",function(e){e.preventDefault();var t=e.webkitDirectionInvertedFromDevice,n=.2;(e.deltaY<0||e.deltaX>0)&&(t?je(n):Le(n)),(e.deltaY>0||e.deltaX<0)&&(t?Le(n):je(n))})}function Qe(){if(g(nt.elements.media,"timeupdate seeking",He),g(nt.elements.media,"timeupdate",ne),g(nt.elements.media,"durationchange loadedmetadata",De),g(nt.elements.media,"ended",function(){"video"===nt.type&&E.showPosterOnEnd&&("video"===nt.type&&te(),Se(),nt.elements.media.load())}),g(nt.elements.media,"progress playing",Me),g(nt.elements.media,"volumechange",Oe),g(nt.elements.media,"play pause ended",_e),g(nt.elements.media,"waiting canplay seeked",qe),E.clickToPlay&&"audio"!==nt.type){var e=R("."+E.classes.videoWrapper);if(!e)return;e.style.cursor="pointer",g(e,"click",function(){E.hideControls&&nt.browser.isTouch&&!nt.elements.media.paused||(nt.elements.media.paused?ve():nt.elements.media.ended?(Se(),ve()):ge())})}E.disableContextMenu&&g(nt.elements.media,"contextmenu",function(e){e.preventDefault()}),g(nt.elements.media,E.events.concat(["keyup","keydown"]).join(" "),function(e){q(nt.elements.container,e.type,!0)})}function ze(){if(s(E.types.html5,nt.type)){for(var e=nt.elements.media.querySelectorAll("source"),t=0;t<e.length;t++)i(e[t]);nt.elements.media.setAttribute("src","https://cdn.selz.com/plyr/blank.mp4"),nt.elements.media.load(),lt("Cancelled network requests")}}function $e(n,a){function s(){j.boolean(a)||(a=!0),j.function(n)&&n.call(st),a&&(nt.init=!1,nt.elements.container.parentNode.replaceChild(st,nt.elements.container),t.body.style.overflow="",q(st,"destroyed",!0))}if(!nt.init)return null;switch(nt.type){case"youtube":e.clearInterval(at.buffering),e.clearInterval(at.playing),nt.embed.destroy(),s();break;case"vimeo":nt.embed.unload().then(s),e.setTimeout(s,200);break;case"video":case"audio":re(!0),s()}}function Ge(){if(nt.init)return null;if(nt.browser=n(),j.htmlElement(nt.elements.media)){ue();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,E.crossorigin=null!==v.getAttribute("crossorigin"),E.autoplay=E.autoplay||null!==v.getAttribute("autoplay"),E.loop=E.loop||null!==v.getAttribute("loop")),nt.supported=A(nt.type),nt.supported.basic&&(nt.elements.container=l(v,c("div")),nt.elements.container.setAttribute("tabindex",0),ie(),lt(""+nt.browser.name+" "+nt.browser.version),de(),(s(E.types.html5,nt.type)||s(E.types.embed,nt.type)&&!nt.supported.full)&&(Ze(),et(),oe()),nt.init=!0)}}function Ze(){return nt.supported.full?(j.htmlElement(R(E.selectors.controls.wrapper))||(le(),Ke()),Qe(),re(),$(),Z(),ee(),Fe(),Oe(),we(),ke(),He(),void _e()):(it("Basic support only",nt.type),i(R(E.selectors.controls.wrapper)),i(R(E.selectors.buttons.play)),void re(!0))}function et(){e.setTimeout(function(){q(nt.elements.media,"ready")},0),m(nt.elements.media,L.classes.setup,!0),m(nt.elements.container,E.classes.ready,!0),nt.elements.media.plyr=tt,E.autoplay&&ve()}var tt,nt=this,at={};nt.fullscreen={active:!1},nt.elements={buttons:{},display:{},progress:{},inputs:{},settings:{tabs:{},panes:{}},media:v},nt.captions={enabled:!1,textTracks:!1,captions:[]};var st=v.cloneNode(!0),lt=function(){I("log",arguments)},it=function(){I("warn",arguments)};return lt("Config",E),lt("Support",O),tt={getOriginal:function(){return st},getContainer:function(){return nt.elements.container},getEmbed:function(){return nt.embed},getMedia:function(){return nt.elements.media},getType:function(){return nt.type},getDuration:Ee,getCurrentTime:function(){return nt.elements.media.currentTime},getVolume:function(){return nt.elements.media.volume},isMuted:function(){return nt.elements.media.muted},isReady:function(){return f(nt.elements.container,E.classes.ready)},isLoading:function(){return f(nt.elements.container,E.classes.loading)},isPaused:function(){return nt.elements.media.paused},isLooping:function(){return E.loop.active},on:function(e,t){return g(nt.elements.container,e,t),this},play:ve,pause:ge,loop:ke,stop:function(){ge(),Se()},restart:Se,rewind:xe,forward:Te,seek:Se,source:Xe,poster:Je,setVolume:Fe,setSpeed:we,togglePlay:he,toggleMute:Ne,toggleCaptions:se,toggleFullscreen:Pe,toggleControls:Ye,setCaptionIndex:ee,isFullscreen:function(){return nt.fullscreen.active||!1},support:function(e){return O.mime(nt,e)},destroy:$e},Ge(),nt.init?tt:null}function _(e,n){var a=new XMLHttpRequest;if(!j.string(n)||!j.htmlElement(t.querySelector("#"+n))){var s=c("div");s.setAttribute("hidden",""),j.string(n)&&s.setAttribute("id",n),t.body.insertBefore(s,t.body.childNodes[0]),"withCredentials"in a&&(a.open("GET",e,!0),a.onload=function(){s.innerHTML=a.responseText},a.send())}}function A(e){var t,a,s=n(),l=s.isIE&&s.version<=9,i=s.isIos,r=/iPhone|iPod/i.test(navigator.userAgent),o=!!c("audio").canPlayType,u=!!c("video").canPlayType;switch(e){case"video":t=u,a=t&&!l&&!r;break;case"audio":t=o,a=t&&!l;break;case"vimeo":case"youtube":case"soundcloud":t=!0,a=!l&&!i;break;default:t=o&&u,a=t&&!l}return{basic:t,full:a}}function I(e,n){function a(e,t){f(t,L.classes.hook)||s.push({target:e,media:t})}var s=[],l=[],i=[L.selectors.html5,L.selectors.embed].join(",");if(j.string(e)?e=t.querySelectorAll(e):j.htmlElement(e)?e=[e]:j.nodeList(e)||j.array(e)||j.string(e)||(j.undefined(n)&&j.object(e)&&(n=e),e=t.querySelectorAll(i)),j.nodeList(e)&&(e=Array.prototype.slice.call(e)),!A().basic||!e.length)return!1;for(var r=0;r<e.length;r++){var o=e[r],u=o.querySelectorAll(i);if(u.length)for(var c=0;c<u.length;c++)a(o,u[c]);else y(o,i)&&a(o,o)}return s.forEach(function(e){var t=e.target,a=e.media,s=!1;a===t&&(s=!0);var i={};try{i=JSON.parse(t.getAttribute("data-plyr"))}catch(e){}var r=x({},L,n,i);if(!r.enabled)return null;var o=new E(a,r);if(j.object(o)){if(r.debug){var u=r.events.concat(["setup","statechange","enterfullscreen","exitfullscreen","captionsenabled","captionsdisabled"]);g(e.getContainer(),u.join(" "),function(e){console.log([r.logPrefix,"event:",e.type].join(" "),e.detail.plyr)})}k(e.getContainer(),"setup",!0,{plyr:o}),l.push(o)}}),l}function P(e){if(j.string(e)?e=t.querySelector(e):j.undefined(e)&&(e=t.body),j.htmlElement(e)){var n=e.querySelectorAll("."+L.classes.setup),a=[];return Array.prototype.slice.call(n).forEach(function(e){j.object(e.plyr)&&a.push(e.plyr)}),a}return[]}var N,F={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.player.io/2.0.10/player.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:{currentTime:".plyr__time--current",duration:".plyr__time--duration",buffer:".plyr__progress--buffer",played:".plyr__progress--played",loop:".plyr__progress--loop",volume:".plyr__volume--display"},progress:".plyr__progress",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:""},j={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 j.function(t.cancelFullScreen)?e="":["webkit","o","moz","ms","khtml"].some(function(n){return j.function(t[n+"CancelFullScreen"])?(e=n,!0):j.function(t.msExitFullscreen)&&t.msFullscreenEnabled?(e="ms",!0):void 0}),e}();N={prefix:e,eventType:"ms"===e?"MSFullscreenChange":e+"fullscreenchange",isFullScreen:function(n){if(!O.fullscreen)return!1;switch(j.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!!O.fullscreen&&(j.htmlElement(n)||(n=t.body),console.log(e),""===e?n.requestFullScreen():n[e+("ms"===e?"RequestFullscreen":"RequestFullScreen")]())},cancelFullScreen:function(){return!!O.fullscreen&&(""===e?t.cancelFullScreen():t[e+("ms"===e?"ExitFullscreen":"CancelFullScreen")]())},element:function(){return O.fullscreen?""===e?t.fullscreenElement:t[e+"FullscreenElement"]:null}}}();var O={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 j.function(c("video").webkitSetPresentationMode)}(),airplay:function(){return j.function(e.WebKitPlaybackTargetAvailabilityEvent)}(),mime:function(e,t){var n=e.media;try{if(!j.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:I,supported:A,loadSprite:_,get:P}}),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 9f966db8..ccc4bdee 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -826,9 +826,9 @@ })(), // Check for mime type support against a player instance // Credits: http://diveintohtml5.info/everything.html - // Related: http://www.leanbackplyr.com/test/h5mt.html - mime: function(plyr, type) { - var media = plyr.media; + // Related: http://www.leanbackplayer.com/test/h5mt.html + mime: function(player, type) { + var media = player.media; try { // Bail if no checking function @@ -837,7 +837,7 @@ } // Type specific checks - if (plyr.type === 'video') { + if (player.type === 'video') { switch (type) { case 'video/webm': return media.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/no/, ''); @@ -846,7 +846,7 @@ case 'video/ogg': return media.canPlayType('video/ogg; codecs="theora"').replace(/no/, ''); } - } else if (plyr.type === 'audio') { + } else if (player.type === 'audio') { switch (type) { case 'audio/mpeg': return media.canPlayType('audio/mpeg;').replace(/no/, ''); @@ -867,12 +867,16 @@ // Player instance function Plyr(media, config) { - var plyr = this; + var player = this; var timers = {}; var api; + player.fullscreen = { + active: false + }; + // Elements cache - var elements = { + player.elements = { buttons: {}, display: {}, progress: {}, @@ -880,20 +884,20 @@ settings: { tabs: {}, panes: {} - } + }, + media: media + }; + + // Captions + player.captions = { + enabled: false, + textTracks: false, + captions: [] }; // Set media - plyr.media = media; var original = media.cloneNode(true); - // Trigger events, with plyr instance passed - function trigger(element, type, bubbles, properties) { - event(element, type, bubbles, extend({}, properties, { - plyr: api - })); - } - // Debugging function logger(type, args) { if (config.debug && window.console) { @@ -912,14 +916,20 @@ var warn = function() { logger('warn', arguments); }; - // Log config options and support log('Config', config); log('Support', support); + // Trigger events, with plyr instance passed + function trigger(element, type, bubbles, properties) { + event(element, type, bubbles, extend({}, properties, { + plyr: api + })); + } + // Find all elements function getElements(selector) { - return plyr.container.querySelectorAll(selector); + return player.elements.container.querySelectorAll(selector); } // Find a single element @@ -938,13 +948,13 @@ // Trap focus inside container function focusTrap() { - var tabbables = getElements('input:not([disabled]), button:not([disabled])'), - first = tabbables[0], - last = tabbables[tabbables.length - 1]; + var tabbables = getElements('input:not([disabled]), button:not([disabled])'); + var first = tabbables[0]; + var last = tabbables[tabbables.length - 1]; function checkFocus(event) { // If it is TAB - if (event.which === 9 && plyr.isFullscreen) { + if (event.which === 9 && player.fullscreen.active) { if (event.target === last && !event.shiftKey) { // Move focus to first element that can be tabbed if Shift isn't used event.preventDefault(); @@ -958,18 +968,18 @@ } // Bind the handler - on(plyr.container, 'keydown', checkFocus); + on(player.elements.container, 'keydown', checkFocus); } // Add elements to HTML5 media (source, tracks, etc) function insertElements(type, attributes) { if (is.string(attributes)) { - insertElement(type, plyr.media, { + insertElement(type, player.elements.media, { src: attributes }); } else if (is.array(attributes)) { attributes.forEach(function(attribute) { - insertElement(type, plyr.media, attribute); + insertElement(type, player.elements.media, attribute); }); } } @@ -978,7 +988,7 @@ function getIconUrl() { return { url: config.iconUrl, - absolute: (config.iconUrl.indexOf("http") === 0) || plyr.browser.isIE + absolute: (config.iconUrl.indexOf("http") === 0) || player.browser.isIE }; } @@ -1093,7 +1103,7 @@ // Set element attributes setAttributes(button, attributes); - elements.buttons[type] = button; + player.elements.buttons[type] = button; return button; } @@ -1118,7 +1128,7 @@ value: 0 }, attributes)); - elements.inputs[type] = input; + player.elements.inputs[type] = input; return { label: label, @@ -1153,7 +1163,7 @@ progress.appendChild(label); } - elements.display[type] = progress; + player.elements.display[type] = progress; return progress; } @@ -1170,7 +1180,7 @@ container.appendChild(createElement('span', getAttributesFromSelector(config.selectors.display[type]), '00:00')); - elements.display[type] = container; + player.elements.display[type] = container; return container; } @@ -1231,8 +1241,8 @@ container.appendChild(tooltip); } - elements.progress = container; - controls.appendChild(elements.progress); + player.elements.progress = container; + controls.appendChild(player.elements.progress); } // Media current time display @@ -1600,7 +1610,7 @@ controls.appendChild(createButton('fullscreen')); } - elements.controls = controls; + player.elements.controls = controls; return controls; } @@ -1609,11 +1619,11 @@ // Later this will work for HTML5 also // YouTube: "hd2160", "hd1440", "hd1080", "hd720", "large", "medium", "small", "tiny", "auto" function setQualityMenu(available, current) { - if (is.object(plyr.quality)) { + if (is.object(player.quality)) { return; } - plyr.quality = { + player.quality = { available: available, current: current }; @@ -1680,7 +1690,7 @@ return [ '<li>', '<label class="plyr__control">', - '<input type="radio" name="quality" value="' + quality + '"' + (quality === plyr.quality.current ? ' checked' : '') + '>', + '<input type="radio" name="quality" value="' + quality + '"' + (quality === player.quality.current ? ' checked' : '') + '>', getLabel(quality), getBadge(quality), '</label>', @@ -1690,7 +1700,7 @@ list.unshift([ '<li role="tab">', - '<button type="button" class="plyr__control plyr__control--back" aria-haspopup="true" aria-controls="plyr-settings-' + plyr.id + '-primary" aria-expanded="false">', + '<button type="button" class="plyr__control plyr__control--back" aria-haspopup="true" aria-controls="plyr-settings-' + player.id + '-primary" aria-expanded="false">', config.i18n.quality, '</button>', '</li>' @@ -1702,11 +1712,11 @@ // Setup fullscreen function setupFullscreen() { - if (!plyr.supported.full) { + if (!player.supported.full) { return; } - if ((plyr.type !== 'audio' || config.fullscreen.allowAudio) && config.fullscreen.enabled) { + if ((player.type !== 'audio' || config.fullscreen.allowAudio) && config.fullscreen.enabled) { // Check for native support var nativeSupport = support.fullscreen; @@ -1714,14 +1724,14 @@ log((nativeSupport ? 'Native' : 'Fallback') + ' fullscreen enabled'); // Add styling hook - toggleClass(plyr.container, config.classes.fullscreen.enabled, true); + toggleClass(player.elements.container, config.classes.fullscreen.enabled, true); } else { log('Fullscreen not supported and fallback disabled'); } // Toggle state - if (elements.buttons && elements.buttons.fullscreen) { - toggleState(elements.buttons.fullscreen, false); + if (player.elements.buttons && player.elements.buttons.fullscreen) { + toggleState(player.elements.buttons.fullscreen, false); } // Setup focus trap @@ -1747,26 +1757,26 @@ // Setup captions function setupCaptions() { // Bail if not HTML5 video - if (plyr.type !== 'video') { + if (player.type !== 'video') { return; } // Inject the container if (!getElement(config.selectors.captions)) { - plyr.videoContainer.insertAdjacentHTML('afterbegin', '<div class="' + getClassname(config.selectors.captions) + '"></div>'); + player.elements.wrapper.insertAdjacentHTML('afterbegin', '<div class="' + getClassname(config.selectors.captions) + '"></div>'); } // Determine if HTML5 textTracks is supported - plyr.usingTextTracks = false; - if (plyr.media.textTracks) { - plyr.usingTextTracks = true; + player.captions.textTracks = false; + if (player.elements.media.textTracks) { + player.captions.textTracks = true; } // Get URL of caption file if exists var captionSources = [], captionSrc = ''; - plyr.media.childNodes.forEach(function(child) { + player.elements.media.childNodes.forEach(function(child) { if (child.nodeName.toLowerCase() === 'track') { if (child.kind === 'captions' || child.kind === 'subtitles') { captionSources.push(child.getAttribute('src')); @@ -1775,12 +1785,12 @@ }); // Record if caption file exists or not - plyr.captionExists = true; + player.captions.exist = true; if (captionSources.length === 0) { - plyr.captionExists = false; + player.captions.exist = false; log('No caption track found'); } else if ((Number(config.captions.selectedIndex) + 1) > captionSources.length) { - plyr.captionExists = false; + player.captions.exist = false; log('Caption index out of bound'); } else { captionSrc = captionSources[config.captions.selectedIndex]; @@ -1788,10 +1798,10 @@ } // If no caption file exists, hide container for caption text - if (!plyr.captionExists) { - toggleClass(plyr.container, config.classes.captions.enabled); + if (!player.captions.exist) { + toggleClass(player.elements.container, config.classes.captions.enabled); } else { - var tracks = plyr.media.textTracks; + var tracks = player.elements.media.textTracks; // Turn off native caption rendering to avoid double captions // This doesn't seem to work in Safari 7+, so the <track> elements are removed from the dom below @@ -1804,23 +1814,23 @@ }); // Enable UI - showCaptions(plyr); + showCaptions(player); // Disable unsupported browsers than report false positive // Firefox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1033144 - if ((plyr.browser.isIE && plyr.browser.version >= 10) || - (plyr.browser.isFirefox && plyr.browser.version >= 31)) { + if ((player.browser.isIE && player.browser.version >= 10) || + (player.browser.isFirefox && player.browser.version >= 31)) { // Debugging log('Detected browser with known TextTrack issues - using manual fallback'); // Set to false so skips to 'manual' captioning - plyr.usingTextTracks = false; + player.captions.textTracks = false; } // Rendering caption tracks // Native support required - http://caniuse.com/webvtt - if (plyr.usingTextTracks) { + if (player.captions.textTracks) { log('TextTracks supported'); var track = tracks[config.captions.selectedIndex]; @@ -1838,8 +1848,8 @@ log('TextTracks not supported so rendering captions manually'); // Render captions from array at appropriate time - plyr.currentCaption = ''; - plyr.captions = []; + player.captions.current = ''; + player.captions.captions = []; if (captionSrc !== '') { // Create XMLHttpRequest Object @@ -1863,7 +1873,7 @@ var captions = response.split(lineSeparator + lineSeparator); - plyr.captions = captions.map(function(caption) { + player.captions.captions = captions.map(function(caption) { var parts = caption.split(lineSeparator); var index = 0; @@ -1875,7 +1885,7 @@ return [parts[index], parts[index + 1]]; }); - plyr.captions.shift(); + player.captions.captions.shift(); log('Successfully loaded the caption file via AJAX'); } else { @@ -1912,7 +1922,7 @@ return 'No Subs'; } - if (plyr.captionsEnabled || !is.boolean(plyr.captionsEnabled) && plyr.storage.captionsEnabled) { + if (player.captions.enabled || !is.boolean(player.captions.enabled) && player.storage.captions) { return config.tracks[config.captions.selectedIndex].label; } else { return 'Disabled'; @@ -1945,7 +1955,7 @@ captions.appendChild(content); // Force redraw (for Safari) - var redraw = captions.offsetHeight; + // var redraw = captions.offsetHeight; } } @@ -1953,33 +1963,33 @@ // Seek the manual caption time and update UI function seekManualCaptions(time) { // Utilities for caption time codes - function timecodeCommon(tc, pos) { - var tcpair = []; - tcpair = tc.split(' --> '); - for (var i = 0; i < tcpair.length; i++) { + function timecodeCommon(timecode, pos) { + var parts = []; + parts = timecode.split(' --> '); + for (var i = 0; i < parts.length; i++) { // WebVTT allows for extra meta data after the timestamp line // So get rid of this if it exists - tcpair[i] = tcpair[i].replace(/(\d+:\d+:\d+\.\d+).*/, "$1"); + parts[i] = parts[i].replace(/(\d+:\d+:\d+\.\d+).*/, "$1"); } - return subTcSecs(tcpair[pos]); + return subTcSecs(parts[pos]); } - function timecodeMin(tc) { - return timecodeCommon(tc, 0); + function timecodeMin(timecode) { + return timecodeCommon(timecode, 0); } - function timecodeMax(tc) { - return timecodeCommon(tc, 1); + function timecodeMax(timecode) { + return timecodeCommon(timecode, 1); } - function subTcSecs(tc) { - if (tc === null || tc === undefined) { + function subTcSecs(timecode) { + if (is.undefined(timecode)) { return 0; } else { - var tc1 = [], - tc2 = [], - seconds = 0; - tc1 = tc.split(','); + var tc1 = []; + var tc2 = []; + var seconds = 0; + tc1 = timecode.split(','); tc2 = tc1[0].split(':'); for (var i = 0, len = tc2.length; i < len; i++) { @@ -1991,38 +2001,39 @@ } // If it's not video, or we're using textTracks, bail. - if (plyr.usingTextTracks || plyr.type !== 'video' || !plyr.supported.full) { + if (player.captions.textTracks || player.type !== 'video' || !player.supported.full) { return; } // Reset subcount - plyr.subcount = 0; + player.captions.count = 0; // Check time is a number, if not use currentTime // IE has a bug where currentTime doesn't go to 0 // https://twitter.com/Sam_Potts/status/573715746506731521 - time = is.number(time) ? time : plyr.media.currentTime; + time = is.number(time) ? time : player.elements.media.currentTime; // If there's no subs available, bail - if (!plyr.captions[plyr.subcount]) { + if (!player.captions.captions[player.captions.count]) { return; } - while (timecodeMax(plyr.captions[plyr.subcount][0]) < time.toFixed(1)) { - plyr.subcount++; - if (plyr.subcount > plyr.captions.length - 1) { - plyr.subcount = plyr.captions.length - 1; + while (timecodeMax(player.captions.captions[player.captions.count][0]) < time.toFixed(1)) { + player.captions.count++; + + if (player.captions.count > player.captions.captions.length - 1) { + player.captions.count = player.captions.captions.length - 1; break; } } // Check if the next caption is in the current time range - if (plyr.media.currentTime.toFixed(1) >= timecodeMin(plyr.captions[plyr.subcount][0]) && - plyr.media.currentTime.toFixed(1) <= timecodeMax(plyr.captions[plyr.subcount][0])) { - plyr.currentCaption = plyr.captions[plyr.subcount][1]; + if (player.elements.media.currentTime.toFixed(1) >= timecodeMin(player.captions[player.subcount][0]) && + player.elements.media.currentTime.toFixed(1) <= timecodeMax(player.captions[player.subcount][0])) { + player.captions.current = player.captions.captions[player.captions.count][1]; // Render the caption - setCaption(plyr.currentCaption); + setCaption(player.captions.current); } else { setCaption(); } @@ -2031,14 +2042,14 @@ // Display captions container and button (for initialization) function showCaptions() { // If there's no caption toggle, bail - if (!elements.buttons.captions) { + if (!player.elements.buttons.captions) { return; } - toggleClass(plyr.container, config.classes.captions.enabled, true); + toggleClass(player.elements.container, config.classes.captions.enabled, true); // Try to load the value from storage - var active = plyr.storage.captionsEnabled; + var active = player.storage.captions; // Otherwise fall back to the default config if (!is.boolean(active)) { @@ -2046,40 +2057,40 @@ } if (active) { - toggleClass(plyr.container, config.classes.captions.active, true); - toggleState(elements.buttons.captions, true); + toggleClass(player.elements.container, config.classes.captions.active, true); + toggleState(player.elements.buttons.captions, true); } } // Toggle captions function toggleCaptions(show) { // If there's no full support, or there's no caption toggle - if (!plyr.supported.full || !elements.buttons.captions) { + if (!player.supported.full || !player.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); + show = (player.elements.container.className.indexOf(config.classes.captions.active) === -1); } // Set global - plyr.captionsEnabled = show; - elements.buttons.captions_menu.innerHTML = show ? 'Off' : 'On'; + player.captions.enabled = show; + //player.elements.buttons.captions_menu.innerHTML = show ? 'Off' : 'On'; //TODO: display lang getElement('[data-captions="settings"]').innerHTML = getSubsLangValue(); // Toggle state - toggleState(elements.buttons.captions, plyr.captionsEnabled); + toggleState(player.elements.buttons.captions, player.captions.enabled); // Add class hook - toggleClass(plyr.container, config.classes.captions.active, plyr.captionsEnabled); + toggleClass(player.elements.container, config.classes.captions.active, player.captions.enabled); // Trigger an event - trigger(plyr.container, plyr.captionsEnabled ? 'captionsenabled' : 'captionsdisabled', true); + trigger(player.elements.container, player.captions.enabled ? 'captionsenabled' : 'captionsdisabled', true); // Save captions state to localStorage updateStorage({ - captionsEnabled: plyr.captionsEnabled + captions: player.captions.enabled }); } @@ -2091,7 +2102,7 @@ // Only load external sprite using AJAX if (iconUrl.absolute) { - log('AJAX loading absolute SVG sprite' + (plyr.browser.isIE ? ' (due to IE)' : '')); + log('AJAX loading absolute SVG sprite' + (player.browser.isIE ? ' (due to IE)' : '')); loadSprite(iconUrl.url, "sprite-plyr"); } else { log('Sprite will be used as external resource directly'); @@ -2100,16 +2111,16 @@ // Larger overlaid play button if (inArray(config.controls, 'play-large')) { - elements.buttons.playLarge = createButton('play-large'); - plyr.container.appendChild(elements.buttons.playLarge); + player.elements.buttons.playLarge = createButton('play-large'); + player.elements.container.appendChild(player.elements.buttons.playLarge); } // Create a unique ID - plyr.id = Math.floor(Math.random() * 10000); + player.id = Math.floor(Math.random() * 10000); // Create controls var controls = createControls({ - id: plyr.id, + id: player.id, seektime: config.seekTime, speed: getSpeedDisplayValue(), // TODO: Get current quality @@ -2130,7 +2141,7 @@ // Inject into the container by default if (!is.htmlElement(target)) { - target = plyr.container + target = player.elements.container } // Inject controls HTML @@ -2154,10 +2165,10 @@ // TODO: Restore when re-enabling custom HTML /*function findElements() { try { - elements.controls = getElement(config.selectors.controls.wrapper); + player.elements.controls = getElement(config.selectors.controls.wrapper); // Buttons - elements.buttons = { + player.elements.buttons = { play: getElements(config.selectors.buttons.play), pause: getElement(config.selectors.buttons.pause), restart: getElement(config.selectors.buttons.restart), @@ -2174,16 +2185,16 @@ }; // Progress - elements.progress = getElement(config.selectors.progress); + player.elements.progress = getElement(config.selectors.progress); // Inputs - elements.inputs = { + player.elements.inputs = { seek: getElement(config.selectors.inputs.seek), volume: getElement(config.selectors.inputs.volume) }; // Display - elements.display = { + player.elements.display = { buffer: getElement(config.selectors.display.buffer), played: getElement(config.selectors.display.played), volume: getElement(config.selectors.display.volume), @@ -2192,8 +2203,8 @@ }; // Seek tooltip - if (is.htmlElement(elements.progress)) { - elements.display.seekTooltip = elements.progress.querySelector('.' + config.classes.tooltip); + if (is.htmlElement(player.elements.progress)) { + player.elements.display.seekTooltip = player.elements.progress.querySelector('.' + config.classes.tooltip); } return true; @@ -2209,15 +2220,15 @@ // Toggle style hook function toggleStyleHook() { - toggleClass(plyr.container, config.selectors.container.replace('.', ''), plyr.supported.full); + toggleClass(player.elements.container, config.selectors.container.replace('.', ''), player.supported.full); } // Toggle native controls function toggleNativeControls(toggle) { - if (toggle && inArray(config.types.html5, plyr.type)) { - plyr.media.setAttribute('controls', ''); + if (toggle && inArray(config.types.html5, player.type)) { + player.elements.media.setAttribute('controls', ''); } else { - plyr.media.removeAttribute('controls'); + player.elements.media.removeAttribute('controls'); } } @@ -2231,16 +2242,16 @@ label += ', ' + config.title; // Set container label - plyr.container.setAttribute('aria-label', config.title); + player.elements.container.setAttribute('aria-label', config.title); } // If there's a play button, set label - if (plyr.supported.full) { - if (is.htmlElement(elements.buttons.play)) { - elements.buttons.play.setAttribute('aria-label', label); + if (player.supported.full) { + if (is.htmlElement(player.elements.buttons.play)) { + player.elements.buttons.play.setAttribute('aria-label', label); } - if (is.htmlElement(elements.buttons.playLarge)) { - elements.buttons.playLarge.setAttribute('aria-label', label); + if (is.htmlElement(player.elements.buttons.playLarge)) { + player.elements.buttons.playLarge.setAttribute('aria-label', label); } } @@ -2254,7 +2265,7 @@ // Setup localStorage function setupStorage() { var value = null; - plyr.storage = {}; + player.storage = {}; // Bail if we don't have localStorage support or it's disabled if (!support.storage || !config.storage.enabled) { @@ -2273,14 +2284,14 @@ return; } else if (/^\d+(\.\d+)?$/.test(value)) { // If value is a number, it's probably volume from an older - // version of plyr. See: https://github.com/Selz/plyr/pull/313 + // version of player. See: https://github.com/Selz/plyr/pull/313 // Update the key to be JSON updateStorage({ volume: parseFloat(value) }); } else { // Assume it's JSON from this or a later version of plyr - plyr.storage = JSON.parse(value); + player.storage = JSON.parse(value); } } @@ -2292,58 +2303,58 @@ } // Update the working copy of the values - extend(plyr.storage, value); + extend(player.storage, value); // Update storage - window.localStorage.setItem(config.storage.key, JSON.stringify(plyr.storage)); + window.localStorage.setItem(config.storage.key, JSON.stringify(player.storage)); } // Setup media function setupMedia() { // If there's no media, bail - if (!plyr.media) { + if (!player.elements.media) { warn('No media element found!'); return; } - if (plyr.supported.full) { + if (player.supported.full) { // Add type class - toggleClass(plyr.container, config.classes.type.replace('{0}', plyr.type), true); + toggleClass(player.elements.container, config.classes.type.replace('{0}', player.type), true); // Add video class for embeds // This will require changes if audio embeds are added - if (inArray(config.types.embed, plyr.type)) { - toggleClass(plyr.container, config.classes.type.replace('{0}', 'video'), true); + if (inArray(config.types.embed, player.type)) { + toggleClass(player.elements.container, config.classes.type.replace('{0}', 'video'), true); } // Check for picture-in-picture support - toggleClass(plyr.container, config.classes.pip.enabled, support.pip); + toggleClass(player.elements.container, config.classes.pip.enabled, support.pip); // If there's no autoplay attribute, assume the video is stopped and add state class - toggleClass(plyr.container, config.classes.stopped, config.autoplay); + toggleClass(player.elements.container, config.classes.stopped, config.autoplay); // Add iOS class - toggleClass(plyr.container, config.classes.isIos, plyr.browser.isIos); + toggleClass(player.elements.container, config.classes.isIos, player.browser.isIos); // Add touch class - toggleClass(plyr.container, config.classes.isTouch, plyr.browser.isTouch); + toggleClass(player.elements.container, config.classes.isTouch, player.browser.isTouch); // Inject the player wrapper - if (plyr.type === 'video') { + if (player.type === 'video') { // Create the wrapper div var wrapper = createElement('div'); wrapper.setAttribute('class', config.classes.videoWrapper); // Wrap the video in a container - wrap(plyr.media, wrapper); + wrap(player.elements.media, wrapper); // Cache the container - plyr.videoContainer = wrapper; + player.elements.wrapper = wrapper; } } // Embeds - if (inArray(config.types.embed, plyr.type)) { + if (inArray(config.types.embed, player.type)) { setupEmbed(); } } @@ -2352,35 +2363,35 @@ function setupEmbed() { var container = createElement('div'); var mediaId; - var id = plyr.type + '-' + Math.floor(Math.random() * (10000)); + var id = player.type + '-' + Math.floor(Math.random() * (10000)); // Parse IDs from URLs if supplied - switch (plyr.type) { + switch (player.type) { case 'youtube': - mediaId = parseYouTubeId(plyr.embedId); + mediaId = parseYouTubeId(player.embedId); break; case 'vimeo': - mediaId = parseVimeoId(plyr.embedId); + mediaId = parseVimeoId(player.embedId); break; default: - mediaId = plyr.embedId; + mediaId = player.embedId; } // Remove old containers - var containers = getElements('[id^="' + plyr.type + '-"]'); + var containers = getElements('[id^="' + player.type + '-"]'); for (var i = containers.length - 1; i >= 0; i--) { remove(containers[i]); } // Add embed class for responsive - toggleClass(plyr.media, config.classes.videoWrapper, true); - toggleClass(plyr.media, config.classes.embedWrapper, true); + toggleClass(player.elements.media, config.classes.videoWrapper, true); + toggleClass(player.elements.media, config.classes.embedWrapper, true); - if (plyr.type === 'youtube') { + if (player.type === 'youtube') { // Create the YouTube container - plyr.media.appendChild(container); + player.elements.media.appendChild(container); // Set ID container.setAttribute('id', id); @@ -2407,12 +2418,12 @@ }); }; } - } else if (plyr.type === 'vimeo') { + } else if (player.type === 'vimeo') { // Vimeo needs an extra div to hide controls on desktop (which has full support) - if (plyr.supported.full) { - plyr.media.appendChild(container); + if (player.supported.full) { + player.elements.media.appendChild(container); } else { - container = plyr.media; + container = player.elements.media; } // Set ID @@ -2432,7 +2443,7 @@ } else { vimeoReady(mediaId, container); } - } else if (plyr.type === 'soundcloud') { + } else if (player.type === 'soundcloud') { // TODO: Currently unsupported and undocumented // Inject the iframe var soundCloud = createElement('iframe'); @@ -2449,7 +2460,7 @@ }); container.appendChild(soundCloud); - plyr.media.appendChild(container); + player.elements.media.appendChild(container); // Load the API if not already if (!window.SC) { @@ -2469,7 +2480,7 @@ // When embeds are ready function embedReady() { // Setup the UI and call ready if full support - if (plyr.supported.full) { + if (player.supported.full) { setupInterface(); ready(); } @@ -2482,11 +2493,11 @@ function youTubeReady(videoId, container) { // Setup instance // https://developers.google.com/youtube/iframe_api_reference - plyr.embed = new window.YT.Player(container.id, { + player.embed = new window.YT.Player(container.id, { videoId: videoId, playerVars: { autoplay: (config.autoplay ? 1 : 0), - controls: (plyr.supported.full ? 0 : 1), + controls: (player.supported.full ? 0 : 1), rel: 0, showinfo: 0, iv_load_policy: 3, @@ -2499,7 +2510,7 @@ }, events: { 'onError': function(event) { - trigger(plyr.container, 'error', true, { + trigger(player.elements.container, 'error', true, { code: event.data, embed: event.target }); @@ -2508,9 +2519,9 @@ // Get the instance var instance = event.target; - var quality = instance.getPlaybackQuality(); + var quality = player.getPlaybackQuality(); - // var set = instance.setPlaybackQuality(); + // var set = player.setPlaybackQuality(); console.warn(quality); }, 'onReady': function(event) { @@ -2518,45 +2529,45 @@ var instance = event.target; // Create a faux HTML5 API using the YouTube API - plyr.media.play = function() { - instance.playVideo(); - plyr.media.paused = false; + player.elements.media.play = function() { + player.playVideo(); + player.elements.media.paused = false; }; - plyr.media.pause = function() { - instance.pauseVideo(); - plyr.media.paused = true; + player.elements.media.pause = function() { + player.pauseVideo(); + player.elements.media.paused = true; }; - plyr.media.stop = function() { - instance.stopVideo(); - plyr.media.paused = true; + player.elements.media.stop = function() { + player.stopVideo(); + player.elements.media.paused = true; }; - plyr.media.duration = instance.getDuration(); - plyr.media.paused = true; - plyr.media.currentTime = 0; - plyr.media.muted = instance.isMuted(); + player.elements.media.duration = player.getDuration(); + player.elements.media.paused = true; + player.elements.media.currentTime = 0; + player.elements.media.muted = player.isMuted(); // Get available speeds - var speed = instance.getPlaybackRate(); - var speedOptions = instance.getAvailablePlaybackRates(); - //var set = instance.setPlaybackRate(); + var speed = player.getPlaybackRate(); + var speedOptions = player.getAvailablePlaybackRates(); + //var set = player.setPlaybackRate(); console.warn(speed, speedOptions); // Set title - config.title = instance.getVideoData().title; + config.title = player.getVideoData().title; // Set the tabindex - if (plyr.supported.full) { - plyr.media.querySelector('iframe').setAttribute('tabindex', '-1'); + if (player.supported.full) { + player.elements.media.querySelector('iframe').setAttribute('tabindex', '-1'); } // Update UI embedReady(); // Trigger timeupdate - trigger(plyr.media, 'timeupdate'); + trigger(player.elements.media, 'timeupdate'); // Trigger timeupdate - trigger(plyr.media, 'durationchange'); + trigger(player.elements.media, 'durationchange'); // Reset timer window.clearInterval(timers.buffering); @@ -2564,22 +2575,22 @@ // Setup buffering timers.buffering = window.setInterval(function() { // Get loaded % from YouTube - plyr.media.buffered = instance.getVideoLoadedFraction(); + player.elements.media.buffered = player.getVideoLoadedFraction(); // Trigger progress only when we actually buffer something - if (plyr.media.lastBuffered === null || plyr.media.lastBuffered < plyr.media.buffered) { - trigger(plyr.media, 'progress'); + if (player.elements.media.lastBuffered === null || player.elements.media.lastBuffered < player.elements.media.buffered) { + trigger(player.elements.media, 'progress'); } // Set last buffer point - plyr.media.lastBuffered = plyr.media.buffered; + player.elements.media.lastBuffered = player.elements.media.buffered; // Bail if we're at 100% - if (plyr.media.buffered === 1) { + if (player.elements.media.buffered === 1) { window.clearInterval(timers.buffering); // Trigger event - trigger(plyr.media, 'canplaythrough'); + trigger(player.elements.media, 'canplaythrough'); } }, 200); }, @@ -2599,53 +2610,53 @@ // 5 Video cued switch (event.data) { case 0: - plyr.media.paused = true; - trigger(plyr.media, 'ended'); + player.elements.media.paused = true; + trigger(player.elements.media, 'ended'); break; case 1: - plyr.media.paused = false; + player.elements.media.paused = false; // If we were seeking, fire seeked event - if (plyr.media.seeking) { - trigger(plyr.media, 'seeked'); + if (player.elements.media.seeking) { + trigger(player.elements.media, 'seeked'); } - plyr.media.seeking = false; - trigger(plyr.media, 'play'); - trigger(plyr.media, 'playing'); + player.elements.media.seeking = false; + trigger(player.elements.media, 'play'); + trigger(player.elements.media, 'playing'); // Poll to get playback progress timers.playing = window.setInterval(function() { // Set the current time - plyr.media.currentTime = instance.getCurrentTime(); + player.elements.media.currentTime = player.getCurrentTime(); // Trigger timeupdate - trigger(plyr.media, 'timeupdate'); + trigger(player.elements.media, 'timeupdate'); }, 100); // Check duration again due to YouTube bug // https://github.com/Selz/plyr/issues/374 // https://code.google.com/p/gdata-issues/issues/detail?id=8690 - if (plyr.media.duration !== instance.getDuration()) { - plyr.media.duration = instance.getDuration(); - trigger(plyr.media, 'durationchange'); + if (player.elements.media.duration !== player.getDuration()) { + player.elements.media.duration = player.getDuration(); + trigger(player.elements.media, 'durationchange'); } // Get quality - var qualityOptions = instance.getAvailableQualityLevels(); - var quality = instance.getPlaybackQuality(); + var qualityOptions = player.getAvailableQualityLevels(); + var quality = player.getPlaybackQuality(); setQualityMenu(qualityOptions, quality); break; case 2: - plyr.media.paused = true; - trigger(plyr.media, 'pause'); + player.elements.media.paused = true; + trigger(player.elements.media, 'pause'); break; } - trigger(plyr.container, 'statechange', false, { + trigger(player.elements.container, 'statechange', false, { code: event.data }); } @@ -2657,7 +2668,7 @@ function vimeoReady(mediaId, container) { // Setup instance // https://github.com/vimeo/player.js - plyr.embed = new window.Vimeo.Player(container, { + player.embed = new window.Vimeo.Player(container, { id: parseInt(mediaId), loop: config.loop.active, autoplay: config.autoplay, @@ -2667,175 +2678,175 @@ }); // Create a faux HTML5 API using the Vimeo API - plyr.media.play = function() { - plyr.embed.play(); - plyr.media.paused = false; + player.elements.media.play = function() { + player.embed.play(); + player.elements.media.paused = false; }; - plyr.media.pause = function() { - plyr.embed.pause(); - plyr.media.paused = true; + player.elements.media.pause = function() { + player.embed.pause(); + player.elements.media.paused = true; }; - plyr.media.stop = function() { - plyr.embed.stop(); - plyr.media.paused = true; + player.elements.media.stop = function() { + player.embed.stop(); + player.elements.media.paused = true; }; - plyr.media.paused = true; - plyr.media.currentTime = 0; + player.elements.media.paused = true; + player.elements.media.currentTime = 0; // Update UI embedReady(); - plyr.embed.getCurrentTime().then(function(value) { - plyr.media.currentTime = value; + player.embed.getCurrentTime().then(function(value) { + player.elements.media.currentTime = value; // Trigger timeupdate - trigger(plyr.media, 'timeupdate'); + trigger(player.elements.media, 'timeupdate'); }); - plyr.embed.getDuration().then(function(value) { - plyr.media.duration = value; + player.embed.getDuration().then(function(value) { + player.elements.media.duration = value; // Trigger timeupdate - trigger(plyr.media, 'durationchange'); + trigger(player.elements.media, 'durationchange'); }); // TODO: Captions /*if (config.captions.defaultActive) { - plyr.embed.enableTextTrack('en'); + player.embed.enableTextTrack('en'); }*/ - plyr.embed.on('loaded', function() { + player.embed.on('loaded', function() { // Fix keyboard focus issues // https://github.com/Selz/plyr/issues/317 - if (is.htmlElement(plyr.embed.element) && plyr.supported.full) { - plyr.embed.element.setAttribute('tabindex', '-1'); + if (is.htmlElement(player.embed.element) && player.supported.full) { + player.embed.element.setAttribute('tabindex', '-1'); } }); - plyr.embed.on('play', function() { - plyr.media.paused = false; - trigger(plyr.media, 'play'); - trigger(plyr.media, 'playing'); + player.embed.on('play', function() { + player.elements.media.paused = false; + trigger(player.elements.media, 'play'); + trigger(player.elements.media, 'playing'); }); - plyr.embed.on('pause', function() { - plyr.media.paused = true; - trigger(plyr.media, 'pause'); + player.embed.on('pause', function() { + player.elements.media.paused = true; + trigger(player.elements.media, 'pause'); }); - plyr.embed.on('timeupdate', function(data) { - plyr.media.seeking = false; - plyr.media.currentTime = data.seconds; - trigger(plyr.media, 'timeupdate'); + player.embed.on('timeupdate', function(data) { + player.elements.media.seeking = false; + player.elements.media.currentTime = data.seconds; + trigger(player.elements.media, 'timeupdate'); }); - plyr.embed.on('progress', function(data) { - plyr.media.buffered = data.percent; - trigger(plyr.media, 'progress'); + player.embed.on('progress', function(data) { + player.elements.media.buffered = data.percent; + trigger(player.elements.media, 'progress'); if (parseInt(data.percent) === 1) { // Trigger event - trigger(plyr.media, 'canplaythrough'); + trigger(player.elements.media, 'canplaythrough'); } }); - plyr.embed.on('seeked', function() { - plyr.media.seeking = false; - trigger(plyr.media, 'seeked'); - trigger(plyr.media, 'play'); + player.embed.on('seeked', function() { + player.elements.media.seeking = false; + trigger(player.elements.media, 'seeked'); + trigger(player.elements.media, 'play'); }); - plyr.embed.on('ended', function() { - plyr.media.paused = true; - trigger(plyr.media, 'ended'); + player.embed.on('ended', function() { + player.elements.media.paused = true; + trigger(player.elements.media, 'ended'); }); } // Soundcloud ready function soundcloudReady() { /* jshint validthis: true */ - plyr.embed = window.SC.Widget(this); + player.embed = window.SC.Widget(this); // Setup on ready - plyr.embed.bind(window.SC.Widget.Events.READY, function() { + player.embed.bind(window.SC.Widget.Events.READY, function() { // Create a faux HTML5 API using the Soundcloud API - plyr.media.play = function() { - plyr.embed.play(); - plyr.media.paused = false; + player.elements.media.play = function() { + player.embed.play(); + player.elements.media.paused = false; }; - plyr.media.pause = function() { - plyr.embed.pause(); - plyr.media.paused = true; + player.elements.media.pause = function() { + player.embed.pause(); + player.elements.media.paused = true; }; - plyr.media.stop = function() { - plyr.embed.seekTo(0); - plyr.embed.pause(); - plyr.media.paused = true; + player.elements.media.stop = function() { + player.embed.seekTo(0); + player.embed.pause(); + player.elements.media.paused = true; }; - plyr.media.paused = true; - plyr.media.currentTime = 0; + player.elements.media.paused = true; + player.elements.media.currentTime = 0; - plyr.embed.getDuration(function(value) { - plyr.media.duration = value / 1000; + player.embed.getDuration(function(value) { + player.elements.media.duration = value / 1000; // Update UI embedReady(); }); - plyr.embed.getPosition(function(value) { - plyr.media.currentTime = value; + player.embed.getPosition(function(value) { + player.elements.media.currentTime = value; // Trigger timeupdate - trigger(plyr.media, 'timeupdate'); + trigger(player.elements.media, 'timeupdate'); }); - plyr.embed.bind(window.SC.Widget.Events.PLAY, function() { - plyr.media.paused = false; - trigger(plyr.media, 'play'); - trigger(plyr.media, 'playing'); + player.embed.bind(window.SC.Widget.Events.PLAY, function() { + player.elements.media.paused = false; + trigger(player.elements.media, 'play'); + trigger(player.elements.media, 'playing'); }); - plyr.embed.bind(window.SC.Widget.Events.PAUSE, function() { - plyr.media.paused = true; - trigger(plyr.media, 'pause'); + player.embed.bind(window.SC.Widget.Events.PAUSE, function() { + player.elements.media.paused = true; + trigger(player.elements.media, 'pause'); }); - plyr.embed.bind(window.SC.Widget.Events.PLAY_PROGRESS, function(data) { - plyr.media.seeking = false; - plyr.media.currentTime = data.currentPosition / 1000; - trigger(plyr.media, 'timeupdate'); + player.embed.bind(window.SC.Widget.Events.PLAY_PROGRESS, function(data) { + player.elements.media.seeking = false; + player.elements.media.currentTime = data.currentPosition / 1000; + trigger(player.elements.media, 'timeupdate'); }); - plyr.embed.bind(window.SC.Widget.Events.LOAD_PROGRESS, function(data) { - plyr.media.buffered = data.loadProgress; - trigger(plyr.media, 'progress'); + player.embed.bind(window.SC.Widget.Events.LOAD_PROGRESS, function(data) { + player.elements.media.buffered = data.loadProgress; + trigger(player.elements.media, 'progress'); if (parseInt(data.loadProgress) === 1) { // Trigger event - trigger(plyr.media, 'canplaythrough'); + trigger(player.elements.media, 'canplaythrough'); } }); - plyr.embed.bind(window.SC.Widget.Events.FINISH, function() { - plyr.media.paused = true; - trigger(plyr.media, 'ended'); + player.embed.bind(window.SC.Widget.Events.FINISH, function() { + player.elements.media.paused = true; + trigger(player.elements.media, 'ended'); }); }); } // Play media function play() { - if ('play' in plyr.media) { - plyr.media.play(); + if ('play' in player.elements.media) { + player.elements.media.play(); } } // Pause media function pause() { - if ('pause' in plyr.media) { - plyr.media.pause(); + if ('pause' in player.elements.media) { + player.elements.media.pause(); } } @@ -2843,7 +2854,7 @@ function togglePlay(toggle) { // True toggle if (!is.boolean(toggle)) { - toggle = plyr.media.paused; + toggle = player.elements.media.paused; } if (toggle) { @@ -2863,7 +2874,7 @@ type = 'toggle'; } - var currentTime = Number(plyr.media.currentTime); + var currentTime = Number(player.elements.media.currentTime); switch (type) { case 'start': @@ -2871,7 +2882,7 @@ config.loop.end = null; } config.loop.start = currentTime; - config.loop.indicator.start = elements.display.played.value; + config.loop.indicator.start = player.elements.display.played.value; break; case 'end': @@ -2879,12 +2890,12 @@ return; } config.loop.end = currentTime; - config.loop.indicator.end = elements.display.played.value; + config.loop.indicator.end = player.elements.display.played.value; break; case 'all': config.loop.start = 0; - config.loop.end = plyr.media.duration - 2; + config.loop.end = player.elements.media.duration - 2; config.loop.indicator.start = 0; config.loop.indicator.end = 100; break; @@ -2895,7 +2906,7 @@ config.loop.end = null; } else { config.loop.start = 0; - config.loop.end = plyr.media.duration - 2; + config.loop.end = player.elements.media.duration - 2; } break; @@ -2938,7 +2949,7 @@ function setSpeed(speed) { // Load speed from storage or default value if (is.undefined(speed)) { - speed = plyr.storage.speed || config.defaultSpeed; + speed = player.storage.speed || config.defaultSpeed; } if (!is.array(config.speeds)) { @@ -2964,7 +2975,7 @@ config.currentSpeed = speed; // Set HTML5 speed - plyr.media.playbackRate = speed; + player.elements.media.playbackRate = speed; // Save speed to localStorage updateStorage({ @@ -2986,7 +2997,7 @@ if (!is.number(seekTime)) { seekTime = config.seekTime; } - seek(plyr.media.currentTime - seekTime); + seek(player.elements.media.currentTime - seekTime); } // Fast forward @@ -2995,14 +3006,14 @@ if (!is.number(seekTime)) { seekTime = config.seekTime; } - seek(plyr.media.currentTime + seekTime); + seek(player.elements.media.currentTime + seekTime); } // Seek to time // The input parameter can be an event or a number function seek(input) { var targetTime = 0, - paused = plyr.media.paused, + paused = player.elements.media.paused, duration = getDuration(); if (is.number(input)) { @@ -3026,23 +3037,23 @@ // Set the current time // Try/catch incase the media isn't set and we're calling seek() from source() and IE moans try { - plyr.media.currentTime = targetTime.toFixed(4); + player.elements.media.currentTime = targetTime.toFixed(4); } catch (e) {} // Embeds - if (inArray(config.types.embed, plyr.type)) { - switch (plyr.type) { + if (inArray(config.types.embed, player.type)) { + switch (player.type) { case 'youtube': - plyr.embed.seekTo(targetTime); + player.embed.seekTo(targetTime); break; case 'vimeo': // Round to nearest second for vimeo - plyr.embed.setCurrentTime(targetTime.toFixed(0)); + player.embed.setCurrentTime(targetTime.toFixed(0)); break; case 'soundcloud': - plyr.embed.seekTo(targetTime * 1000); + player.embed.seekTo(targetTime * 1000); break; } @@ -3051,17 +3062,17 @@ } // Trigger timeupdate - trigger(plyr.media, 'timeupdate'); + trigger(player.elements.media, 'timeupdate'); // Set seeking flag - plyr.media.seeking = true; + player.elements.media.seeking = true; // Trigger seeking - trigger(plyr.media, 'seeking'); + trigger(player.elements.media, 'seeking'); } // Logging - log('Seeking to ' + plyr.media.currentTime + ' seconds'); + log('Seeking to ' + player.elements.media.currentTime + ' seconds'); // Special handling for 'manual' captions seekManualCaptions(targetTime); @@ -3076,8 +3087,8 @@ var mediaDuration = 0; // Only if duration available - if (plyr.media.duration !== null && !isNaN(plyr.media.duration)) { - mediaDuration = plyr.media.duration; + if (player.elements.media.duration !== null && !isNaN(player.elements.media.duration)) { + mediaDuration = player.elements.media.duration; } // If custom duration is funky, use regular duration @@ -3086,11 +3097,11 @@ // Check playing state function checkPlaying() { - toggleClass(plyr.container, config.classes.playing, !plyr.media.paused); + toggleClass(player.elements.container, config.classes.playing, !player.elements.media.paused); - toggleClass(plyr.container, config.classes.stopped, plyr.media.paused); + toggleClass(player.elements.container, config.classes.stopped, player.elements.media.paused); - toggleControls(plyr.media.paused); + toggleControls(player.elements.media.paused); } // Save scroll position @@ -3114,49 +3125,49 @@ if (nativeSupport) { // If it's a fullscreen change event, update the UI if (event && event.type === fullscreen.eventType) { - plyr.isFullscreen = fullscreen.isFullScreen(plyr.container); + player.fullscreen.active = fullscreen.isFullScreen(player.elements.container); } else { // Else it's a user request to enter or exit - if (!fullscreen.isFullScreen(plyr.container)) { + if (!fullscreen.isFullScreen(player.elements.container)) { // Save scroll position saveScrollPosition(); // Request full screen - fullscreen.requestFullScreen(plyr.container); + fullscreen.requestFullScreen(player.elements.container); } else { // Bail from fullscreen fullscreen.cancelFullScreen(); } // Check if we're actually full screen (it could fail) - plyr.isFullscreen = fullscreen.isFullScreen(plyr.container); + player.fullscreen.active = fullscreen.isFullScreen(player.elements.container); return; } } else { // Otherwise, it's a simple toggle - plyr.isFullscreen = !plyr.isFullscreen; + player.fullscreen.active = !player.fullscreen.active; // Bind/unbind escape key - document.body.style.overflow = plyr.isFullscreen ? 'hidden' : ''; + document.body.style.overflow = player.fullscreen.active ? 'hidden' : ''; } // Set class hook - toggleClass(plyr.container, config.classes.fullscreen.active, plyr.isFullscreen); + toggleClass(player.elements.container, config.classes.fullscreen.active, player.fullscreen.active); // Trap focus - focusTrap(plyr.isFullscreen); + focusTrap(player.fullscreen.active); // Set button state - if (elements.buttons && elements.buttons.fullscreen) { - toggleState(elements.buttons.fullscreen, plyr.isFullscreen); + if (player.elements.buttons && player.elements.buttons.fullscreen) { + toggleState(player.elements.buttons.fullscreen, player.fullscreen.active); } // Trigger an event - trigger(plyr.container, plyr.isFullscreen ? 'enterfullscreen' : 'exitfullscreen', true); + trigger(player.elements.container, player.fullscreen.active ? 'enterfullscreen' : 'exitfullscreen', true); // Restore scroll position - if (!plyr.isFullscreen && nativeSupport) { + if (!player.fullscreen.active && nativeSupport) { restoreScrollPosition(); } } @@ -3165,36 +3176,36 @@ function toggleMute(muted) { // If the method is called without parameter, toggle based on current value if (!is.boolean(muted)) { - muted = !plyr.media.muted; + muted = !player.elements.media.muted; } // Set button state - toggleState(elements.buttons.mute, muted); + toggleState(player.elements.buttons.mute, muted); // Set mute on the player - plyr.media.muted = muted; + player.elements.media.muted = muted; // If volume is 0 after unmuting, set to default - if (plyr.media.volume === 0) { + if (player.elements.media.volume === 0) { setVolume(config.volume); } // Embeds - if (inArray(config.types.embed, plyr.type)) { + if (inArray(config.types.embed, player.type)) { // YouTube - switch (plyr.type) { + switch (player.type) { case 'youtube': - plyr.embed[plyr.media.muted ? 'mute' : 'unMute'](); + player.embed[player.elements.media.muted ? 'mute' : 'unMute'](); break; case 'vimeo': case 'soundcloud': - plyr.embed.setVolume(plyr.media.muted ? 0 : parseFloat(config.volume / 10)); + player.embed.setVolume(player.elements.media.muted ? 0 : parseFloat(config.volume / 10)); break; } // Trigger volumechange for embeds - trigger(plyr.media, 'volumechange'); + trigger(player.elements.media, 'volumechange'); } } @@ -3205,7 +3216,7 @@ // Load volume from storage if no value specified if (is.undefined(volume)) { - volume = plyr.storage.volume; + volume = player.storage.volume; } // Use config if all else fails @@ -3223,41 +3234,41 @@ } // Set the player volume - plyr.media.volume = parseFloat(volume / max); + player.elements.media.volume = parseFloat(volume / max); // Set the display - if (elements.display.volume) { - elements.display.volume.value = volume; + if (player.elements.display.volume) { + player.elements.display.volume.value = volume; } // Embeds - if (inArray(config.types.embed, plyr.type)) { - switch (plyr.type) { + if (inArray(config.types.embed, player.type)) { + switch (player.type) { case 'youtube': - plyr.embed.setVolume(plyr.media.volume * 100); + player.embed.setVolume(player.elements.media.volume * 100); break; case 'vimeo': case 'soundcloud': - plyr.embed.setVolume(plyr.media.volume); + player.embed.setVolume(player.elements.media.volume); break; } // Trigger volumechange for embeds - trigger(plyr.media, 'volumechange'); + trigger(player.elements.media, 'volumechange'); } // Toggle muted state if (volume === 0) { - plyr.media.muted = true; - } else if (plyr.media.muted && volume > 0) { + player.elements.media.muted = true; + } else if (player.elements.media.muted && volume > 0) { toggleMute(); } } // Increase volume function increaseVolume(step) { - var volume = plyr.media.muted ? 0 : (plyr.media.volume * 10); + var volume = player.elements.media.muted ? 0 : (player.elements.media.volume * 10); if (!is.number(step)) { step = 1; @@ -3268,7 +3279,7 @@ // Decrease volume function decreaseVolume(step) { - var volume = plyr.media.muted ? 0 : (plyr.media.volume * 10); + var volume = player.elements.media.muted ? 0 : (player.elements.media.volume * 10); if (!is.number(step)) { step = 1; @@ -3280,15 +3291,15 @@ // Update volume UI and storage function updateVolume() { // Get the current volume - var volume = plyr.media.muted ? 0 : (plyr.media.volume * 10); + var volume = player.elements.media.muted ? 0 : (player.elements.media.volume * 10); // Update the <input type="range"> if present - if (plyr.supported.full) { - if (elements.inputs.volume) { - elements.inputs.volume.value = volume; + if (player.supported.full) { + if (player.elements.inputs.volume) { + player.elements.inputs.volume.value = volume; } - if (elements.display.volume) { - elements.display.volume.value = volume; + if (player.elements.display.volume) { + player.elements.display.volume.value = volume; } } @@ -3298,11 +3309,11 @@ }); // Toggle class if muted - toggleClass(plyr.container, config.classes.muted, (volume === 0)); + toggleClass(player.elements.container, config.classes.muted, (volume === 0)); // Update checkbox for mute state - if (plyr.supported.full && elements.buttons.mute) { - toggleState(elements.buttons.mute, (volume === 0)); + if (player.supported.full && player.elements.buttons.mute) { + toggleState(player.elements.buttons.mute, (volume === 0)); } } @@ -3316,7 +3327,7 @@ // Timer to prevent flicker when seeking timers.loading = setTimeout(function() { // Toggle container class hook - toggleClass(plyr.container, config.classes.loading, loading); + toggleClass(player.elements.container, config.classes.loading, loading); // Show controls if loading, hide if done toggleControls(loading); @@ -3325,11 +3336,11 @@ // Update <progress> elements function updateProgress(event) { - if (!plyr.supported.full) { + if (!player.supported.full) { return; } - var progress = elements.display.played, + var progress = player.elements.display.played, value = 0, duration = getDuration(); @@ -3338,15 +3349,15 @@ // Video playing case 'timeupdate': case 'seeking': - if (elements.controls.pressed) { + if (player.elements.controls.pressed) { return; } - value = getPercentage(plyr.media.currentTime, duration); + value = getPercentage(player.elements.media.currentTime, duration); // Set seek range value only if it's a 'natural' time event - if (event.type === 'timeupdate' && elements.inputs.seek) { - elements.inputs.seek.value = value; + if (event.type === 'timeupdate' && player.elements.inputs.seek) { + player.elements.inputs.seek.value = value; } break; @@ -3354,9 +3365,9 @@ // Check buffer status case 'playing': case 'progress': - progress = elements.display.buffer; + progress = player.elements.display.buffer; value = (function() { - var buffered = plyr.media.buffered; + var buffered = player.elements.media.buffered; if (buffered && buffered.length) { // HTML5 @@ -3373,7 +3384,7 @@ } } - if (is.number(config.loop.start) && is.number(config.loop.end) && plyr.media.currentTime >= config.loop.end) { + if (is.number(config.loop.start) && is.number(config.loop.end) && player.elements.media.currentTime >= config.loop.end) { seek(config.loop.start); } @@ -3382,7 +3393,7 @@ // Set <progress> value function setProgress(progress, value) { - if (!plyr.supported.full) { + if (!player.supported.full) { return; } @@ -3392,8 +3403,8 @@ } // Default to buffer or bail if (is.undefined(progress)) { - if (is.htmlElement(elements.display.buffer)) { - progress = elements.display.buffer; + if (is.htmlElement(player.elements.display.buffer)) { + progress = player.elements.display.buffer; } else { return; } @@ -3423,19 +3434,19 @@ time = 0; } - plyr.secs = parseInt(time % 60); - plyr.mins = parseInt((time / 60) % 60); - plyr.hours = parseInt(((time / 60) / 60) % 60); + var secs = parseInt(time % 60); + var mins = parseInt((time / 60) % 60); + var hours = parseInt(((time / 60) / 60) % 60); // Do we need to display hours? var displayHours = (parseInt(((getDuration() / 60) / 60) % 60) > 0); // Ensure it's two digits. For example, 03 rather than 3. - plyr.secs = ('0' + plyr.secs).slice(-2); - plyr.mins = ('0' + plyr.mins).slice(-2); + secs = ('0' + secs).slice(-2); + mins = ('0' + mins).slice(-2); // Generate display - var display = (displayHours ? plyr.hours + ':' : '') + plyr.mins + ':' + plyr.secs; + var display = (displayHours ? hours + ':' : '') + mins + ':' + secs; // Render element.innerHTML = display; @@ -3446,7 +3457,7 @@ // Show the duration on metadataloaded function displayDuration() { - if (!plyr.supported.full) { + if (!player.supported.full) { return; } @@ -3454,13 +3465,13 @@ var duration = getDuration() || 0; // If there's only one time display, display duration there - if (!elements.display.duration && config.displayDuration && plyr.media.paused) { - updateTimeDisplay(duration, elements.display.currentTime); + if (!player.elements.display.duration && config.displayDuration && player.elements.media.paused) { + updateTimeDisplay(duration, player.elements.display.currentTime); } // If there's a duration element, update content - if (elements.display.duration) { - updateTimeDisplay(duration, elements.display.duration); + if (player.elements.display.duration) { + updateTimeDisplay(duration, player.elements.display.duration); } // Update the tooltip (if visible) @@ -3470,10 +3481,10 @@ // Handle time change event function timeUpdate(event) { // Duration - updateTimeDisplay(plyr.media.currentTime, elements.display.currentTime); + updateTimeDisplay(player.elements.media.currentTime, player.elements.display.currentTime); // Ignore updates while seeking - if (event && event.type === 'timeupdate' && plyr.media.seeking) { + if (event && event.type === 'timeupdate' && player.elements.media.seeking) { return; } @@ -3492,13 +3503,13 @@ value = getPercentage(time, duration); // Update progress - if (elements.progress && elements.display.played) { - elements.display.played.value = value; + if (player.elements.progress && player.elements.display.played) { + player.elements.display.played.value = value; } // Update seek range input - if (elements.buttons && elements.inputs.seek) { - elements.inputs.seek.value = value; + if (player.elements.buttons && player.elements.inputs.seek) { + player.elements.inputs.seek.value = value; } } @@ -3507,19 +3518,19 @@ var duration = getDuration(); // Bail if setting not true - if (!config.tooltips.seek || !elements.progress.container || duration === 0) { + if (!config.tooltips.seek || !player.elements.progress.container || duration === 0) { return; } // Calculate percentage - var clientRect = elements.progress.container.getBoundingClientRect(), + var clientRect = player.elements.progress.container.getBoundingClientRect(), percent = 0, visible = config.classes.tooltip + '--visible'; // Determine percentage, if already visible if (!event) { - if (hasClass(elements.display.seekTooltip, visible)) { - percent = elements.display.seekTooltip.style.left.replace('%', ''); + if (hasClass(player.elements.display.seekTooltip, visible)) { + percent = player.elements.display.seekTooltip.style.left.replace('%', ''); } else { return; } @@ -3535,29 +3546,29 @@ } // Display the time a click would seek to - updateTimeDisplay(((duration / 100) * percent), elements.display.seekTooltip); + updateTimeDisplay(((duration / 100) * percent), player.elements.display.seekTooltip); // Set position - elements.display.seekTooltip.style.left = percent + "%"; + player.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.display.seekTooltip, visible, (event.type === 'mouseenter')); + toggleClass(player.elements.display.seekTooltip, visible, (event.type === 'mouseenter')); } } // Show the player controls in fullscreen mode function toggleControls(toggle) { // Don't hide if config says not to, it's audio, or not ready or loading - if (!config.hideControls || plyr.type === 'audio') { + if (!config.hideControls || player.type === 'audio') { return; } var delay = 0, isEnterFullscreen = false, show = toggle, - loading = hasClass(plyr.container, config.classes.loading); + loading = hasClass(player.elements.container, config.classes.loading); // Default to false if no boolean if (!is.boolean(toggle)) { @@ -3578,7 +3589,7 @@ delay = 3000; } } else { - show = hasClass(plyr.container, config.classes.hideControls); + show = hasClass(player.elements.container, config.classes.hideControls); } } @@ -3586,30 +3597,30 @@ window.clearTimeout(timers.hover); // If the mouse is not over the controls, set a timeout to hide them - if (show || plyr.media.paused || loading) { - toggleClass(plyr.container, config.classes.hideControls, false); + if (show || player.elements.media.paused || loading) { + toggleClass(player.elements.container, config.classes.hideControls, false); // Always show controls when paused or if touch - if (plyr.media.paused || loading) { + if (player.elements.media.paused || loading) { return; } // Delay for hiding on touch - if (plyr.browser.isTouch) { + if (player.browser.isTouch) { delay = 3000; } } // If toggle is false or if we're playing (regardless of toggle), // then set the timer to hide the controls - if (!show || !plyr.media.paused) { + if (!show || !player.elements.media.paused) { timers.hover = window.setTimeout(function() { // If the mouse is over the controls (and not entering fullscreen), bail - if ((elements.controls.pressed || elements.controls.hover) && !isEnterFullscreen) { + if ((player.elements.controls.pressed || player.elements.controls.hover) && !isEnterFullscreen) { return; } - toggleClass(plyr.container, config.classes.hideControls, true); + toggleClass(player.elements.container, config.classes.hideControls, true); }, delay); } } @@ -3624,25 +3635,25 @@ // Return the current source var url; - switch (plyr.type) { + switch (player.type) { case 'youtube': - url = plyr.embed.getVideoUrl(); + url = player.embed.getVideoUrl(); break; case 'vimeo': - plyr.embed.getVideoUrl.then(function(value) { + player.embed.getVideoUrl.then(function(value) { url = value; }); break; case 'soundcloud': - plyr.embed.getCurrentSound(function(object) { + player.embed.getCurrentSound(function(object) { url = object.permalink_url; }); break; default: - url = plyr.media.currentSrc; + url = player.elements.media.currentSrc; break; } @@ -3658,7 +3669,7 @@ } // Remove ready class hook - toggleClass(plyr.container, config.classes.ready, false); + toggleClass(player.elements.container, config.classes.ready, false); // Pause playback pause(); @@ -3675,58 +3686,58 @@ // Setup new source function setup() { // Remove embed object - plyr.embed = null; + player.embed = null; // Remove the old media - remove(plyr.media); + remove(player.elements.media); // Remove video container - if (plyr.type === 'video' && plyr.videoContainer) { - remove(plyr.videoContainer); + if (player.type === 'video' && player.elements.wrapper) { + remove(player.elements.wrapper); } // Reset class name - if (plyr.container) { - plyr.container.removeAttribute('class'); + if (player.elements.container) { + player.elements.container.removeAttribute('class'); } // Set the type if ('type' in source) { - plyr.type = source.type; + player.type = source.type; // Get child type for video (it might be an embed) - if (plyr.type === 'video') { + if (player.type === 'video') { var firstSource = source.sources[0]; if ('type' in firstSource && inArray(config.types.embed, firstSource.type)) { - plyr.type = firstSource.type; + player.type = firstSource.type; } } } // Check for support - plyr.supported = supported(plyr.type); + player.supported = checkSupport(player.type); // Create new markup - switch (plyr.type) { + switch (player.type) { case 'video': - plyr.media = createElement('video'); + player.elements.media = createElement('video'); break; case 'audio': - plyr.media = createElement('audio'); + player.elements.media = createElement('audio'); break; case 'youtube': case 'vimeo': case 'soundcloud': - plyr.media = createElement('div'); - plyr.embedId = source.sources[0].src; + player.elements.media = createElement('div'); + player.embedId = source.sources[0].src; break; } // Inject the new element - prependChild(plyr.container, plyr.media); + prependChild(player.elements.container, player.elements.media); // Autoplay the new source? if (is.boolean(source.autoplay)) { @@ -3734,28 +3745,28 @@ } // Set attributes for audio and video - if (inArray(config.types.html5, plyr.type)) { + if (inArray(config.types.html5, player.type)) { if (config.crossorigin) { - plyr.media.setAttribute('crossorigin', ''); + player.elements.media.setAttribute('crossorigin', ''); } if (config.autoplay) { - plyr.media.setAttribute('autoplay', ''); + player.elements.media.setAttribute('autoplay', ''); } if ('poster' in source) { - plyr.media.setAttribute('poster', source.poster); + player.elements.media.setAttribute('poster', source.poster); } if (config.loop.active) { - plyr.media.setAttribute('loop', ''); + player.elements.media.setAttribute('loop', ''); } } // Restore class hooks - toggleClass(plyr.container, config.classes.fullscreen.active, plyr.isFullscreen); - toggleClass(plyr.container, config.classes.captions.active, plyr.captionsEnabled); + toggleClass(player.elements.container, config.classes.fullscreen.active, player.fullscreen.active); + toggleClass(player.elements.container, config.classes.captions.active, player.captions.enabled); toggleStyleHook(); // Set new sources for html5 - if (inArray(config.types.html5, plyr.type)) { + if (inArray(config.types.html5, player.type)) { insertElements('source', source.sources); } @@ -3763,18 +3774,18 @@ setupMedia(); // HTML5 stuff - if (inArray(config.types.html5, plyr.type)) { + if (inArray(config.types.html5, player.type)) { // Setup captions if ('tracks' in source) { insertElements('track', source.tracks); } // Load HTML5 sources - plyr.media.load(); + player.elements.media.load(); } // If HTML5 or embed but not fully supported, setupInterface and call ready now - if (inArray(config.types.html5, plyr.type) || (inArray(config.types.embed, plyr.type) && !plyr.supported.full)) { + if (inArray(config.types.html5, player.type) || (inArray(config.types.embed, player.type) && !player.supported.full)) { // Setup interface setupInterface(); @@ -3794,23 +3805,23 @@ // Update poster function updatePoster(source) { - if (plyr.type === 'video') { - plyr.media.setAttribute('poster', source); + if (player.type === 'video') { + player.elements.media.setAttribute('poster', source); } } // Listen for control events function controlListeners() { // IE doesn't support input event, so we fallback to change - var inputEvent = (plyr.browser.isIE ? 'change' : 'input'); + var inputEvent = (player.browser.isIE ? 'change' : 'input'); // Click play/pause helper function _togglePlay() { var play = togglePlay(); // Determine which buttons - var trigger = elements.buttons[play ? 'play' : 'pause']; - var target = elements.buttons[play ? 'pause' : 'play']; + var trigger = player.elements.buttons[play ? 'play' : 'pause']; + var target = player.elements.buttons[play ? 'pause' : 'play']; // Get the last play button to account for the large play button if (target && target.length > 1) { @@ -3854,8 +3865,8 @@ // Detect tab focus function checkTabFocus(focused) { - for (var button in elements.buttons) { - var element = elements.buttons[button]; + for (var button in player.elements.buttons) { + var element = player.elements.buttons[button]; if (is.nodeList(element)) { for (var i = 0; i < element.length; i++) { @@ -3890,7 +3901,7 @@ } // Handle presses on focused - on(plyr.container, 'keydown keyup', handleKey); + on(player.elements.container, 'keydown keyup', handleKey); } function handleKey(event) { @@ -3907,7 +3918,7 @@ // Seek by the number keys function seekByKey() { // Get current duration - var duration = plyr.media.duration; + var duration = player.elements.media.duration; // Bail if we have no duration set if (!is.number(duration)) { @@ -4018,7 +4029,7 @@ // Escape is handle natively when in full screen // So we only need to worry about non native - if (!support.fullscreen && plyr.isFullscreen && code === 27) { + if (!support.fullscreen && player.fullscreen.active && code === 27) { toggleFullscreen(); } @@ -4041,8 +4052,8 @@ on(document.body, 'click', function() { toggleClass(getElement('.' + config.classes.tabFocus), config.classes.tabFocus, false); }); - for (var button in elements.buttons) { - var element = elements.buttons[button]; + for (var button in player.elements.buttons) { + var element = player.elements.buttons[button]; on(element, 'blur', function() { toggleClass(element, 'tab-focus', false); @@ -4050,43 +4061,43 @@ } // Play - proxy(elements.buttons.play, 'click', config.listeners.play, _togglePlay); - proxy(elements.buttons.playLarge, 'click', config.listeners.play, _togglePlay); + proxy(player.elements.buttons.play, 'click', config.listeners.play, _togglePlay); + proxy(player.elements.buttons.playLarge, 'click', config.listeners.play, _togglePlay); // Pause - proxy(elements.buttons.pause, 'click', config.listeners.pause, _togglePlay); + proxy(player.elements.buttons.pause, 'click', config.listeners.pause, _togglePlay); // Restart - proxy(elements.buttons.restart, 'click', config.listeners.restart, seek); + proxy(player.elements.buttons.restart, 'click', config.listeners.restart, seek); // Rewind - proxy(elements.buttons.rewind, 'click', config.listeners.rewind, rewind); + proxy(player.elements.buttons.rewind, 'click', config.listeners.rewind, rewind); // Fast forward - proxy(elements.buttons.forward, 'click', config.listeners.forward, forward); + proxy(player.elements.buttons.forward, 'click', config.listeners.forward, forward); // Speed-up - proxy(elements.buttons.speed, 'click', config.listeners.speed, function() { + proxy(player.elements.buttons.speed, 'click', config.listeners.speed, function() { //var speedValue = document.querySelector('[data-plyr="speed"]:checked').value; //setSpeed(Number(speedValue)); }); // Seek - proxy(elements.inputs.seek, inputEvent, config.listeners.seek, seek); + proxy(player.elements.inputs.seek, inputEvent, config.listeners.seek, seek); // Set volume - proxy(elements.inputs.volume, inputEvent, config.listeners.volume, function() { - setVolume(elements.inputs.volume.value); + proxy(player.elements.inputs.volume, inputEvent, config.listeners.volume, function() { + setVolume(player.elements.inputs.volume.value); }); // Mute - proxy(elements.buttons.mute, 'click', config.listeners.mute, toggleMute); + proxy(player.elements.buttons.mute, 'click', config.listeners.mute, toggleMute); // Fullscreen - proxy(elements.buttons.fullscreen, 'click', config.listeners.fullscreen, toggleFullscreen); + proxy(player.elements.buttons.fullscreen, 'click', config.listeners.fullscreen, toggleFullscreen); // Looping - proxy(elements.buttons.loop, 'click', config.listeners.loop, function(event) { + proxy(player.elements.buttons.loop, 'click', config.listeners.loop, function(event) { var value = event.target.getAttribute('data-loop__value') || event.target.getAttribute('data-loop__type'); if (inArray(['start', 'end', 'all', 'none'], value)) { @@ -4100,17 +4111,17 @@ } // Captions - proxy(elements.buttons.captions, 'click', config.listeners.captions, toggleCaptions); + proxy(player.elements.buttons.captions, 'click', config.listeners.captions, toggleCaptions); // TODO: ?? - // on(elements.buttons.captions_menu, 'click', toggleCaptions); + // on(player.elements.buttons.captions_menu, 'click', toggleCaptions); // Language - proxy(elements.buttons.lang, 'click', config.listeners.lang, function(e) { + proxy(player.elements.buttons.lang, 'click', config.listeners.lang, function(e) { var langIndex = e.target.attributes.getNamedItem("data-index").value; setCaptionIndex(langIndex); }); // Settings - on(elements.buttons.settings, 'click', function(event) { + on(player.elements.buttons.settings, 'click', function(event) { var menu = this; var toggle = event.target; var target = document.getElementById(toggle.getAttribute('aria-controls')); @@ -4170,35 +4181,35 @@ }); // Picture in picture - on(elements.buttons.pip, 'click', function() { + on(player.elements.buttons.pip, 'click', function() { // TODO: Check support here - plyr.media.webkitSetPresentationMode(plyr.media.webkitPresentationMode === 'picture-in-picture' ? 'inline' : 'picture-in-picture'); + player.elements.media.webkitSetPresentationMode(player.elements.media.webkitPresentationMode === 'picture-in-picture' ? 'inline' : 'picture-in-picture'); }); // Seek tooltip - on(elements.progress.container, 'mouseenter mouseleave mousemove', updateSeekTooltip); + on(player.elements.progress.container, 'mouseenter mouseleave mousemove', updateSeekTooltip); // Toggle controls visibility based on mouse movement if (config.hideControls) { // Toggle controls on mouse events and entering fullscreen - on(plyr.container, 'mouseenter mouseleave mousemove touchstart touchend touchcancel touchmove enterfullscreen', toggleControls); + on(player.elements.container, 'mouseenter mouseleave mousemove touchstart touchend touchcancel touchmove enterfullscreen', toggleControls); // Watch for cursor over controls so they don't hide when trying to interact - on(elements.controls, 'mouseenter mouseleave', function(event) { - elements.controls.hover = event.type === 'mouseenter'; + on(player.elements.controls, 'mouseenter mouseleave', function(event) { + player.elements.controls.hover = event.type === 'mouseenter'; }); // Watch for cursor over controls so they don't hide when trying to interact - on(elements.controls, 'mousedown mouseup touchstart touchend touchcancel', function(event) { - elements.controls.pressed = inArray(['mousedown', 'touchstart'], event.type); + on(player.elements.controls, 'mousedown mouseup touchstart touchend touchcancel', function(event) { + player.elements.controls.pressed = inArray(['mousedown', 'touchstart'], event.type); }); // Focus in/out on controls - on(elements.controls, 'focus blur', toggleControls, true); + on(player.elements.controls, 'focus blur', toggleControls, true); } // Adjust volume on scroll - on(elements.inputs.volume, 'wheel', function(event) { + on(player.elements.inputs.volume, 'wheel', function(event) { event.preventDefault(); // Detect "natural" scroll - suppored on OS X Safari only @@ -4229,20 +4240,20 @@ // Listen for media events function mediaListeners() { // Time change on media - on(plyr.media, 'timeupdate seeking', timeUpdate); + on(player.elements.media, 'timeupdate seeking', timeUpdate); // Update manual captions - on(plyr.media, 'timeupdate', seekManualCaptions); + on(player.elements.media, 'timeupdate', seekManualCaptions); // Display duration - on(plyr.media, 'durationchange loadedmetadata', displayDuration); + on(player.elements.media, 'durationchange loadedmetadata', displayDuration); // Handle the media finishing - on(plyr.media, 'ended', function() { + on(player.elements.media, 'ended', function() { // Show poster on end - if (plyr.type === 'video' && config.showPosterOnEnd) { + if (player.type === 'video' && config.showPosterOnEnd) { // Clear - if (plyr.type === 'video') { + if (player.type === 'video') { setCaption(); } @@ -4250,24 +4261,24 @@ seek(); // Re-load media - plyr.media.load(); + player.elements.media.load(); } }); // Check for buffer progress - on(plyr.media, 'progress playing', updateProgress); + on(player.elements.media, 'progress playing', updateProgress); // Handle native mute - on(plyr.media, 'volumechange', updateVolume); + on(player.elements.media, 'volumechange', updateVolume); // Handle native play/pause - on(plyr.media, 'play pause ended', checkPlaying); + on(player.elements.media, 'play pause ended', checkPlaying); // Loading - on(plyr.media, 'waiting canplay seeked', checkLoading); + on(player.elements.media, 'waiting canplay seeked', checkLoading); // Click video - if (config.clickToPlay && plyr.type !== 'audio') { + if (config.clickToPlay && player.type !== 'audio') { // Re-fetch the wrapper var wrapper = getElement('.' + config.classes.videoWrapper); @@ -4282,13 +4293,13 @@ // On click play, pause ore restart on(wrapper, 'click', function() { // Touch devices will just show controls (if we're hiding controls) - if (config.hideControls && plyr.browser.isTouch && !plyr.media.paused) { + if (config.hideControls && player.browser.isTouch && !player.elements.media.paused) { return; } - if (plyr.media.paused) { + if (player.elements.media.paused) { play(); - } else if (plyr.media.ended) { + } else if (player.elements.media.ended) { seek(); play(); } else { @@ -4299,27 +4310,27 @@ // Disable right click if (config.disableContextMenu) { - on(plyr.media, 'contextmenu', function(event) { + on(player.elements.media, 'contextmenu', function(event) { event.preventDefault(); }); } // Proxy events to container // Bubble up key events for Edge - on(plyr.media, config.events.concat(['keyup', 'keydown']).join(' '), function(event) { - trigger(plyr.container, event.type, true); + on(player.elements.media, config.events.concat(['keyup', 'keydown']).join(' '), function(event) { + trigger(player.elements.container, event.type, true); }); } // Cancel current network requests // See https://github.com/Selz/plyr/issues/174 function cancelRequests() { - if (!inArray(config.types.html5, plyr.type)) { + if (!inArray(config.types.html5, player.type)) { return; } // Remove child sources - var sources = plyr.media.querySelectorAll('source'); + var sources = player.elements.media.querySelectorAll('source'); for (var i = 0; i < sources.length; i++) { remove(sources[i]); } @@ -4327,12 +4338,12 @@ // Set blank video src attribute // This is to prevent a MEDIA_ERR_SRC_NOT_SUPPORTED error // Info: http://stackoverflow.com/questions/32231579/how-to-properly-dispose-of-an-html5-video-and-close-socket-or-connection - plyr.media.setAttribute('src', 'https://cdn.selz.com/plyr/blank.mp4'); + player.elements.media.setAttribute('src', 'https://cdn.selz.com/plyr/blank.mp4'); // Load the new empty source // This will cancel existing requests // See https://github.com/Selz/plyr/issues/174 - plyr.media.load(); + player.elements.media.load(); // Debugging log('Cancelled network requests'); @@ -4343,19 +4354,19 @@ // http://stackoverflow.com/questions/12528049/if-a-dom-element-is-removed-are-its-listeners-also-removed-from-memory function destroy(callback, restore) { // Bail if the element is not initialized - if (!plyr.init) { + if (!player.init) { return null; } // Type specific stuff - switch (plyr.type) { + switch (player.type) { case 'youtube': // Clear timers window.clearInterval(timers.buffering); window.clearInterval(timers.playing); // Destroy YouTube API - plyr.embed.destroy(); + player.embed.destroy(); // Clean up cleanUp(); @@ -4365,7 +4376,7 @@ case 'vimeo': // Destroy Vimeo API // then clean up (wait, to prevent postmessage errors) - plyr.embed.unload().then(cleanUp); + player.embed.unload().then(cleanUp); // Vimeo does not always return window.setTimeout(cleanUp, 200); @@ -4400,10 +4411,10 @@ } // Remove init flag - plyr.init = false; + player.init = false; // Replace the container with the original element provided - plyr.container.parentNode.replaceChild(original, plyr.container); + player.elements.container.parentNode.replaceChild(original, player.elements.container); // unbind escape key document.body.style.overflow = ''; @@ -4416,15 +4427,15 @@ // Setup a player function init() { // Bail if the element is initialized - if (plyr.init) { + if (player.init) { return null; } // Sniff out the browser - plyr.browser = getBrowser(); + player.browser = getBrowser(); // Bail if nothing to setup - if (!is.htmlElement(plyr.media)) { + if (!is.htmlElement(player.elements.media)) { return; } @@ -4435,45 +4446,45 @@ // Supported: video, audio, vimeo, youtube var tagName = media.tagName.toLowerCase(); if (tagName === 'div') { - plyr.type = media.getAttribute('data-type'); - plyr.embedId = media.getAttribute('data-video-id'); + player.type = media.getAttribute('data-type'); + player.embedId = media.getAttribute('data-video-id'); // Clean up media.removeAttribute('data-type'); media.removeAttribute('data-video-id'); } else { - plyr.type = tagName; + player.type = tagName; config.crossorigin = (media.getAttribute('crossorigin') !== null); config.autoplay = (config.autoplay || (media.getAttribute('autoplay') !== null)); config.loop = (config.loop || (media.getAttribute('loop') !== null)); } // Check for support - plyr.supported = supported(plyr.type); + player.supported = checkSupport(player.type); // If no native support, bail - if (!plyr.supported.basic) { + if (!player.supported.basic) { return; } // Wrap media - plyr.container = wrap(media, createElement('div')); + player.elements.container = wrap(media, createElement('div')); // Allow focus to be captured - plyr.container.setAttribute('tabindex', 0); + player.elements.container.setAttribute('tabindex', 0); // Add style hook toggleStyleHook(); // Debug info - log('' + plyr.browser.name + ' ' + plyr.browser.version); + log('' + player.browser.name + ' ' + player.browser.version); // Setup media setupMedia(); // Setup interface // If embed but not fully supported, setupInterface (to avoid flash of controls) and call ready now - if (inArray(config.types.html5, plyr.type) || (inArray(config.types.embed, plyr.type) && !plyr.supported.full)) { + if (inArray(config.types.html5, player.type) || (inArray(config.types.embed, player.type) && !player.supported.full)) { // Setup UI setupInterface(); @@ -4485,14 +4496,14 @@ } // Successful setup - plyr.init = true; + player.init = true; } // Setup the UI function setupInterface() { // Don't setup interface if no support - if (!plyr.supported.full) { - warn('Basic support only', plyr.type); + if (!player.supported.full) { + warn('Basic support only', player.type); // Remove controls remove(getElement(config.selectors.controls.wrapper)); @@ -4555,41 +4566,41 @@ return original; }, getContainer: function() { - return plyr.container + return player.elements.container }, getEmbed: function() { - return plyr.embed; + return player.embed; }, getMedia: function() { - return plyr.media; + return player.elements.media; }, getType: function() { - return plyr.type; + return player.type; }, getDuration: getDuration, getCurrentTime: function() { - return plyr.media.currentTime; + return player.elements.media.currentTime; }, getVolume: function() { - return plyr.media.volume; + return player.elements.media.volume; }, isMuted: function() { - return plyr.media.muted; + return player.elements.media.muted; }, isReady: function() { - return hasClass(plyr.container, config.classes.ready); + return hasClass(player.elements.container, config.classes.ready); }, isLoading: function() { - return hasClass(plyr.container, config.classes.loading); + return hasClass(player.elements.container, config.classes.loading); }, isPaused: function() { - return plyr.media.paused; + return player.elements.media.paused; }, isLooping: function() { return config.loop.active; }, on: function(event, callback) { - on(plyr.container, event, callback); + on(player.elements.container, event, callback); return this; }, play: play, @@ -4614,10 +4625,10 @@ toggleControls: toggleControls, setCaptionIndex: setCaptionIndex, isFullscreen: function() { - return plyr.isFullscreen || false; + return player.fullscreen.active || false; }, support: function(mimeType) { - return support.mime(plyr, mimeType); + return support.mime(player, mimeType); }, destroy: destroy }; @@ -4626,17 +4637,17 @@ function ready() { // Ready event at end of execution stack window.setTimeout(function() { - trigger(plyr.media, 'ready'); + trigger(player.elements.media, 'ready'); }, 0); // Set class hook on media element - toggleClass(plyr.media, defaults.classes.setup, true); + toggleClass(player.elements.media, defaults.classes.setup, true); // Set container class for ready - toggleClass(plyr.container, config.classes.ready, true); + toggleClass(player.elements.container, config.classes.ready, true); // Store a refernce to instance - plyr.media.plyr = api; + player.elements.media.plyr = api; // Autoplay if (config.autoplay) { @@ -4648,7 +4659,7 @@ init(); // If init failed, return null - if (!plyr.init) { + if (!player.init) { return null; } @@ -4688,14 +4699,15 @@ } // Check for support - function supported(type) { - var browser = getBrowser(), - isOldIE = (browser.isIE && browser.version <= 9), - isIos = browser.isIos, - isIphone = /iPhone|iPod/i.test(navigator.userAgent), - audio = !!createElement('audio').canPlayType, - video = !!createElement('video').canPlayType, - basic, full; + function checkSupport(type) { + var browser = getBrowser(); + var isOldIE = (browser.isIE && browser.version <= 9); + var isIos = browser.isIos; + var isIphone = /iPhone|iPod/i.test(navigator.userAgent); + var audio = !!createElement('audio').canPlayType; + var video = !!createElement('video').canPlayType; + var basic; + var full; switch (type) { case 'video': @@ -4729,9 +4741,9 @@ // Setup function function setup(targets, options) { // Get the players - var players = [], - instances = [], - selector = [defaults.selectors.html5, defaults.selectors.embed].join(','); + var players = []; + var instances = []; + var selector = [defaults.selectors.html5, defaults.selectors.embed].join(','); // Select the elements if (is.string(targets)) { @@ -4758,7 +4770,7 @@ // Bail if disabled or no basic support // You may want to disable certain UAs etc - if (!supported().basic || !targets.length) { + if (!checkSupport().basic || !targets.length) { return false; } @@ -4796,9 +4808,9 @@ // Create a player instance for each element players.forEach(function(player) { - var element = player.target, - media = player.media, - match = false; + var element = player.target; + var media = player.media; + var match = false; // The target element can also be the media element if (media === element) { @@ -4879,7 +4891,7 @@ return { setup: setup, - supported: supported, + supported: checkSupport, loadSprite: loadSprite, get: get }; |