diff options
| -rw-r--r-- | dist/plyr.js | 4 | ||||
| -rw-r--r-- | src/js/plyr.js | 1140 |
2 files changed, 578 insertions, 566 deletions
diff --git a/dist/plyr.js b/dist/plyr.js index 594c64b2..dca907be 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(!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 i=e.replace(".","");j.object(t)&&j.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 j.object(n)&&l(i,n),j.string(a)&&(i.textContent=a),i}function d(e,t,n,a){var i=c(e,n,a);s(t,i)}function p(e){for(var t=e.childNodes.length;t--;)e.removeChild(e.lastChild)}function m(e){return e.replace(".","")}function f(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 y(e,t){return!!e&&(e.classList?e.classList.contains(t):new RegExp("(\\s|^)"+t+"(\\s|$)").test(e.className))}function b(e,n){var a=Element.prototype,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 v(e,t,n,a,i){h(e,t,function(t){n&&n.apply(e,[t]),a.apply(e,[t])},i)}function g(e,t,n,a,i){var r=t.split(" ");if(j.boolean(i)||(i=!1),e instanceof NodeList)for(var o=0;o<e.length;o++)e[o]instanceof Node&&g(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 h(e,t,n,a){j.undefined(e)||g(e,t,n,!0,a)}function k(e,t,n,a){j.undefined(e)||g(e,t,n,!1,a)}function w(e,t,n,a){if(e&&t){j.boolean(n)||(n=!1);var i=new CustomEvent(t,{bubbles:n,detail:a});e.dispatchEvent(i)}}function C(e,t){if(e)return t=j.boolean(t)?t:!e.getAttribute("aria-pressed"),e.setAttribute("aria-pressed",t),t}function x(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);j.object(t)||(t={});for(var n=e.length,a=0;a<n;a++){var i=e[a];j.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 E(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 _(g,_){function I(e,t,n,a){w(e,t,n,T({},a,{plyr:nt}))}function M(t,n){_.debug&&e.console&&(n=Array.prototype.slice.call(n),j.string(_.logPrefix)&&_.logPrefix.length&&n.unshift(_.logPrefix),console[t].apply(console,n))}function R(e){return at.container.querySelectorAll(e)}function V(e){return R(e)[0]}function D(){try{return e.self!==e.top}catch(e){return!0}}function W(){function e(e){9===e.which&&at.isFullscreen&&(e.target!==a||e.shiftKey?e.target===n&&e.shiftKey&&(e.preventDefault(),a.focus()):(e.preventDefault(),n.focus()))}var t=R("input:not([disabled]), button:not([disabled])"),n=t[0],a=t[t.length-1];h(at.container,"keydown",e)}function H(e,t){j.string(t)?d(e,at.media,{src:t}):j.array(t)&&t.forEach(function(t){d(e,at.media,t)})}function B(){return{url:_.iconUrl,absolute:0===_.iconUrl.indexOf("http")||at.browser.isIE}}function Y(e,n){var a="http://www.w3.org/2000/svg",i=B(),r=(i.absolute?"":i.url)+"#"+_.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 X(e){var t=_.i18n[e];switch(e){case"pip":t="PIP";break;case"airplay":t="AirPlay"}return c("span",{class:_.classes.hidden},t)}function U(e,t){var n,a,i,r=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":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(_.selectors.buttons[e],t)),j.string(a)&&r.appendChild(Y(a,{class:"icon--"+a})),r.appendChild(Y(n)),r.appendChild(X(i)),l(r,t),rt.buttons[e]=r,r}function J(e,t){var n="plyr-"+e+(j.object(t)&&"id"in t?"-"+t.id:""),a=c("label",{for:n,class:_.classes.hidden},_.i18n[e]),i=c("input",T(u(_.selectors.inputs[e]),{id:n,type:"range",min:0,max:100,step:.1,value:0},t));return rt.inputs[e]=i,{label:a,input:i}}function K(e,t){var n=c("progress",T(u(_.selectors.display[e]),{min:0,max:100,value:0},t));if("volume"!==e){n.appendChild(c("span",null,"0"));var a="";switch(e){case"played":a=_.i18n.played;break;case"buffer":a=_.i18n.buffered}n.textContent="% "+a.toLowerCase()}return rt.display[e]=n,n}function Q(e){var t=c("span",{class:"plyr__time"});return t.appendChild(c("span",{class:_.classes.hidden},_.i18n[e])),t.appendChild(c("span",u(_.selectors.display[e]),"00:00")),rt.display[e]=t,t}function z(e){var t=c("div",u(_.selectors.controls.wrapper));if(i(_.controls,"restart")&&t.appendChild(U("restart")),i(_.controls,"rewind")&&t.appendChild(U("rewind")),i(_.controls,"play")&&(t.appendChild(U("play")),t.appendChild(U("pause"))),i(_.controls,"fast-forward")&&t.appendChild(U("fast-forward")),i(_.controls,"progress")){var n=c("span",u(_.selectors.progress)),a=J("seek",{id:e.id});if(n.appendChild(a.label),n.appendChild(a.input),n.appendChild(K("played")),n.appendChild(K("buffer")),_.tooltips.seek){var r=c("span",{role:"tooltip",class:_.classes.tooltip},"00:00");n.appendChild(r)}rt.progress=n,t.appendChild(rt.progress)}if(i(_.controls,"current-time")&&t.appendChild(Q("currentTime")),i(_.controls,"duration")&&t.appendChild(Q("duration")),i(_.controls,"mute")&&t.appendChild(U("mute")),i(_.controls,"volume")){var o=c("span",{class:"plyr__volume"}),s={id:e.id,max:10,value:_.volume},l=J("volume",s);o.appendChild(l.label),o.appendChild(l.input);var d=K("volume",s);o.appendChild(d),t.appendChild(o)}if(i(_.controls,"captions")&&t.appendChild(U("captions")),i(_.controls,"settings")){var p=c("span",T(u(_.selectors.buttons.settings),{class:"plyr__menu"}));p.appendChild(U("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(_.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}),_.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},_.i18n.back);switch(i.appendChild(r),a.appendChild(i),t){case"captions":j.array(_.tracks)&&_.tracks.forEach(function(e,t){if(!j.function(e)){var n=c("li"),i=U("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(_.controls,"pip")&&q.pip&&t.appendChild(U("pip")),i(_.controls,"airplay")&&q.airplay&&t.appendChild(U("airplay")),i(_.controls,"fullscreen")&&t.appendChild(U("fullscreen")),rt.controls=t,t}function $(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(at.quality)&&(at.quality={available:e,current:t},j.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===at.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-'+at.id+'-primary" aria-expanded="false">',_.i18n.quality,"</button>","</li>"].join("")),V(_.selectors.menu.quality).innerHTML=r.join("")}}function G(){if(at.supported.full&&("audio"!==at.type||_.fullscreen.allowAudio)&&_.fullscreen.enabled){var e=q.fullscreen;e||_.fullscreen.fallback&&!D()?(st((e?"Native":"Fallback")+" fullscreen enabled"),f(at.container,_.classes.fullscreen.enabled,!0)):st("Fullscreen not supported and fallback disabled"),rt.buttons&&rt.buttons.fullscreen&&C(rt.buttons.fullscreen,!1),W()}}function Z(e){j.event(e)&&(e=e.target),e.activeCues[0]&&"text"in e.activeCues[0]?ne(e.activeCues[0].getCueAsHTML()):ne()}function ee(){if("video"===at.type){V(_.selectors.captions)||at.videoContainer.insertAdjacentHTML("afterbegin",'<div class="'+m(_.selectors.captions)+'"></div>'),at.usingTextTracks=!1,at.media.textTracks&&(at.usingTextTracks=!0);var e=[],t="";if(at.media.childNodes.forEach(function(t){"track"===t.nodeName.toLowerCase()&&("captions"!==t.kind&&"subtitles"!==t.kind||e.push(t.getAttribute("src")))}),at.captionExists=!0,0===e.length?(at.captionExists=!1,st("No caption track found")):Number(_.captions.selectedIndex)+1>e.length?(at.captionExists=!1,st("Caption index out of bound")):(t=e[_.captions.selectedIndex],st("Caption track found; URI: "+t)),at.captionExists){var n=at.media.textTracks;if([].forEach.call(n,function(e){k(e,"cuechange",Z),e.mode="hidden"}),ie(at),(at.browser.isIE&&at.browser.version>=10||at.browser.isFirefox&&at.browser.version>=31)&&(st("Detected browser with known TextTrack issues - using manual fallback"),at.usingTextTracks=!1),at.usingTextTracks){st("TextTracks supported");var a=n[_.captions.selectedIndex];"captions"!==a.kind&&"subtitles"!==a.kind||(h(a,"cuechange",Z),a.activeCues&&a.activeCues.length>0&&Z(a))}else if(st("TextTracks not supported so rendering captions manually"),at.currentCaption="",at.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);at.captions=n.map(function(e){var n=e.split(t),a=0;return n[a].indexOf(":")!==-1&&(a=1),[n[a],n[a+1]]}),at.captions.shift(),st("Successfully loaded the caption file via AJAX")}else lt(_.logPrefix+"There was a problem loading the caption file via AJAX")},i.open("get",t,!0),i.send()}}else f(at.container,_.classes.captions.enabled)}}function te(e){_.captions.selectedIndex=e||_.captions.selectedIndex,ne(),ee()}function ne(e){var t=V(_.selectors.captions);if(j.htmlElement(t)){var n=c("span");p(t),j.undefined(e)&&(e=""),j.string(e)?n.innerHTML=e.trim():n.appendChild(e),t.appendChild(n)}}function ae(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(!at.usingTextTracks&&"video"===at.type&&at.supported.full&&(at.subcount=0,e=j.number(e)?e:at.media.currentTime,at.captions[at.subcount])){for(;a(at.captions[at.subcount][0])<e.toFixed(1);)if(at.subcount++,at.subcount>at.captions.length-1){at.subcount=at.captions.length-1;break}at.media.currentTime.toFixed(1)>=n(at.captions[at.subcount][0])&&at.media.currentTime.toFixed(1)<=a(at.captions[at.subcount][0])?(at.currentCaption=at.captions[at.subcount][1],ne(at.currentCaption)):ne()}}function ie(){if(rt.buttons.captions){f(at.container,_.classes.captions.enabled,!0);var e=at.storage.captionsEnabled;j.boolean(e)||(e=_.captions.defaultActive),e&&(f(at.container,_.classes.captions.active,!0),C(rt.buttons.captions,!0))}}function re(e){at.supported.full&&rt.buttons.captions&&(j.boolean(e)||(e=at.container.className.indexOf(_.classes.captions.active)===-1),at.captionsEnabled=e,rt.buttons.captions_menu.innerHTML=e?"Off":"On",C(rt.buttons.captions,at.captionsEnabled),f(at.container,_.classes.captions.active,at.captionsEnabled),I(at.container,at.captionsEnabled?"captionsenabled":"captionsdisabled",!0),de({captionsEnabled:at.captionsEnabled}))}function oe(){if(_.loadSprite){var e=B();e.absolute?(st("AJAX loading absolute SVG sprite"+(at.browser.isIE?" (due to IE)":"")),A(e.url,"sprite-plyr")):st("Sprite will be used as external resource directly")}i(_.controls,"play-large")&&(rt.buttons.playLarge=U("play-large"),at.container.appendChild(rt.buttons.playLarge)),at.id=Math.floor(1e4*Math.random());var n,a=z({id:at.id,seektime:_.seekTime,speed:xe(),quality:"HD",captions:"English",loop:"None"});if(j.string(_.selectors.controls.container)&&(n=t.querySelector(_.selectors.controls.container)),j.htmlElement(n)||(n=at.container),n.appendChild(a),_.tooltips.controls)for(var r=R([_.selectors.controls.wrapper," ",_.selectors.labels," .",_.classes.hidden].join("")),o=r.length-1;o>=0;o--){var s=r[o];f(s,_.classes.hidden,!1),f(s,_.classes.tooltip,!0)}}function se(){f(at.container,_.selectors.container.replace(".",""),at.supported.full)}function le(e){e&&i(_.types.html5,at.type)?at.media.setAttribute("controls",""):at.media.removeAttribute("controls")}function ue(e){var t=_.i18n.play;j.string(_.title)&&_.title.length&&(t+=", "+_.title,at.container.setAttribute("aria-label",_.title)),at.supported.full&&(j.htmlElement(rt.buttons.play)&&rt.buttons.play.setAttribute("aria-label",t),j.htmlElement(rt.buttons.playLarge)&&rt.buttons.playLarge.setAttribute("aria-label",t)),j.htmlElement(e)&&e.setAttribute("title",_.i18n.frameTitle.replace("{title}",_.title))}function ce(){var t=null;at.storage={},q.storage&&_.storage.enabled&&(e.localStorage.removeItem("plyr-volume"),t=e.localStorage.getItem(_.storage.key),t&&(/^\d+(\.\d+)?$/.test(t)?de({volume:parseFloat(t)}):at.storage=JSON.parse(t)))}function de(t){q.storage&&_.storage.enabled&&(T(at.storage,t),e.localStorage.setItem(_.storage.key,JSON.stringify(at.storage)))}function pe(){if(!at.media)return void lt("No media element found!");if(at.supported.full&&(f(at.container,_.classes.type.replace("{0}",at.type),!0),i(_.types.embed,at.type)&&f(at.container,_.classes.type.replace("{0}","video"),!0),f(at.container,_.classes.pip.enabled,q.pip),f(at.container,_.classes.stopped,_.autoplay),f(at.container,_.classes.isIos,at.browser.isIos),f(at.container,_.classes.isTouch,at.browser.isTouch),"video"===at.type)){var e=c("div");e.setAttribute("class",_.classes.videoWrapper),r(at.media,e),at.videoContainer=e}i(_.types.embed,at.type)&&me()}function me(){var t,n=c("div"),i=at.type+"-"+Math.floor(1e4*Math.random());switch(at.type){case"youtube":t=E(at.embedId);break;case"vimeo":t=S(at.embedId);break;default:t=at.embedId}for(var r=R('[id^="'+at.type+'-"]'),s=r.length-1;s>=0;s--)o(r[s]);if(f(at.media,_.classes.videoWrapper,!0),f(at.media,_.classes.embedWrapper,!0),"youtube"===at.type)at.media.appendChild(n),n.setAttribute("id",i),j.object(e.YT)?ye(t,n):(a(_.urls.youtube.api),e.onYouTubeReadyCallbacks=e.onYouTubeReadyCallbacks||[],e.onYouTubeReadyCallbacks.push(function(){ye(t,n)}),e.onYouTubeIframeAPIReady=function(){e.onYouTubeReadyCallbacks.forEach(function(e){e()})});else if("vimeo"===at.type)if(at.supported.full?at.media.appendChild(n):n=at.media,n.setAttribute("id",i),j.object(e.Vimeo))be(t,n);else{a(_.urls.vimeo.api);var u=e.setInterval(function(){j.object(e.Vimeo)&&(e.clearInterval(u),be(t,n))},50)}else if("soundcloud"===at.type){var d=c("iframe");d.loaded=!1,h(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),at.media.appendChild(n),e.SC||a(_.urls.soundcloud.api);var p=e.setInterval(function(){e.SC&&d.loaded&&(e.clearInterval(p),ve.call(d))},50)}}function fe(){at.supported.full&&(et(),tt()),ue(V("iframe"))}function ye(t,n){at.embed=new e.YT.Player(n.id,{videoId:t,playerVars:{autoplay:_.autoplay?1:0,controls:at.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_load_policy:_.captions.defaultActive?1:0,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1,origin:"*"},events:{onError:function(e){I(at.container,"error",!0,{code:e.data,embed:e.target})},onPlaybackQualityChange:function(e){var t=e.target,n=t.getPlaybackQuality();console.warn(n)},onReady:function(t){var n=t.target;at.media.play=function(){n.playVideo(),at.media.paused=!1},at.media.pause=function(){n.pauseVideo(),at.media.paused=!0},at.media.stop=function(){n.stopVideo(),at.media.paused=!0},at.media.duration=n.getDuration(),at.media.paused=!0,at.media.currentTime=0,at.media.muted=n.isMuted();var a=n.getPlaybackRate(),i=n.getAvailablePlaybackRates();console.warn(a,i),_.title=n.getVideoData().title,at.supported.full&&at.media.querySelector("iframe").setAttribute("tabindex","-1"),fe(),I(at.media,"timeupdate"),I(at.media,"durationchange"),e.clearInterval(it.buffering),it.buffering=e.setInterval(function(){at.media.buffered=n.getVideoLoadedFraction(),(null===at.media.lastBuffered||at.media.lastBuffered<at.media.buffered)&&I(at.media,"progress"),at.media.lastBuffered=at.media.buffered,1===at.media.buffered&&(e.clearInterval(it.buffering),I(at.media,"canplaythrough"))},200)},onStateChange:function(t){var n=t.target;switch(e.clearInterval(it.playing),t.data){case 0:at.media.paused=!0,I(at.media,"ended");break;case 1:at.media.paused=!1,at.media.seeking&&I(at.media,"seeked"),at.media.seeking=!1,I(at.media,"play"),I(at.media,"playing"),it.playing=e.setInterval(function(){at.media.currentTime=n.getCurrentTime(),I(at.media,"timeupdate")},100),at.media.duration!==n.getDuration()&&(at.media.duration=n.getDuration(),I(at.media,"durationchange"));var a=n.getAvailableQualityLevels(),i=n.getPlaybackQuality();$(a,i);break;case 2:at.media.paused=!0,I(at.media,"pause")}I(at.container,"statechange",!1,{code:t.data})}}})}function be(t,n){at.embed=new e.Vimeo.Player(n,{id:parseInt(t),loop:_.loop.active,autoplay:_.autoplay,byline:!1,portrait:!1,title:!1}),at.media.play=function(){at.embed.play(),at.media.paused=!1},at.media.pause=function(){at.embed.pause(),at.media.paused=!0},at.media.stop=function(){at.embed.stop(),at.media.paused=!0},at.media.paused=!0,at.media.currentTime=0,fe(),at.embed.getCurrentTime().then(function(e){at.media.currentTime=e,I(at.media,"timeupdate")}),at.embed.getDuration().then(function(e){at.media.duration=e,I(at.media,"durationchange")}),at.embed.on("loaded",function(){j.htmlElement(at.embed.element)&&at.supported.full&&at.embed.element.setAttribute("tabindex","-1")}),at.embed.on("play",function(){at.media.paused=!1,I(at.media,"play"),I(at.media,"playing")}),at.embed.on("pause",function(){at.media.paused=!0,I(at.media,"pause")}),at.embed.on("timeupdate",function(e){at.media.seeking=!1,at.media.currentTime=e.seconds,I(at.media,"timeupdate")}),at.embed.on("progress",function(e){at.media.buffered=e.percent,I(at.media,"progress"),1===parseInt(e.percent)&&I(at.media,"canplaythrough")}),at.embed.on("seeked",function(){at.media.seeking=!1,I(at.media,"seeked"),I(at.media,"play")}),at.embed.on("ended",function(){at.media.paused=!0,I(at.media,"ended")})}function ve(){at.embed=e.SC.Widget(this),at.embed.bind(e.SC.Widget.Events.READY,function(){at.media.play=function(){at.embed.play(),at.media.paused=!1},at.media.pause=function(){at.embed.pause(),at.media.paused=!0},at.media.stop=function(){at.embed.seekTo(0),at.embed.pause(),at.media.paused=!0},at.media.paused=!0,at.media.currentTime=0,at.embed.getDuration(function(e){at.media.duration=e/1e3,fe()}),at.embed.getPosition(function(e){at.media.currentTime=e,I(at.media,"timeupdate")}),at.embed.bind(e.SC.Widget.Events.PLAY,function(){at.media.paused=!1,I(at.media,"play"),I(at.media,"playing")}),at.embed.bind(e.SC.Widget.Events.PAUSE,function(){at.media.paused=!0,I(at.media,"pause")}),at.embed.bind(e.SC.Widget.Events.PLAY_PROGRESS,function(e){at.media.seeking=!1,at.media.currentTime=e.currentPosition/1e3,I(at.media,"timeupdate")}),at.embed.bind(e.SC.Widget.Events.LOAD_PROGRESS,function(e){at.media.buffered=e.loadProgress,I(at.media,"progress"),1===parseInt(e.loadProgress)&&I(at.media,"canplaythrough")}),at.embed.bind(e.SC.Widget.Events.FINISH,function(){at.media.paused=!0,I(at.media,"ended")})})}function ge(){"play"in at.media&&at.media.play()}function he(){"pause"in at.media&&at.media.pause()}function ke(e){return j.boolean(e)||(e=at.media.paused),e?ge():he(),e}function we(e){i(["start","end","all","none","toggle"],e)||(e="toggle");var n=Number(at.media.currentTime);switch(e){case"start":_.loop.end&&_.loop.end<=n&&(_.loop.end=null),_.loop.start=n,_.loop.indicator.start=rt.display.played.value;break;case"end":if(_.loop.start>=n)return;_.loop.end=n,_.loop.indicator.end=rt.display.played.value;break;case"all":_.loop.start=0,_.loop.end=at.media.duration-2,_.loop.indicator.start=0,_.loop.indicator.end=100;break;case"toggle":_.loop.active?(_.loop.start=0,_.loop.end=null):(_.loop.start=0,_.loop.end=at.media.duration-2);break;default:_.loop.start=0,_.loop.end=null}_.loop.active=j.number(_.loop.start)&&j.number(_.loop.end);var a=(De(_.loop.start,V('[data-plyr-loop="start"]')),null);j.number(_.loop.end)&&(a=De(_.loop.end,t.querySelector('[data-loop__value="loopout"]'))),_.loop.active}function Ce(e){if(j.undefined(e)&&(e=at.storage.speed||_.defaultSpeed),!j.array(_.speeds))return void lt("Invalid speeds format");if(!j.number(e)){var t=_.speeds.indexOf(_.currentSpeed);if(t!==-1){var n=t+1;n>=_.speeds.length&&(n=0),e=_.speeds[n]}else e=_.defaultSpeed}_.currentSpeed=e,at.media.playbackRate=e,de({speed:e})}function xe(){return _.currentSpeed.toFixed(1).toString().replace(".0","")+"×"}function Te(e){j.number(e)||(e=_.seekTime),Se(at.media.currentTime-e)}function Ee(e){j.number(e)||(e=_.seekTime),Se(at.media.currentTime+e)}function Se(e){var t=0,n=at.media.paused,a=_e();j.number(e)?t=e:j.event(e)&&i(["input","change"],e.type)&&(t=e.target.value/e.target.max*a),t<0?t=0:t>a&&(t=a),Be(t);try{at.media.currentTime=t.toFixed(4)}catch(e){}if(i(_.types.embed,at.type)){switch(at.type){case"youtube":at.embed.seekTo(t);break;case"vimeo":at.embed.setCurrentTime(t.toFixed(0));break;case"soundcloud":at.embed.seekTo(1e3*t)}n&&he(),I(at.media,"timeupdate"),at.media.seeking=!0,I(at.media,"seeking")}st("Seeking to "+at.media.currentTime+" seconds"),ae(t)}function _e(){var e=parseInt(_.duration),t=0;return null===at.media.duration||isNaN(at.media.duration)||(t=at.media.duration),isNaN(e)?t:e}function Ae(){f(at.container,_.classes.playing,!at.media.paused),f(at.container,_.classes.stopped,at.media.paused),Xe(at.media.paused)}function Fe(){L={x:e.pageXOffset||0,y:e.pageYOffset||0}}function Ie(){e.scrollTo(L.x,L.y)}function Pe(e){var n=q.fullscreen;if(n){if(!e||e.type!==N.eventType)return N.isFullScreen(at.container)?N.cancelFullScreen():(Fe(),N.requestFullScreen(at.container)),void(at.isFullscreen=N.isFullScreen(at.container));at.isFullscreen=N.isFullScreen(at.container)}else at.isFullscreen=!at.isFullscreen,t.body.style.overflow=at.isFullscreen?"hidden":"";f(at.container,_.classes.fullscreen.active,at.isFullscreen),W(at.isFullscreen),rt.buttons&&rt.buttons.fullscreen&&C(rt.buttons.fullscreen,at.isFullscreen),I(at.container,at.isFullscreen?"enterfullscreen":"exitfullscreen",!0),!at.isFullscreen&&n&&Ie()}function Ne(e){if(j.boolean(e)||(e=!at.media.muted),C(rt.buttons.mute,e),at.media.muted=e,0===at.media.volume&&Le(_.volume),i(_.types.embed,at.type)){switch(at.type){case"youtube":at.embed[at.media.muted?"mute":"unMute"]();break;case"vimeo":case"soundcloud":at.embed.setVolume(at.media.muted?0:parseFloat(_.volume/10))}I(at.media,"volumechange")}}function Le(e){var t=10,n=0;if(j.undefined(e)&&(e=at.storage.volume),(null===e||isNaN(e))&&(e=_.volume),e>t&&(e=t),e<n&&(e=n),at.media.volume=parseFloat(e/t),rt.display.volume&&(rt.display.volume.value=e),i(_.types.embed,at.type)){switch(at.type){case"youtube":at.embed.setVolume(100*at.media.volume);break;case"vimeo":case"soundcloud":at.embed.setVolume(at.media.volume)}I(at.media,"volumechange")}0===e?at.media.muted=!0:at.media.muted&&e>0&&Ne()}function Oe(e){var t=at.media.muted?0:10*at.media.volume;j.number(e)||(e=1),Le(t+e)}function je(e){var t=at.media.muted?0:10*at.media.volume;j.number(e)||(e=1),Le(t-e)}function qe(){var e=at.media.muted?0:10*at.media.volume;at.supported.full&&(rt.inputs.volume&&(rt.inputs.volume.value=e),rt.display.volume&&(rt.display.volume.value=e)),de({volume:e}),f(at.container,_.classes.muted,0===e),at.supported.full&&rt.buttons.mute&&C(rt.buttons.mute,0===e)}function Me(e){var t="waiting"===e.type;clearTimeout(it.loading),it.loading=setTimeout(function(){f(at.container,_.classes.loading,t),Xe(t)},t?250:0)}function Re(e){if(at.supported.full){var t=rt.display.played,n=0,a=_e();if(e)switch(e.type){case"timeupdate":case"seeking":if(rt.controls.pressed)return;n=x(at.media.currentTime,a),"timeupdate"===e.type&&rt.inputs.seek&&(rt.inputs.seek.value=n);break;case"playing":case"progress":t=rt.display.buffer,n=function(){var e=at.media.buffered;return e&&e.length?x(e.end(0),a):j.number(e)?100*e:0}()}j.number(_.loop.start)&&j.number(_.loop.end)&&at.media.currentTime>=_.loop.end&&Se(_.loop.start),Ve(t,n)}}function Ve(e,t){if(at.supported.full){if(j.undefined(t)&&(t=0),j.undefined(e)){if(!j.htmlElement(rt.display.buffer))return;e=rt.display.buffer}if(j.htmlElement(e)){e.value=t;var n=e.getElementsByTagName("span")[0];j.htmlElement(n)&&(n.childNodes[0].nodeValue=t)}}}function De(e,t){if(t){isNaN(e)&&(e=0),at.secs=parseInt(e%60),at.mins=parseInt(e/60%60),at.hours=parseInt(e/60/60%60);var n=parseInt(_e()/60/60%60)>0;at.secs=("0"+at.secs).slice(-2),at.mins=("0"+at.mins).slice(-2);var a=(n?at.hours+":":"")+at.mins+":"+at.secs;return t.textContent=a,a}}function We(){if(at.supported.full){var e=_e()||0;!rt.display.duration&&_.displayDuration&&at.media.paused&&De(e,rt.display.currentTime),rt.display.duration&&De(e,rt.display.duration),Ye()}}function He(e){De(at.media.currentTime,rt.display.currentTime),e&&"timeupdate"===e.type&&at.media.seeking||Re(e)}function Be(e){j.number(e)||(e=0);var t=_e(),n=x(e,t);rt.progress&&rt.display.played&&(rt.display.played.value=n),rt.buttons&&rt.inputs.seek&&(rt.inputs.seek.value=n)}function Ye(e){var t=_e();if(_.tooltips.seek&&rt.progress.container&&0!==t){var n=rt.progress.container.getBoundingClientRect(),a=0,r=_.classes.tooltip+"--visible";if(e)a=100/n.width*(e.pageX-n.left);else{if(!y(rt.display.seekTooltip,r))return;a=rt.display.seekTooltip.style.left.replace("%","")}a<0?a=0:a>100&&(a=100),De(t/100*a,rt.display.seekTooltip),rt.display.seekTooltip.style.left=a+"%",e&&i(["mouseenter","mouseleave"],e.type)&&f(rt.display.seekTooltip,r,"mouseenter"===e.type)}}function Xe(t){if(_.hideControls&&"audio"!==at.type){var n=0,a=!1,r=t,o=y(at.container,_.classes.loading);if(j.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=y(at.container,_.classes.hideControls)),e.clearTimeout(it.hover),r||at.media.paused||o){if(f(at.container,_.classes.hideControls,!1),at.media.paused||o)return;at.browser.isTouch&&(n=3e3)}r&&at.media.paused||(it.hover=e.setTimeout(function(){(!rt.controls.pressed&&!rt.controls.hover||a)&&f(at.container,_.classes.hideControls,!0)},n))}}function Ue(e){if(!j.undefined(e))return void Je(e);var t;switch(at.type){case"youtube":t=at.embed.getVideoUrl();break;case"vimeo":at.embed.getVideoUrl.then(function(e){t=e});break;case"soundcloud":at.embed.getCurrentSound(function(e){t=e.permalink_url});break;default:t=at.media.currentSrc}return t||""}function Je(e){function t(){if(at.embed=null,o(at.media),"video"===at.type&&at.videoContainer&&o(at.videoContainer),at.container&&at.container.removeAttribute("class"),"type"in e&&(at.type=e.type,"video"===at.type)){var t=e.sources[0];"type"in t&&i(_.types.embed,t.type)&&(at.type=t.type)}switch(at.supported=F(at.type),at.type){case"video":at.media=c("video");break;case"audio":at.media=c("audio");break;case"youtube":case"vimeo":case"soundcloud":at.media=c("div"),at.embedId=e.sources[0].src}s(at.container,at.media),j.boolean(e.autoplay)&&(_.autoplay=e.autoplay),i(_.types.html5,at.type)&&(_.crossorigin&&at.media.setAttribute("crossorigin",""),_.autoplay&&at.media.setAttribute("autoplay",""),"poster"in e&&at.media.setAttribute("poster",e.poster),_.loop.active&&at.media.setAttribute("loop","")),f(at.container,_.classes.fullscreen.active,at.isFullscreen),f(at.container,_.classes.captions.active,at.captionsEnabled),se(),i(_.types.html5,at.type)&&H("source",e.sources),pe(),i(_.types.html5,at.type)&&("tracks"in e&&H("track",e.tracks),at.media.load()),(i(_.types.html5,at.type)||i(_.types.embed,at.type)&&!at.supported.full)&&(et(),tt()),_.title=e.title,ue()}return j.object(e)&&"sources"in e&&e.sources.length?(f(at.container,_.classes.ready,!1),he(),Be(),Ve(),$e(),void Ge(t,!1)):void lt("Invalid source format")}function Ke(e){"video"===at.type&&at.media.setAttribute("poster",e); -}function Qe(){function n(){var e=ke(),t=rt.buttons[e?"play":"pause"],n=rt.buttons[e?"pause":"play"];if(n=n&&n.length>1?n[n.length-1]:n[0]){var a=y(t,_.classes.tabFocus);setTimeout(function(){n.focus(),a&&(f(t,_.classes.tabFocus,!1),f(n,_.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 rt.buttons){var n=rt.buttons[t];if(j.nodeList(n))for(var a=0;a<n.length;a++)f(n[a],_.classes.tabFocus,n[a]===e);else f(n,_.classes.tabFocus,n===e)}}function l(e){function t(){var e=at.media.duration;j.number(e)&&Se(e/10*(o-48))}var o=r(e),s="keydown"===e.type,l=s&&o===c;if(j.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(j.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:Oe();break;case 40:je();break;case 77:l||Ne();break;case 39:Ee();break;case 37:Te();break;case 70:Pe();break;case 67:l||re();break;case 73:we("start");break;case 76:we();break;case 79:we("end")}!q.fullscreen&&at.isFullscreen&&27===o&&Pe(),c=o}else c=null}var u=at.browser.isIE?"change":"input";if(_.keyboardShortcuts.focused){var c=null;_.keyboardShortcuts.global&&h(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=P().length;1!==s||!i(o,t)||j.htmlElement(n)&&b(n,_.selectors.editable)||l(e)}),h(at.container,"keydown keyup",l)}h(e,"keyup",function(e){var t=r(e),n=a();9===t&&s(n)}),h(t.body,"click",function(){f(V("."+_.classes.tabFocus),_.classes.tabFocus,!1)});for(var d in rt.buttons){var p=rt.buttons[d];h(p,"blur",function(){f(p,"tab-focus",!1)})}v(rt.buttons.play,"click",_.listeners.play,n),v(rt.buttons.playLarge,"click",_.listeners.play,n),v(rt.buttons.pause,"click",_.listeners.pause,n),v(rt.buttons.restart,"click",_.listeners.restart,Se),v(rt.buttons.rewind,"click",_.listeners.rewind,Te),v(rt.buttons.forward,"click",_.listeners.forward,Ee),v(rt.buttons.speed,"click",_.listeners.speed,function(){}),v(rt.inputs.seek,u,_.listeners.seek,Se),v(rt.inputs.volume,u,_.listeners.volume,function(){Le(rt.inputs.volume.value)}),v(rt.buttons.mute,"click",_.listeners.mute,Ne),v(rt.buttons.fullscreen,"click",_.listeners.fullscreen,Pe),v(rt.buttons.loop,"click",_.listeners.loop,function(e){var t=e.target.getAttribute("data-loop__value")||e.target.getAttribute("data-loop__type");i(["start","end","all","none"],t)&&we(t)}),q.fullscreen&&h(t,N.eventType,Pe),v(rt.buttons.captions,"click",_.listeners.captions,re),v(rt.buttons.lang,"click",_.listeners.lang,function(e){var t=e.target.attributes.getNamedItem("data-index").value;te(t)}),h(rt.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(j.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))}}),h(rt.buttons.pip,"click",function(){at.media.webkitSetPresentationMode("picture-in-picture"===at.media.webkitPresentationMode?"inline":"picture-in-picture")}),h(rt.progress.container,"mouseenter mouseleave mousemove",Ye),_.hideControls&&(h(at.container,"mouseenter mouseleave mousemove touchstart touchend touchcancel touchmove enterfullscreen",Xe),h(rt.controls,"mouseenter mouseleave",function(e){rt.controls.hover="mouseenter"===e.type}),h(rt.controls,"mousedown mouseup touchstart touchend touchcancel",function(e){rt.controls.pressed=i(["mousedown","touchstart"],e.type)}),h(rt.controls,"focus blur",Xe,!0)),h(rt.inputs.volume,"wheel",function(e){e.preventDefault();var t=e.webkitDirectionInvertedFromDevice,n=.2;(e.deltaY<0||e.deltaX>0)&&(t?je(n):Oe(n)),(e.deltaY>0||e.deltaX<0)&&(t?Oe(n):je(n))})}function ze(){if(h(at.media,"timeupdate seeking",He),h(at.media,"timeupdate",ae),h(at.media,"durationchange loadedmetadata",We),h(at.media,"ended",function(){"video"===at.type&&_.showPosterOnEnd&&("video"===at.type&&ne(),Se(),at.media.load())}),h(at.media,"progress playing",Re),h(at.media,"volumechange",qe),h(at.media,"play pause ended",Ae),h(at.media,"waiting canplay seeked",Me),_.clickToPlay&&"audio"!==at.type){var e=V("."+_.classes.videoWrapper);if(!e)return;e.style.cursor="pointer",h(e,"click",function(){_.hideControls&&at.browser.isTouch&&!at.media.paused||(at.media.paused?ge():at.media.ended?(Se(),ge()):he())})}_.disableContextMenu&&h(at.media,"contextmenu",function(e){e.preventDefault()}),h(at.media,_.events.concat(["keyup","keydown"]).join(" "),function(e){I(at.container,e.type,!0)})}function $e(){if(i(_.types.html5,at.type)){for(var e=at.media.querySelectorAll("source"),t=0;t<e.length;t++)o(e[t]);at.media.setAttribute("src","https://cdn.selz.com/plyr/blank.mp4"),at.media.load(),st("Cancelled network requests")}}function Ge(n,a){function i(){j.boolean(a)||(a=!0),j.function(n)&&n.call(ot),a&&(at.init=!1,at.container.parentNode.replaceChild(ot,at.container),t.body.style.overflow="",I(ot,"destroyed",!0))}if(!at.init)return null;switch(at.type){case"youtube":e.clearInterval(it.buffering),e.clearInterval(it.playing),at.embed.destroy(),i();break;case"vimeo":at.embed.unload().then(i),e.setTimeout(i,200);break;case"video":case"audio":le(!0),i()}}function Ze(){if(at.init)return null;if(at.browser=n(),j.htmlElement(at.media)){ce();var e=g.tagName.toLowerCase();"div"===e?(at.type=g.getAttribute("data-type"),at.embedId=g.getAttribute("data-video-id"),g.removeAttribute("data-type"),g.removeAttribute("data-video-id")):(at.type=e,_.crossorigin=null!==g.getAttribute("crossorigin"),_.autoplay=_.autoplay||null!==g.getAttribute("autoplay"),_.loop=_.loop||null!==g.getAttribute("loop")),at.supported=F(at.type),at.supported.basic&&(at.container=r(g,c("div")),at.container.setAttribute("tabindex",0),se(),st(""+at.browser.name+" "+at.browser.version),pe(),(i(_.types.html5,at.type)||i(_.types.embed,at.type)&&!at.supported.full)&&(et(),tt(),ue()),at.init=!0)}}function et(){return at.supported.full?(j.htmlElement(V(_.selectors.controls.wrapper))||(oe(),Qe()),ze(),le(),G(),ee(),te(),Le(),qe(),Ce(),we(),He(),void Ae()):(lt("Basic support only",at.type),o(V(_.selectors.controls.wrapper)),o(V(_.selectors.buttons.play)),void le(!0))}function tt(){e.setTimeout(function(){I(at.media,"ready")},0),f(at.media,O.classes.setup,!0),f(at.container,_.classes.ready,!0),at.media.plyr=nt,_.autoplay&&ge()}var nt,at=this,it={},rt={buttons:{},display:{},progress:{},inputs:{},settings:{tabs:{},panes:{}}};at.media=g;var ot=g.cloneNode(!0),st=function(){M("log",arguments)},lt=function(){M("warn",arguments)};return st("Config",_),st("Support",q),nt={getOriginal:function(){return ot},getContainer:function(){return at.container},getEmbed:function(){return at.embed},getMedia:function(){return at.media},getType:function(){return at.type},getDuration:_e,getCurrentTime:function(){return at.media.currentTime},getVolume:function(){return at.media.volume},isMuted:function(){return at.media.muted},isReady:function(){return y(at.container,_.classes.ready)},isLoading:function(){return y(at.container,_.classes.loading)},isPaused:function(){return at.media.paused},isLooping:function(){return _.loop.active},on:function(e,t){return h(at.container,e,t),this},play:ge,pause:he,loop:we,stop:function(){he(),Se()},restart:Se,rewind:Te,forward:Ee,seek:Se,source:Ue,poster:Ke,setVolume:Le,setSpeed:Ce,togglePlay:ke,toggleMute:Ne,toggleCaptions:re,toggleFullscreen:Pe,toggleControls:Xe,setCaptionIndex:te,isFullscreen:function(){return at.isFullscreen||!1},support:function(e){return q.mime(at,e)},destroy:Ge},Ze(),at.init?nt:null}function A(e,n){var a=new XMLHttpRequest;if(!j.string(n)||!j.htmlElement(t.querySelector("#"+n))){var i=c("div");i.setAttribute("hidden",""),j.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 F(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 I(e,n){function a(e,t){y(t,O.classes.hook)||i.push({target:e,media:t})}var i=[],r=[],o=[O.selectors.html5,O.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(o)),j.nodeList(e)&&(e=Array.prototype.slice.call(e)),!F().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 b(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({},O,n,o);if(!s.enabled)return null;var l=new _(a,s);if(j.object(l)){if(s.debug){var u=s.events.concat(["setup","statechange","enterfullscreen","exitfullscreen","captionsenabled","captionsdisabled"]);h(l.getContainer(),u.join(" "),function(e){console.log([s.logPrefix,"event:",e.type].join(" "),e.detail.plyr)})}w(l.getContainer(),"setup",!0,{plyr:l}),r.push(l)}}),r}function P(e){if(j.string(e)?e=t.querySelector(e):j.undefined(e)&&(e=t.body),j.htmlElement(e)){var n=e.querySelectorAll("."+O.classes.setup),a=[];return Array.prototype.slice.call(n).forEach(function(e){j.object(e.plyr)&&a.push(e.plyr)}),a}return[]}var N,L={x:0,y:0},O={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:""},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(!q.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!!q.fullscreen&&(j.htmlElement(n)||(n=t.body),console.log(e),""===e?n.requestFullScreen():n[e+("ms"===e?"RequestFullscreen":"RequestFullScreen")]())},cancelFullScreen:function(){return!!q.fullscreen&&(""===e?t.cancelFullScreen():t[e+("ms"===e?"ExitFullscreen":"CancelFullScreen")]())},element:function(){return q.fullscreen?""===e?t.fullscreenElement:t[e+"FullscreenElement"]:null}}}();var q={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:F,loadSprite:A,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 +!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(!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 s=e.replace(".","");O.object(t)&&O.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 O.object(n)&&o(s,n),O.string(a)&&(s.textContent=a),s}function d(e,t,n,a){var s=c(e,n,a);r(t,s)}function p(e){for(var t=e.childNodes.length;t--;)e.removeChild(e.lastChild)}function m(e){return e.replace(".","")}function f(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 y(e,t){return!!e&&(e.classList?e.classList.contains(t):new RegExp("(\\s|^)"+t+"(\\s|$)").test(e.className))}function b(e,n){var a=Element.prototype,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 v(e,t,n,a,s){h(e,t,function(t){n&&n.apply(e,[t]),a.apply(e,[t])},s)}function g(e,t,n,a,s){var l=t.split(" ");if(O.boolean(s)||(s=!1),e instanceof NodeList)for(var i=0;i<e.length;i++)e[i]instanceof Node&&g(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 h(e,t,n,a){O.undefined(e)||g(e,t,n,!0,a)}function k(e,t,n,a){O.undefined(e)||g(e,t,n,!1,a)}function w(e,t,n,a){if(e&&t){O.boolean(n)||(n=!1);var s=new CustomEvent(t,{bubbles:n,detail:a});e.dispatchEvent(s)}}function C(e,t){if(e)return t=O.boolean(t)?t:!e.getAttribute("aria-pressed"),e.setAttribute("aria-pressed",t),t}function x(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 s=e[a];O.object(s)||(s={});for(var l in s)s[l]&&s[l].constructor&&s[l].constructor===Object?(t[l]=t[l]||{},T(t[l],s[l])):t[l]=s[l]}return t}}function S(e){var t=/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;return e.match(t)?RegExp.$2:e}function _(e){var t=/^.*(vimeo.com\/|video\/)(\d+).*/;return e.match(t)?RegExp.$2:e}function E(g,E){function P(t,n){E.debug&&e.console&&(n=Array.prototype.slice.call(n),O.string(E.logPrefix)&&E.logPrefix.length&&n.unshift(E.logPrefix),console[t].apply(console,n))}function M(e,t,n,a){w(e,t,n,T({},a,{plyr:nt}))}function R(e){return at.elements.container.querySelectorAll(e)}function V(e){return R(e)[0]}function D(){try{return e.self!==e.top}catch(e){return!0}}function W(){function e(e){9===e.which&&at.fullscreen.active&&(e.target!==a||e.shiftKey?e.target===n&&e.shiftKey&&(e.preventDefault(),a.focus()):(e.preventDefault(),n.focus()))}var t=R("input:not([disabled]), button:not([disabled])"),n=t[0],a=t[t.length-1];h(at.elements.container,"keydown",e)}function H(e,t){O.string(t)?d(e,at.elements.media,{src:t}):O.array(t)&&t.forEach(function(t){d(e,at.elements.media,t)})}function B(){return{url:E.iconUrl,absolute:0===E.iconUrl.indexOf("http")||at.browser.isIE}}function Y(e,n){var a="http://www.w3.org/2000/svg",s=B(),l=(s.absolute?"":s.url)+"#"+E.iconPrefix,i=t.createElementNS(a,"svg");o(i,T(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 X(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 U(e,t){var n,a,s,l=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":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 T(t,u(E.selectors.buttons[e],t)),O.string(a)&&l.appendChild(Y(a,{class:"icon--"+a})),l.appendChild(Y(n)),l.appendChild(X(s)),o(l,t),at.elements.buttons[e]=l,l}function J(e,t){var n="plyr-"+e+(O.object(t)&&"id"in t?"-"+t.id:""),a=c("label",{for:n,class:E.classes.hidden},E.i18n[e]),s=c("input",T(u(E.selectors.inputs[e]),{id:n,type:"range",min:0,max:100,step:.1,value:0},t));return at.elements.inputs[e]=s,{label:a,input:s}}function K(e,t){var n=c("progress",T(u(E.selectors.display[e]),{min:0,max:100,value:0},t));if("volume"!==e){n.appendChild(c("span",null,"0"));var a="";switch(e){case"played":a=E.i18n.played;break;case"buffer":a=E.i18n.buffered}n.textContent="% "+a.toLowerCase()}return at.elements.display[e]=n,n}function Q(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")),at.elements.display[e]=t,t}function z(e){var t=c("div",u(E.selectors.controls.wrapper));if(s(E.controls,"restart")&&t.appendChild(U("restart")),s(E.controls,"rewind")&&t.appendChild(U("rewind")),s(E.controls,"play")&&(t.appendChild(U("play")),t.appendChild(U("pause"))),s(E.controls,"fast-forward")&&t.appendChild(U("fast-forward")),s(E.controls,"progress")){var n=c("span",u(E.selectors.progress)),a=J("seek",{id:e.id});if(n.appendChild(a.label),n.appendChild(a.input),n.appendChild(K("played")),n.appendChild(K("buffer")),E.tooltips.seek){var l=c("span",{role:"tooltip",class:E.classes.tooltip},"00:00");n.appendChild(l)}at.elements.progress=n,t.appendChild(at.elements.progress)}if(s(E.controls,"current-time")&&t.appendChild(Q("currentTime")),s(E.controls,"duration")&&t.appendChild(Q("duration")),s(E.controls,"mute")&&t.appendChild(U("mute")),s(E.controls,"volume")){var i=c("span",{class:"plyr__volume"}),r={id:e.id,max:10,value:E.volume},o=J("volume",r);i.appendChild(o.label),i.appendChild(o.input);var d=K("volume",r);i.appendChild(d),t.appendChild(i)}if(s(E.controls,"captions")&&t.appendChild(U("captions")),s(E.controls,"settings")){var p=c("span",T(u(E.selectors.buttons.settings),{class:"plyr__menu"}));p.appendChild(U("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(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":O.array(E.tracks)&&E.tracks.forEach(function(e,t){if(!O.function(e)){var n=c("li"),s=U("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")&&q.pip&&t.appendChild(U("pip")),s(E.controls,"airplay")&&q.airplay&&t.appendChild(U("airplay")),s(E.controls,"fullscreen")&&t.appendChild(U("fullscreen")),at.elements.controls=t,t}function $(e,t){function n(e){var t="";switch(e){case"hd2160":t="4K";break;case"hd1440":t="WQHD";break;case"hd1080":t="HD";break;case"hd720":t="HD"}return t.length?['<span class="plyr__menu__value">','<span class="plyr__badge">'+t+"</span>","</span>"].join(""):""}function a(e){switch(e){case"hd2160":return"2160P";case"hd1440":return"1440P";case"hd1080":return"1080P";case"hd720":return"720P";case"large":return"480P";case"medium":return"360P";case"small":return"240P";default:return"Auto"}}if(!O.object(at.quality)&&(at.quality={available:e,current:t},O.array(e)&&e.length)){var 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===at.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-'+at.id+'-primary" aria-expanded="false">',E.i18n.quality,"</button>","</li>"].join("")),V(E.selectors.menu.quality).innerHTML=l.join("")}}function G(){if(at.supported.full&&("audio"!==at.type||E.fullscreen.allowAudio)&&E.fullscreen.enabled){var e=q.fullscreen;e||E.fullscreen.fallback&&!D()?(it((e?"Native":"Fallback")+" fullscreen enabled"),f(at.elements.container,E.classes.fullscreen.enabled,!0)):it("Fullscreen not supported and fallback disabled"),at.elements.buttons&&at.elements.buttons.fullscreen&&C(at.elements.buttons.fullscreen,!1),W()}}function Z(e){O.event(e)&&(e=e.target),e.activeCues[0]&&"text"in e.activeCues[0]?ne(e.activeCues[0].getCueAsHTML()):ne()}function ee(){if("video"===at.type){V(E.selectors.captions)||at.elements.wrapper.insertAdjacentHTML("afterbegin",'<div class="'+m(E.selectors.captions)+'"></div>'),at.captions.textTracks=!1,at.elements.media.textTracks&&(at.captions.textTracks=!0);var e=[],t="";if(at.elements.media.childNodes.forEach(function(t){"track"===t.nodeName.toLowerCase()&&("captions"!==t.kind&&"subtitles"!==t.kind||e.push(t.getAttribute("src")))}),at.captions.exist=!0,0===e.length?(at.captions.exist=!1,it("No caption track found")):Number(E.captions.selectedIndex)+1>e.length?(at.captions.exist=!1,it("Caption index out of bound")):(t=e[E.captions.selectedIndex],it("Caption track found; URI: "+t)),at.captions.exist){var n=at.elements.media.textTracks;if([].forEach.call(n,function(e){k(e,"cuechange",Z),e.mode="hidden"}),se(at),(at.browser.isIE&&at.browser.version>=10||at.browser.isFirefox&&at.browser.version>=31)&&(it("Detected browser with known TextTrack issues - using manual fallback"),at.captions.textTracks=!1),at.captions.textTracks){it("TextTracks supported");var a=n[E.captions.selectedIndex];"captions"!==a.kind&&"subtitles"!==a.kind||(h(a,"cuechange",Z),a.activeCues&&a.activeCues.length>0&&Z(a))}else if(it("TextTracks not supported so rendering captions manually"),at.captions.current="",at.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);at.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]]}),at.captions.captions.shift(),it("Successfully loaded the caption file via AJAX")}else rt(E.logPrefix+"There was a problem loading the caption file via AJAX")},s.open("get",t,!0),s.send()}}else f(at.elements.container,E.classes.captions.enabled)}}function te(e){E.captions.selectedIndex=e||E.captions.selectedIndex,ne(),ee()}function ne(e){var t=V(E.selectors.captions);if(O.htmlElement(t)){var n=c("span");p(t),O.undefined(e)&&(e=""),O.string(e)?n.innerHTML=e.trim():n.appendChild(e),t.appendChild(n)}}function ae(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(O.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(!at.captions.textTracks&&"video"===at.type&&at.supported.full&&(at.captions.count=0,e=O.number(e)?e:at.elements.media.currentTime,at.captions.captions[at.captions.count])){for(;a(at.captions.captions[at.captions.count][0])<e.toFixed(1);)if(at.captions.count++,at.captions.count>at.captions.captions.length-1){at.captions.count=at.captions.captions.length-1;break}at.elements.media.currentTime.toFixed(1)>=n(at.captions[at.subcount][0])&&at.elements.media.currentTime.toFixed(1)<=a(at.captions[at.subcount][0])?(at.captions.current=at.captions.captions[at.captions.count][1],ne(at.captions.current)):ne()}}function se(){if(at.elements.buttons.captions){f(at.elements.container,E.classes.captions.enabled,!0);var e=at.storage.captions;O.boolean(e)||(e=E.captions.defaultActive),e&&(f(at.elements.container,E.classes.captions.active,!0),C(at.elements.buttons.captions,!0))}}function le(e){at.supported.full&&at.elements.buttons.captions&&(O.boolean(e)||(e=at.elements.container.className.indexOf(E.classes.captions.active)===-1),at.captions.enabled=e,C(at.elements.buttons.captions,at.captions.enabled),f(at.elements.container,E.classes.captions.active,at.captions.enabled),M(at.elements.container,at.captions.enabled?"captionsenabled":"captionsdisabled",!0),de({captions:at.captions.enabled}))}function ie(){if(E.loadSprite){var e=B();e.absolute?(it("AJAX loading absolute SVG sprite"+(at.browser.isIE?" (due to IE)":"")),A(e.url,"sprite-plyr")):it("Sprite will be used as external resource directly")}s(E.controls,"play-large")&&(at.elements.buttons.playLarge=U("play-large"),at.elements.container.appendChild(at.elements.buttons.playLarge)),at.id=Math.floor(1e4*Math.random());var n,a=z({id:at.id,seektime:E.seekTime,speed:xe(),quality:"HD",captions:"English",loop:"None"});if(O.string(E.selectors.controls.container)&&(n=t.querySelector(E.selectors.controls.container)),O.htmlElement(n)||(n=at.elements.container),n.appendChild(a),E.tooltips.controls)for(var l=R([E.selectors.controls.wrapper," ",E.selectors.labels," .",E.classes.hidden].join("")),i=l.length-1;i>=0;i--){var r=l[i];f(r,E.classes.hidden,!1),f(r,E.classes.tooltip,!0)}}function re(){f(at.elements.container,E.selectors.container.replace(".",""),at.supported.full)}function oe(e){e&&s(E.types.html5,at.type)?at.elements.media.setAttribute("controls",""):at.elements.media.removeAttribute("controls")}function ue(e){var t=E.i18n.play;O.string(E.title)&&E.title.length&&(t+=", "+E.title,at.elements.container.setAttribute("aria-label",E.title)),at.supported.full&&(O.htmlElement(at.elements.buttons.play)&&at.elements.buttons.play.setAttribute("aria-label",t),O.htmlElement(at.elements.buttons.playLarge)&&at.elements.buttons.playLarge.setAttribute("aria-label",t)),O.htmlElement(e)&&e.setAttribute("title",E.i18n.frameTitle.replace("{title}",E.title))}function ce(){var t=null;at.storage={},q.storage&&E.storage.enabled&&(e.localStorage.removeItem("plyr-volume"),t=e.localStorage.getItem(E.storage.key),t&&(/^\d+(\.\d+)?$/.test(t)?de({volume:parseFloat(t)}):at.storage=JSON.parse(t)))}function de(t){q.storage&&E.storage.enabled&&(T(at.storage,t),e.localStorage.setItem(E.storage.key,JSON.stringify(at.storage)))}function pe(){if(!at.elements.media)return void rt("No media element found!");if(at.supported.full&&(f(at.elements.container,E.classes.type.replace("{0}",at.type),!0),s(E.types.embed,at.type)&&f(at.elements.container,E.classes.type.replace("{0}","video"),!0),f(at.elements.container,E.classes.pip.enabled,q.pip),f(at.elements.container,E.classes.stopped,E.autoplay),f(at.elements.container,E.classes.isIos,at.browser.isIos),f(at.elements.container,E.classes.isTouch,at.browser.isTouch),"video"===at.type)){var e=c("div");e.setAttribute("class",E.classes.videoWrapper),l(at.elements.media,e),at.elements.wrapper=e}s(E.types.embed,at.type)&&me()}function me(){var t,n=c("div"),s=at.type+"-"+Math.floor(1e4*Math.random());switch(at.type){case"youtube":t=S(at.embedId);break;case"vimeo":t=_(at.embedId);break;default:t=at.embedId}for(var l=R('[id^="'+at.type+'-"]'),r=l.length-1;r>=0;r--)i(l[r]);if(f(at.elements.media,E.classes.videoWrapper,!0),f(at.elements.media,E.classes.embedWrapper,!0),"youtube"===at.type)at.elements.media.appendChild(n),n.setAttribute("id",s),O.object(e.YT)?ye(t,n):(a(E.urls.youtube.api),e.onYouTubeReadyCallbacks=e.onYouTubeReadyCallbacks||[],e.onYouTubeReadyCallbacks.push(function(){ye(t,n)}),e.onYouTubeIframeAPIReady=function(){e.onYouTubeReadyCallbacks.forEach(function(e){e()})});else if("vimeo"===at.type)if(at.supported.full?at.elements.media.appendChild(n):n=at.elements.media,n.setAttribute("id",s),O.object(e.Vimeo))be(t,n);else{a(E.urls.vimeo.api);var u=e.setInterval(function(){O.object(e.Vimeo)&&(e.clearInterval(u),be(t,n))},50)}else if("soundcloud"===at.type){var d=c("iframe");d.loaded=!1,h(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),at.elements.media.appendChild(n),e.SC||a(E.urls.soundcloud.api);var p=e.setInterval(function(){e.SC&&d.loaded&&(e.clearInterval(p),ve.call(d))},50)}}function fe(){at.supported.full&&(et(),tt()),ue(V("iframe"))}function ye(t,n){at.embed=new e.YT.Player(n.id,{videoId:t,playerVars:{autoplay:E.autoplay?1:0,controls:at.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){M(at.elements.container,"error",!0,{code:e.data,embed:e.target})},onPlaybackQualityChange:function(e){var t=(e.target,at.getPlaybackQuality());console.warn(t)},onReady:function(t){t.target;at.elements.media.play=function(){at.playVideo(),at.elements.media.paused=!1},at.elements.media.pause=function(){at.pauseVideo(),at.elements.media.paused=!0},at.elements.media.stop=function(){at.stopVideo(),at.elements.media.paused=!0},at.elements.media.duration=at.getDuration(),at.elements.media.paused=!0,at.elements.media.currentTime=0,at.elements.media.muted=at.isMuted();var n=at.getPlaybackRate(),a=at.getAvailablePlaybackRates();console.warn(n,a),E.title=at.getVideoData().title,at.supported.full&&at.elements.media.querySelector("iframe").setAttribute("tabindex","-1"),fe(),M(at.elements.media,"timeupdate"),M(at.elements.media,"durationchange"),e.clearInterval(st.buffering),st.buffering=e.setInterval(function(){at.elements.media.buffered=at.getVideoLoadedFraction(),(null===at.elements.media.lastBuffered||at.elements.media.lastBuffered<at.elements.media.buffered)&&M(at.elements.media,"progress"),at.elements.media.lastBuffered=at.elements.media.buffered,1===at.elements.media.buffered&&(e.clearInterval(st.buffering),M(at.elements.media,"canplaythrough"))},200)},onStateChange:function(t){t.target;switch(e.clearInterval(st.playing),t.data){case 0:at.elements.media.paused=!0,M(at.elements.media,"ended");break;case 1:at.elements.media.paused=!1,at.elements.media.seeking&&M(at.elements.media,"seeked"),at.elements.media.seeking=!1,M(at.elements.media,"play"),M(at.elements.media,"playing"),st.playing=e.setInterval(function(){at.elements.media.currentTime=at.getCurrentTime(),M(at.elements.media,"timeupdate")},100),at.elements.media.duration!==at.getDuration()&&(at.elements.media.duration=at.getDuration(),M(at.elements.media,"durationchange"));var n=at.getAvailableQualityLevels(),a=at.getPlaybackQuality();$(n,a);break;case 2:at.elements.media.paused=!0,M(at.elements.media,"pause")}M(at.elements.container,"statechange",!1,{code:t.data})}}})}function be(t,n){at.embed=new e.Vimeo.Player(n,{id:parseInt(t),loop:E.loop.active,autoplay:E.autoplay,byline:!1,portrait:!1,title:!1}),at.elements.media.play=function(){at.embed.play(),at.elements.media.paused=!1},at.elements.media.pause=function(){at.embed.pause(),at.elements.media.paused=!0},at.elements.media.stop=function(){at.embed.stop(),at.elements.media.paused=!0},at.elements.media.paused=!0,at.elements.media.currentTime=0,fe(),at.embed.getCurrentTime().then(function(e){at.elements.media.currentTime=e,M(at.elements.media,"timeupdate")}),at.embed.getDuration().then(function(e){at.elements.media.duration=e,M(at.elements.media,"durationchange")}),at.embed.on("loaded",function(){O.htmlElement(at.embed.element)&&at.supported.full&&at.embed.element.setAttribute("tabindex","-1")}),at.embed.on("play",function(){at.elements.media.paused=!1,M(at.elements.media,"play"),M(at.elements.media,"playing")}),at.embed.on("pause",function(){at.elements.media.paused=!0,M(at.elements.media,"pause")}),at.embed.on("timeupdate",function(e){at.elements.media.seeking=!1,at.elements.media.currentTime=e.seconds,M(at.elements.media,"timeupdate")}),at.embed.on("progress",function(e){at.elements.media.buffered=e.percent,M(at.elements.media,"progress"),1===parseInt(e.percent)&&M(at.elements.media,"canplaythrough")}),at.embed.on("seeked",function(){at.elements.media.seeking=!1,M(at.elements.media,"seeked"),M(at.elements.media,"play")}),at.embed.on("ended",function(){at.elements.media.paused=!0,M(at.elements.media,"ended")})}function ve(){at.embed=e.SC.Widget(this),at.embed.bind(e.SC.Widget.Events.READY,function(){at.elements.media.play=function(){at.embed.play(),at.elements.media.paused=!1},at.elements.media.pause=function(){at.embed.pause(),at.elements.media.paused=!0},at.elements.media.stop=function(){at.embed.seekTo(0),at.embed.pause(),at.elements.media.paused=!0},at.elements.media.paused=!0,at.elements.media.currentTime=0,at.embed.getDuration(function(e){at.elements.media.duration=e/1e3,fe()}),at.embed.getPosition(function(e){at.elements.media.currentTime=e,M(at.elements.media,"timeupdate")}),at.embed.bind(e.SC.Widget.Events.PLAY,function(){at.elements.media.paused=!1,M(at.elements.media,"play"),M(at.elements.media,"playing")}),at.embed.bind(e.SC.Widget.Events.PAUSE,function(){at.elements.media.paused=!0,M(at.elements.media,"pause")}),at.embed.bind(e.SC.Widget.Events.PLAY_PROGRESS,function(e){at.elements.media.seeking=!1,at.elements.media.currentTime=e.currentPosition/1e3,M(at.elements.media,"timeupdate")}),at.embed.bind(e.SC.Widget.Events.LOAD_PROGRESS,function(e){at.elements.media.buffered=e.loadProgress,M(at.elements.media,"progress"),1===parseInt(e.loadProgress)&&M(at.elements.media,"canplaythrough")}),at.embed.bind(e.SC.Widget.Events.FINISH,function(){at.elements.media.paused=!0,M(at.elements.media,"ended")})})}function ge(){"play"in at.elements.media&&at.elements.media.play()}function he(){"pause"in at.elements.media&&at.elements.media.pause()}function ke(e){return O.boolean(e)||(e=at.elements.media.paused),e?ge():he(),e}function we(e){s(["start","end","all","none","toggle"],e)||(e="toggle");var n=Number(at.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=at.elements.display.played.value;break;case"end":if(E.loop.start>=n)return;E.loop.end=n,E.loop.indicator.end=at.elements.display.played.value;break;case"all":E.loop.start=0,E.loop.end=at.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=at.elements.media.duration-2);break;default:E.loop.start=0,E.loop.end=null}E.loop.active=O.number(E.loop.start)&&O.number(E.loop.end);var a=(De(E.loop.start,V('[data-plyr-loop="start"]')),null);O.number(E.loop.end)&&(a=De(E.loop.end,t.querySelector('[data-loop__value="loopout"]'))),E.loop.active}function Ce(e){if(O.undefined(e)&&(e=at.storage.speed||E.defaultSpeed),!O.array(E.speeds))return void rt("Invalid speeds format");if(!O.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,at.elements.media.playbackRate=e,de({speed:e})}function xe(){return E.currentSpeed.toFixed(1).toString().replace(".0","")+"×"}function Te(e){O.number(e)||(e=E.seekTime),_e(at.elements.media.currentTime-e)}function Se(e){O.number(e)||(e=E.seekTime),_e(at.elements.media.currentTime+e)}function _e(e){var t=0,n=at.elements.media.paused,a=Ee();O.number(e)?t=e:O.event(e)&&s(["input","change"],e.type)&&(t=e.target.value/e.target.max*a),t<0?t=0:t>a&&(t=a),Be(t);try{at.elements.media.currentTime=t.toFixed(4)}catch(e){}if(s(E.types.embed,at.type)){switch(at.type){case"youtube":at.embed.seekTo(t);break;case"vimeo":at.embed.setCurrentTime(t.toFixed(0));break;case"soundcloud":at.embed.seekTo(1e3*t)}n&&he(),M(at.elements.media,"timeupdate"),at.elements.media.seeking=!0,M(at.elements.media,"seeking")}it("Seeking to "+at.elements.media.currentTime+" seconds"),ae(t)}function Ee(){var e=parseInt(E.duration),t=0;return null===at.elements.media.duration||isNaN(at.elements.media.duration)||(t=at.elements.media.duration),isNaN(e)?t:e}function Ae(){f(at.elements.container,E.classes.playing,!at.elements.media.paused),f(at.elements.container,E.classes.stopped,at.elements.media.paused),Xe(at.elements.media.paused)}function Ie(){L={x:e.pageXOffset||0,y:e.pageYOffset||0}}function Pe(){e.scrollTo(L.x,L.y)}function Ne(e){var n=q.fullscreen;if(n){if(!e||e.type!==F.eventType)return F.isFullScreen(at.elements.container)?F.cancelFullScreen():(Ie(),F.requestFullScreen(at.elements.container)),void(at.fullscreen.active=F.isFullScreen(at.elements.container));at.fullscreen.active=F.isFullScreen(at.elements.container)}else at.fullscreen.active=!at.fullscreen.active,t.body.style.overflow=at.fullscreen.active?"hidden":"";f(at.elements.container,E.classes.fullscreen.active,at.fullscreen.active),W(at.fullscreen.active),at.elements.buttons&&at.elements.buttons.fullscreen&&C(at.elements.buttons.fullscreen,at.fullscreen.active),M(at.elements.container,at.fullscreen.active?"enterfullscreen":"exitfullscreen",!0),!at.fullscreen.active&&n&&Pe()}function Fe(e){if(O.boolean(e)||(e=!at.elements.media.muted),C(at.elements.buttons.mute,e),at.elements.media.muted=e,0===at.elements.media.volume&&Le(E.volume),s(E.types.embed,at.type)){switch(at.type){case"youtube":at.embed[at.elements.media.muted?"mute":"unMute"]();break;case"vimeo":case"soundcloud":at.embed.setVolume(at.elements.media.muted?0:parseFloat(E.volume/10))}M(at.elements.media,"volumechange")}}function Le(e){var t=10,n=0;if(O.undefined(e)&&(e=at.storage.volume),(null===e||isNaN(e))&&(e=E.volume),e>t&&(e=t),e<n&&(e=n),at.elements.media.volume=parseFloat(e/t),at.elements.display.volume&&(at.elements.display.volume.value=e),s(E.types.embed,at.type)){switch(at.type){case"youtube":at.embed.setVolume(100*at.elements.media.volume);break;case"vimeo":case"soundcloud":at.embed.setVolume(at.elements.media.volume)}M(at.elements.media,"volumechange")}0===e?at.elements.media.muted=!0:at.elements.media.muted&&e>0&&Fe()}function je(e){var t=at.elements.media.muted?0:10*at.elements.media.volume;O.number(e)||(e=1),Le(t+e)}function Oe(e){var t=at.elements.media.muted?0:10*at.elements.media.volume;O.number(e)||(e=1),Le(t-e)}function qe(){var e=at.elements.media.muted?0:10*at.elements.media.volume;at.supported.full&&(at.elements.inputs.volume&&(at.elements.inputs.volume.value=e),at.elements.display.volume&&(at.elements.display.volume.value=e)),de({volume:e}),f(at.elements.container,E.classes.muted,0===e),at.supported.full&&at.elements.buttons.mute&&C(at.elements.buttons.mute,0===e)}function Me(e){var t="waiting"===e.type;clearTimeout(st.loading),st.loading=setTimeout(function(){f(at.elements.container,E.classes.loading,t),Xe(t)},t?250:0)}function Re(e){if(at.supported.full){var t=at.elements.display.played,n=0,a=Ee();if(e)switch(e.type){case"timeupdate":case"seeking":if(at.elements.controls.pressed)return;n=x(at.elements.media.currentTime,a),"timeupdate"===e.type&&at.elements.inputs.seek&&(at.elements.inputs.seek.value=n);break;case"playing":case"progress":t=at.elements.display.buffer,n=function(){var e=at.elements.media.buffered;return e&&e.length?x(e.end(0),a):O.number(e)?100*e:0}()}O.number(E.loop.start)&&O.number(E.loop.end)&&at.elements.media.currentTime>=E.loop.end&&_e(E.loop.start),Ve(t,n)}}function Ve(e,t){if(at.supported.full){if(O.undefined(t)&&(t=0),O.undefined(e)){if(!O.htmlElement(at.elements.display.buffer))return;e=at.elements.display.buffer}if(O.htmlElement(e)){e.value=t;var n=e.getElementsByTagName("span")[0];O.htmlElement(n)&&(n.childNodes[0].nodeValue=t)}}}function De(e,t){if(t){isNaN(e)&&(e=0);var n=parseInt(e%60),a=parseInt(e/60%60);parseInt(e/60/60%60),parseInt(Ee()/60/60%60)>0;n=("0"+n).slice(-2),a=("0"+a).slice(-2);return t.textContent=label,label}}function We(){if(at.supported.full){var e=Ee()||0;!at.elements.display.duration&&E.displayDuration&&at.elements.media.paused&&De(e,at.elements.display.currentTime),at.elements.display.duration&&De(e,at.elements.display.duration),Ye()}}function He(e){De(at.elements.media.currentTime,at.elements.display.currentTime),e&&"timeupdate"===e.type&&at.elements.media.seeking||Re(e)}function Be(e){O.number(e)||(e=0);var t=Ee(),n=x(e,t);at.elements.progress&&at.elements.display.played&&(at.elements.display.played.value=n),at.elements.buttons&&at.elements.inputs.seek&&(at.elements.inputs.seek.value=n)}function Ye(e){var t=Ee();if(E.tooltips.seek&&at.elements.progress.container&&0!==t){var n=at.elements.progress.container.getBoundingClientRect(),a=0,l=E.classes.tooltip+"--visible";if(e)a=100/n.width*(e.pageX-n.left);else{if(!y(at.elements.display.seekTooltip,l))return;a=at.elements.display.seekTooltip.style.left.replace("%","")}a<0?a=0:a>100&&(a=100),De(t/100*a,at.elements.display.seekTooltip),at.elements.display.seekTooltip.style.left=a+"%",e&&s(["mouseenter","mouseleave"],e.type)&&f(at.elements.display.seekTooltip,l,"mouseenter"===e.type)}}function Xe(t){if(E.hideControls&&"audio"!==at.type){ +var n=0,a=!1,l=t,i=y(at.elements.container,E.classes.loading);if(O.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=y(at.elements.container,E.classes.hideControls)),e.clearTimeout(st.hover),l||at.elements.media.paused||i){if(f(at.elements.container,E.classes.hideControls,!1),at.elements.media.paused||i)return;at.browser.isTouch&&(n=3e3)}l&&at.elements.media.paused||(st.hover=e.setTimeout(function(){(!at.elements.controls.pressed&&!at.elements.controls.hover||a)&&f(at.elements.container,E.classes.hideControls,!0)},n))}}function Ue(e){if(!O.undefined(e))return void Je(e);var t;switch(at.type){case"youtube":t=at.embed.getVideoUrl();break;case"vimeo":at.embed.getVideoUrl.then(function(e){t=e});break;case"soundcloud":at.embed.getCurrentSound(function(e){t=e.permalink_url});break;default:t=at.elements.media.currentSrc}return t||""}function Je(e){function t(){if(at.embed=null,i(at.elements.media),"video"===at.type&&at.elements.wrapper&&i(at.elements.wrapper),at.elements.container&&at.elements.container.removeAttribute("class"),"type"in e&&(at.type=e.type,"video"===at.type)){var t=e.sources[0];"type"in t&&s(E.types.embed,t.type)&&(at.type=t.type)}switch(at.supported=I(at.type),at.type){case"video":at.elements.media=c("video");break;case"audio":at.elements.media=c("audio");break;case"youtube":case"vimeo":case"soundcloud":at.elements.media=c("div"),at.embedId=e.sources[0].src}r(at.elements.container,at.elements.media),O.boolean(e.autoplay)&&(E.autoplay=e.autoplay),s(E.types.html5,at.type)&&(E.crossorigin&&at.elements.media.setAttribute("crossorigin",""),E.autoplay&&at.elements.media.setAttribute("autoplay",""),"poster"in e&&at.elements.media.setAttribute("poster",e.poster),E.loop.active&&at.elements.media.setAttribute("loop","")),f(at.elements.container,E.classes.fullscreen.active,at.fullscreen.active),f(at.elements.container,E.classes.captions.active,at.captions.enabled),re(),s(E.types.html5,at.type)&&H("source",e.sources),pe(),s(E.types.html5,at.type)&&("tracks"in e&&H("track",e.tracks),at.elements.media.load()),(s(E.types.html5,at.type)||s(E.types.embed,at.type)&&!at.supported.full)&&(et(),tt()),E.title=e.title,ue()}return O.object(e)&&"sources"in e&&e.sources.length?(f(at.elements.container,E.classes.ready,!1),he(),Be(),Ve(),$e(),void Ge(t,!1)):void rt("Invalid source format")}function Ke(e){"video"===at.type&&at.elements.media.setAttribute("poster",e)}function Qe(){function n(){var e=ke(),t=at.elements.buttons[e?"play":"pause"],n=at.elements.buttons[e?"pause":"play"];if(n=n&&n.length>1?n[n.length-1]:n[0]){var a=y(t,E.classes.tabFocus);setTimeout(function(){n.focus(),a&&(f(t,E.classes.tabFocus,!1),f(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 at.elements.buttons){var n=at.elements.buttons[t];if(O.nodeList(n))for(var a=0;a<n.length;a++)f(n[a],E.classes.tabFocus,n[a]===e);else f(n,E.classes.tabFocus,n===e)}}function o(e){function t(){var e=at.elements.media.duration;O.number(e)&&_e(e/10*(i-48))}var i=l(e),r="keydown"===e.type,o=r&&i===c;if(O.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(O.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:je();break;case 40:Oe();break;case 77:o||Fe();break;case 39:Se();break;case 37:Te();break;case 70:Ne();break;case 67:o||le();break;case 73:we("start");break;case 76:we();break;case 79:we("end")}!q.fullscreen&&at.fullscreen.active&&27===i&&Ne(),c=i}else c=null}var u=at.browser.isIE?"change":"input";if(E.keyboardShortcuts.focused){var c=null;E.keyboardShortcuts.global&&h(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=N().length;1!==r||!s(i,t)||O.htmlElement(n)&&b(n,E.selectors.editable)||o(e)}),h(at.elements.container,"keydown keyup",o)}h(e,"keyup",function(e){var t=l(e),n=a();9===t&&r(n)}),h(t.body,"click",function(){f(V("."+E.classes.tabFocus),E.classes.tabFocus,!1)});for(var d in at.elements.buttons){var p=at.elements.buttons[d];h(p,"blur",function(){f(p,"tab-focus",!1)})}v(at.elements.buttons.play,"click",E.listeners.play,n),v(at.elements.buttons.playLarge,"click",E.listeners.play,n),v(at.elements.buttons.pause,"click",E.listeners.pause,n),v(at.elements.buttons.restart,"click",E.listeners.restart,_e),v(at.elements.buttons.rewind,"click",E.listeners.rewind,Te),v(at.elements.buttons.forward,"click",E.listeners.forward,Se),v(at.elements.buttons.speed,"click",E.listeners.speed,function(){}),v(at.elements.inputs.seek,u,E.listeners.seek,_e),v(at.elements.inputs.volume,u,E.listeners.volume,function(){Le(at.elements.inputs.volume.value)}),v(at.elements.buttons.mute,"click",E.listeners.mute,Fe),v(at.elements.buttons.fullscreen,"click",E.listeners.fullscreen,Ne),v(at.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)&&we(t)}),q.fullscreen&&h(t,F.eventType,Ne),v(at.elements.buttons.captions,"click",E.listeners.captions,le),v(at.elements.buttons.lang,"click",E.listeners.lang,function(e){var t=e.target.attributes.getNamedItem("data-index").value;te(t)}),h(at.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(O.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))}}),h(at.elements.buttons.pip,"click",function(){at.elements.media.webkitSetPresentationMode("picture-in-picture"===at.elements.media.webkitPresentationMode?"inline":"picture-in-picture")}),h(at.elements.progress.container,"mouseenter mouseleave mousemove",Ye),E.hideControls&&(h(at.elements.container,"mouseenter mouseleave mousemove touchstart touchend touchcancel touchmove enterfullscreen",Xe),h(at.elements.controls,"mouseenter mouseleave",function(e){at.elements.controls.hover="mouseenter"===e.type}),h(at.elements.controls,"mousedown mouseup touchstart touchend touchcancel",function(e){at.elements.controls.pressed=s(["mousedown","touchstart"],e.type)}),h(at.elements.controls,"focus blur",Xe,!0)),h(at.elements.inputs.volume,"wheel",function(e){e.preventDefault();var t=e.webkitDirectionInvertedFromDevice,n=.2;(e.deltaY<0||e.deltaX>0)&&(t?Oe(n):je(n)),(e.deltaY>0||e.deltaX<0)&&(t?je(n):Oe(n))})}function ze(){if(h(at.elements.media,"timeupdate seeking",He),h(at.elements.media,"timeupdate",ae),h(at.elements.media,"durationchange loadedmetadata",We),h(at.elements.media,"ended",function(){"video"===at.type&&E.showPosterOnEnd&&("video"===at.type&&ne(),_e(),at.elements.media.load())}),h(at.elements.media,"progress playing",Re),h(at.elements.media,"volumechange",qe),h(at.elements.media,"play pause ended",Ae),h(at.elements.media,"waiting canplay seeked",Me),E.clickToPlay&&"audio"!==at.type){var e=V("."+E.classes.videoWrapper);if(!e)return;e.style.cursor="pointer",h(e,"click",function(){E.hideControls&&at.browser.isTouch&&!at.elements.media.paused||(at.elements.media.paused?ge():at.elements.media.ended?(_e(),ge()):he())})}E.disableContextMenu&&h(at.elements.media,"contextmenu",function(e){e.preventDefault()}),h(at.elements.media,E.events.concat(["keyup","keydown"]).join(" "),function(e){M(at.elements.container,e.type,!0)})}function $e(){if(s(E.types.html5,at.type)){for(var e=at.elements.media.querySelectorAll("source"),t=0;t<e.length;t++)i(e[t]);at.elements.media.setAttribute("src","https://cdn.selz.com/plyr/blank.mp4"),at.elements.media.load(),it("Cancelled network requests")}}function Ge(n,a){function s(){O.boolean(a)||(a=!0),O.function(n)&&n.call(lt),a&&(at.init=!1,at.elements.container.parentNode.replaceChild(lt,at.elements.container),t.body.style.overflow="",M(lt,"destroyed",!0))}if(!at.init)return null;switch(at.type){case"youtube":e.clearInterval(st.buffering),e.clearInterval(st.playing),at.embed.destroy(),s();break;case"vimeo":at.embed.unload().then(s),e.setTimeout(s,200);break;case"video":case"audio":oe(!0),s()}}function Ze(){if(at.init)return null;if(at.browser=n(),O.htmlElement(at.elements.media)){ce();var e=g.tagName.toLowerCase();"div"===e?(at.type=g.getAttribute("data-type"),at.embedId=g.getAttribute("data-video-id"),g.removeAttribute("data-type"),g.removeAttribute("data-video-id")):(at.type=e,E.crossorigin=null!==g.getAttribute("crossorigin"),E.autoplay=E.autoplay||null!==g.getAttribute("autoplay"),E.loop=E.loop||null!==g.getAttribute("loop")),at.supported=I(at.type),at.supported.basic&&(at.elements.container=l(g,c("div")),at.elements.container.setAttribute("tabindex",0),re(),it(""+at.browser.name+" "+at.browser.version),pe(),(s(E.types.html5,at.type)||s(E.types.embed,at.type)&&!at.supported.full)&&(et(),tt(),ue()),at.init=!0)}}function et(){return at.supported.full?(O.htmlElement(V(E.selectors.controls.wrapper))||(ie(),Qe()),ze(),oe(),G(),ee(),te(),Le(),qe(),Ce(),we(),He(),void Ae()):(rt("Basic support only",at.type),i(V(E.selectors.controls.wrapper)),i(V(E.selectors.buttons.play)),void oe(!0))}function tt(){e.setTimeout(function(){M(at.elements.media,"ready")},0),f(at.elements.media,j.classes.setup,!0),f(at.elements.container,E.classes.ready,!0),at.elements.media.plyr=nt,E.autoplay&&ge()}var nt,at=this,st={};at.fullscreen={active:!1},at.elements={buttons:{},display:{},progress:{},inputs:{},settings:{tabs:{},panes:{}},media:g},at.captions={enabled:!1,textTracks:!1,captions:[]};var lt=g.cloneNode(!0),it=function(){P("log",arguments)},rt=function(){P("warn",arguments)};return it("Config",E),it("Support",q),nt={getOriginal:function(){return lt},getContainer:function(){return at.elements.container},getEmbed:function(){return at.embed},getMedia:function(){return at.elements.media},getType:function(){return at.type},getDuration:Ee,getCurrentTime:function(){return at.elements.media.currentTime},getVolume:function(){return at.elements.media.volume},isMuted:function(){return at.elements.media.muted},isReady:function(){return y(at.elements.container,E.classes.ready)},isLoading:function(){return y(at.elements.container,E.classes.loading)},isPaused:function(){return at.elements.media.paused},isLooping:function(){return E.loop.active},on:function(e,t){return h(at.elements.container,e,t),this},play:ge,pause:he,loop:we,stop:function(){he(),_e()},restart:_e,rewind:Te,forward:Se,seek:_e,source:Ue,poster:Ke,setVolume:Le,setSpeed:Ce,togglePlay:ke,toggleMute:Fe,toggleCaptions:le,toggleFullscreen:Ne,toggleControls:Xe,setCaptionIndex:te,isFullscreen:function(){return at.fullscreen.active||!1},support:function(e){return q.mime(at,e)},destroy:Ge},Ze(),at.init?nt:null}function A(e,n){var a=new XMLHttpRequest;if(!O.string(n)||!O.htmlElement(t.querySelector("#"+n))){var s=c("div");s.setAttribute("hidden",""),O.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 I(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 P(e,n){function a(e,t){y(t,j.classes.hook)||s.push({target:e,media:t})}var s=[],l=[],i=[j.selectors.html5,j.selectors.embed].join(",");if(O.string(e)?e=t.querySelectorAll(e):O.htmlElement(e)?e=[e]:O.nodeList(e)||O.array(e)||O.string(e)||(O.undefined(n)&&O.object(e)&&(n=e),e=t.querySelectorAll(i)),O.nodeList(e)&&(e=Array.prototype.slice.call(e)),!I().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 b(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=T({},j,n,i);if(!r.enabled)return null;var o=new E(a,r);if(O.object(o)){if(r.debug){var u=r.events.concat(["setup","statechange","enterfullscreen","exitfullscreen","captionsenabled","captionsdisabled"]);h(o.getContainer(),u.join(" "),function(e){console.log([r.logPrefix,"event:",e.type].join(" "),e.detail.plyr)})}w(o.getContainer(),"setup",!0,{plyr:o}),l.push(o)}}),l}function N(e){if(O.string(e)?e=t.querySelector(e):O.undefined(e)&&(e=t.body),O.htmlElement(e)){var n=e.querySelectorAll("."+j.classes.setup),a=[];return Array.prototype.slice.call(n).forEach(function(e){O.object(e.plyr)&&a.push(e.plyr)}),a}return[]}var F,L={x:0,y:0},j={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}();F={prefix:e,eventType:"ms"===e?"MSFullscreenChange":e+"fullscreenchange",isFullScreen:function(n){if(!q.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!!q.fullscreen&&(O.htmlElement(n)||(n=t.body),console.log(e),""===e?n.requestFullScreen():n[e+("ms"===e?"RequestFullscreen":"RequestFullScreen")]())},cancelFullScreen:function(){return!!q.fullscreen&&(""===e?t.cancelFullScreen():t[e+("ms"===e?"ExitFullscreen":"CancelFullScreen")]())},element:function(){return q.fullscreen?""===e?t.fullscreenElement:t[e+"FullscreenElement"]:null}}}();var q={fullscreen:F.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:P,supported:I,loadSprite:A,get:N}}),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 69509068..a3430e2d 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -834,9 +834,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 @@ -845,7 +845,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/, ''); @@ -854,7 +854,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/, ''); @@ -875,12 +875,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: {}, @@ -888,20 +892,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) { @@ -920,14 +924,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 @@ -946,13 +956,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(); @@ -966,18 +976,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); }); } } @@ -986,7 +996,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 }; } @@ -1101,7 +1111,7 @@ // Set element attributes setAttributes(button, attributes); - elements.buttons[type] = button; + player.elements.buttons[type] = button; return button; } @@ -1126,7 +1136,7 @@ value: 0 }, attributes)); - elements.inputs[type] = input; + player.elements.inputs[type] = input; return { label: label, @@ -1160,7 +1170,7 @@ progress.textContent = '% ' + suffix.toLowerCase(); } - elements.display[type] = progress; + player.elements.display[type] = progress; return progress; } @@ -1177,7 +1187,7 @@ container.appendChild(createElement('span', getAttributesFromSelector(config.selectors.display[type]), '00:00')); - elements.display[type] = container; + player.elements.display[type] = container; return container; } @@ -1238,8 +1248,8 @@ container.appendChild(tooltip); } - elements.progress = container; - controls.appendChild(elements.progress); + player.elements.progress = container; + controls.appendChild(player.elements.progress); } // Media current time display @@ -1607,7 +1617,7 @@ controls.appendChild(createButton('fullscreen')); } - elements.controls = controls; + player.elements.controls = controls; return controls; } @@ -1616,11 +1626,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 }; @@ -1687,7 +1697,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>', @@ -1697,7 +1707,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>' @@ -1709,11 +1719,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; @@ -1721,14 +1731,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 @@ -1754,26 +1764,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')); @@ -1782,12 +1792,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]; @@ -1795,10 +1805,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 @@ -1811,23 +1821,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]; @@ -1845,8 +1855,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 @@ -1870,7 +1880,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; @@ -1882,7 +1892,7 @@ return [parts[index], parts[index + 1]]; }); - plyr.captions.shift(); + player.captions.captions.shift(); log('Successfully loaded the caption file via AJAX'); } else { @@ -1919,7 +1929,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'; @@ -1960,33 +1970,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++) { @@ -1998,38 +2008,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(); } @@ -2038,14 +2049,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)) { @@ -2053,26 +2064,26 @@ } 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(); // Set current language etc @@ -2080,17 +2091,17 @@ //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 }); } @@ -2102,7 +2113,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'); @@ -2111,16 +2122,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 @@ -2141,7 +2152,7 @@ // Inject into the container by default if (!is.htmlElement(target)) { - target = plyr.container + target = player.elements.container } // Inject controls HTML @@ -2165,10 +2176,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), @@ -2185,16 +2196,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), @@ -2203,8 +2214,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; @@ -2220,15 +2231,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'); } } @@ -2242,16 +2253,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); } } @@ -2265,7 +2276,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) { @@ -2284,14 +2295,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); } } @@ -2303,58 +2314,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(); } } @@ -2363,35 +2374,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); @@ -2418,12 +2429,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 @@ -2443,7 +2454,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'); @@ -2460,7 +2471,7 @@ }); container.appendChild(soundCloud); - plyr.media.appendChild(container); + player.elements.media.appendChild(container); // Load the API if not already if (!window.SC) { @@ -2480,7 +2491,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(); } @@ -2493,11 +2504,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, @@ -2510,7 +2521,7 @@ }, events: { 'onError': function(event) { - trigger(plyr.container, 'error', true, { + trigger(player.elements.container, 'error', true, { code: event.data, embed: event.target }); @@ -2519,9 +2530,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) { @@ -2529,45 +2540,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); @@ -2575,22 +2586,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); }, @@ -2610,53 +2621,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 }); } @@ -2668,7 +2679,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, @@ -2678,175 +2689,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(); } } @@ -2854,7 +2865,7 @@ function togglePlay(toggle) { // True toggle if (!is.boolean(toggle)) { - toggle = plyr.media.paused; + toggle = player.elements.media.paused; } if (toggle) { @@ -2874,7 +2885,7 @@ type = 'toggle'; } - var currentTime = Number(plyr.media.currentTime); + var currentTime = Number(player.elements.media.currentTime); switch (type) { case 'start': @@ -2882,7 +2893,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': @@ -2890,12 +2901,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; @@ -2906,7 +2917,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; @@ -2949,7 +2960,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)) { @@ -2975,7 +2986,7 @@ config.currentSpeed = speed; // Set HTML5 speed - plyr.media.playbackRate = speed; + player.elements.media.playbackRate = speed; // Save speed to localStorage updateStorage({ @@ -2997,7 +3008,7 @@ if (!is.number(seekTime)) { seekTime = config.seekTime; } - seek(plyr.media.currentTime - seekTime); + seek(player.elements.media.currentTime - seekTime); } // Fast forward @@ -3006,14 +3017,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)) { @@ -3037,23 +3048,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; } @@ -3062,17 +3073,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); @@ -3087,8 +3098,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 @@ -3097,11 +3108,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 @@ -3125,49 +3136,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(); } } @@ -3176,36 +3187,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'); } } @@ -3216,7 +3227,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 @@ -3234,41 +3245,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; @@ -3279,7 +3290,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; @@ -3291,15 +3302,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; } } @@ -3309,11 +3320,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)); } } @@ -3327,7 +3338,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); @@ -3336,11 +3347,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(); @@ -3349,15 +3360,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; @@ -3365,9 +3376,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 @@ -3384,7 +3395,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); } @@ -3393,7 +3404,7 @@ // Set <progress> value function setProgress(progress, value) { - if (!plyr.supported.full) { + if (!player.supported.full) { return; } @@ -3403,8 +3414,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; } @@ -3434,19 +3445,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 label - var label = (displayHours ? plyr.hours + ':' : '') + plyr.mins + ':' + plyr.secs; + // Generate display + var display = (displayHours ? hours + ':' : '') + mins + ':' + secs; // Render element.textContent = label; @@ -3457,7 +3468,7 @@ // Show the duration on metadataloaded function displayDuration() { - if (!plyr.supported.full) { + if (!player.supported.full) { return; } @@ -3465,13 +3476,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) @@ -3481,10 +3492,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; } @@ -3503,13 +3514,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; } } @@ -3518,19 +3529,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; } @@ -3546,29 +3557,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)) { @@ -3589,7 +3600,7 @@ delay = 3000; } } else { - show = hasClass(plyr.container, config.classes.hideControls); + show = hasClass(player.elements.container, config.classes.hideControls); } } @@ -3597,30 +3608,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); } } @@ -3635,25 +3646,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; } @@ -3669,7 +3680,7 @@ } // Remove ready class hook - toggleClass(plyr.container, config.classes.ready, false); + toggleClass(player.elements.container, config.classes.ready, false); // Pause playback pause(); @@ -3686,58 +3697,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)) { @@ -3745,28 +3756,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); } @@ -3774,18 +3785,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(); @@ -3805,23 +3816,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) { @@ -3865,8 +3876,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++) { @@ -3901,7 +3912,7 @@ } // Handle presses on focused - on(plyr.container, 'keydown keyup', handleKey); + on(player.elements.container, 'keydown keyup', handleKey); } function handleKey(event) { @@ -3918,7 +3929,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)) { @@ -4029,7 +4040,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(); } @@ -4052,8 +4063,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); @@ -4061,43 +4072,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)) { @@ -4111,17 +4122,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')); @@ -4181,35 +4192,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 @@ -4240,20 +4251,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(); } @@ -4261,24 +4272,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); @@ -4293,13 +4304,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 { @@ -4310,27 +4321,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]); } @@ -4338,12 +4349,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'); @@ -4354,19 +4365,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(); @@ -4376,7 +4387,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); @@ -4411,10 +4422,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 = ''; @@ -4427,15 +4438,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; } @@ -4446,45 +4457,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(); @@ -4496,14 +4507,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)); @@ -4566,41 +4577,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, @@ -4625,10 +4636,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 }; @@ -4637,17 +4648,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) { @@ -4659,7 +4670,7 @@ init(); // If init failed, return null - if (!plyr.init) { + if (!player.init) { return null; } @@ -4699,14 +4710,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': @@ -4740,9 +4752,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)) { @@ -4769,7 +4781,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; } @@ -4807,9 +4819,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) { @@ -4890,7 +4902,7 @@ return { setup: setup, - supported: supported, + supported: checkSupport, loadSprite: loadSprite, get: get }; |