aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--dist/plyr.js4
-rw-r--r--src/js/plyr.js1140
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","")+"&times;"}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","")+"&times;"}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
};