diff options
| -rw-r--r-- | demo/dist/demo.js | 2 | ||||
| -rw-r--r-- | demo/index.html | 4 | ||||
| -rw-r--r-- | demo/src/js/main.js | 124 | ||||
| -rw-r--r-- | dist/plyr.js | 4 | ||||
| -rw-r--r-- | notes.md | 14 | ||||
| -rw-r--r-- | src/js/plyr.js | 1388 |
6 files changed, 827 insertions, 709 deletions
diff --git a/demo/dist/demo.js b/demo/dist/demo.js index 3ecf85aa..d79c71e7 100644 --- a/demo/dist/demo.js +++ b/demo/dist/demo.js @@ -1 +1 @@ -"document"in self&&("classList"in document.createElement("_")?!function(){"use strict";var e=document.createElement("_");if(e.classList.add("c1","c2"),!e.classList.contains("c2")){var t=function(e){var t=DOMTokenList.prototype[e];DOMTokenList.prototype[e]=function(e){var i,s=arguments.length;for(i=0;i<s;i++)e=arguments[i],t.call(this,e)}};t("add"),t("remove")}if(e.classList.toggle("c3",!1),e.classList.contains("c3")){var i=DOMTokenList.prototype.toggle;DOMTokenList.prototype.toggle=function(e,t){return 1 in arguments&&!this.contains(e)==!t?t:i.call(this,e)}}e=null}():!function(e){"use strict";if("Element"in e){var t="classList",i="prototype",s=e.Element[i],o=Object,n=String[i].trim||function(){return this.replace(/^\s+|\s+$/g,"")},r=Array[i].indexOf||function(e){for(var t=0,i=this.length;t<i;t++)if(t in this&&this[t]===e)return t;return-1},a=function(e,t){this.name=e,this.code=DOMException[e],this.message=t},c=function(e,t){if(""===t)throw new a("SYNTAX_ERR","An invalid or illegal string was specified");if(/\s/.test(t))throw new a("INVALID_CHARACTER_ERR","String contains an invalid character");return r.call(e,t)},l=function(e){for(var t=n.call(e.getAttribute("class")||""),i=t?t.split(/\s+/):[],s=0,o=i.length;s<o;s++)this.push(i[s]);this._updateClassName=function(){e.setAttribute("class",this.toString())}},u=l[i]=[],d=function(){return new l(this)};if(a[i]=Error[i],u.item=function(e){return this[e]||null},u.contains=function(e){return e+="",c(this,e)!==-1},u.add=function(){var e,t=arguments,i=0,s=t.length,o=!1;do e=t[i]+"",c(this,e)===-1&&(this.push(e),o=!0);while(++i<s);o&&this._updateClassName()},u.remove=function(){var e,t,i=arguments,s=0,o=i.length,n=!1;do for(e=i[s]+"",t=c(this,e);t!==-1;)this.splice(t,1),n=!0,t=c(this,e);while(++s<o);n&&this._updateClassName()},u.toggle=function(e,t){e+="";var i=this.contains(e),s=i?t!==!0&&"remove":t!==!1&&"add";return s&&this[s](e),t===!0||t===!1?t:!i},u.toString=function(){return this.join(" ")},o.defineProperty){var p={get:d,enumerable:!0,configurable:!0};try{o.defineProperty(s,t,p)}catch(e){e.number===-2146823252&&(p.enumerable=!1,o.defineProperty(s,t,p))}}else o[i].__defineGetter__&&s.__defineGetter__(t,d)}}(self)),function(){function e(e,t,i){if(e)if(e.classList)e.classList[i?"add":"remove"](t);else{var s=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=s+(i?" "+t:"")}}function t(t,i){if(t in n&&(i||t!==r)&&(r.length||t!==n.video)){switch(t){case n.video:s.source({type:"video",title:"View From A Blue Moon",sources:[{src:"https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.mp4",type:"video/mp4"},{src:"https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.webm",type:"video/webm"}],poster:"https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.jpg",tracks:[{kind:"captions",label:"English",srclang:"en",src:"https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.en.vtt",default:!0}]});break;case n.audio:s.source({type:"audio",title:"Kishi Bashi – “It All Began With A Burst”",sources:[{src:"https://cdn.selz.com/plyr/1.5/Kishi_Bashi_-_It_All_Began_With_a_Burst.mp3",type:"audio/mp3"},{src:"https://cdn.selz.com/plyr/1.5/Kishi_Bashi_-_It_All_Began_With_a_Burst.ogg",type:"audio/ogg"}]});break;case n.youtube:s.source({type:"video",title:"View From A Blue Moon",sources:[{src:"bTqVqk7FSmY",type:"youtube"}]});break;case n.vimeo:s.source({type:"video",title:"View From A Blue Moon",sources:[{src:"143418951",type:"vimeo"}]})}r=t;for(var a=o.length-1;a>=0;a--)e(o[a].parentElement,"active",!1);e(document.querySelector('[data-source="'+t+'"]').parentElement,"active",!0)}}var i=plyr.setup({debug:!0,title:"Video demo",iconUrl:"../dist/plyr.svg",tooltips:{controls:!0},captions:{defaultActive:!0}});plyr.loadSprite("dist/demo.svg");for(var s=i[0],o=document.querySelectorAll("[data-source]"),n={video:"video",audio:"audio",youtube:"youtube",vimeo:"vimeo"},r=window.location.hash.replace("#",""),a=window.history&&window.history.pushState,c=o.length-1;c>=0;c--)o[c].addEventListener("click",function(){var e=this.getAttribute("data-source");t(e),a&&history.pushState({type:e},"","#"+e)});if(window.addEventListener("popstate",function(e){e.state&&"type"in e.state&&t(e.state.type)}),a){var l=!r.length;l&&(r=n.video),r in n&&history.replaceState({type:r},"",l?"":"#"+r),r!==n.video&&t(r,!0)}}(),document.domain.indexOf("plyr.io")>-1&&(!function(e,t,i,s,o,n,r){e.GoogleAnalyticsObject=o,e[o]=e[o]||function(){(e[o].q=e[o].q||[]).push(arguments)},e[o].l=1*new Date,n=t.createElement(i),r=t.getElementsByTagName(i)[0],n.async=1,n.src=s,r.parentNode.insertBefore(n,r)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-40881672-11","auto"),ga("send","pageview"));
\ No newline at end of file +"document"in self&&("classList"in document.createElement("_")?!function(){"use strict";var e=document.createElement("_");if(e.classList.add("c1","c2"),!e.classList.contains("c2")){var t=function(e){var t=DOMTokenList.prototype[e];DOMTokenList.prototype[e]=function(e){var i,s=arguments.length;for(i=0;i<s;i++)e=arguments[i],t.call(this,e)}};t("add"),t("remove")}if(e.classList.toggle("c3",!1),e.classList.contains("c3")){var i=DOMTokenList.prototype.toggle;DOMTokenList.prototype.toggle=function(e,t){return 1 in arguments&&!this.contains(e)==!t?t:i.call(this,e)}}e=null}():!function(e){"use strict";if("Element"in e){var t="classList",i="prototype",s=e.Element[i],o=Object,n=String[i].trim||function(){return this.replace(/^\s+|\s+$/g,"")},r=Array[i].indexOf||function(e){for(var t=0,i=this.length;t<i;t++)if(t in this&&this[t]===e)return t;return-1},a=function(e,t){this.name=e,this.code=DOMException[e],this.message=t},c=function(e,t){if(""===t)throw new a("SYNTAX_ERR","An invalid or illegal string was specified");if(/\s/.test(t))throw new a("INVALID_CHARACTER_ERR","String contains an invalid character");return r.call(e,t)},l=function(e){for(var t=n.call(e.getAttribute("class")||""),i=t?t.split(/\s+/):[],s=0,o=i.length;s<o;s++)this.push(i[s]);this._updateClassName=function(){e.setAttribute("class",this.toString())}},u=l[i]=[],d=function(){return new l(this)};if(a[i]=Error[i],u.item=function(e){return this[e]||null},u.contains=function(e){return e+="",c(this,e)!==-1},u.add=function(){var e,t=arguments,i=0,s=t.length,o=!1;do e=t[i]+"",c(this,e)===-1&&(this.push(e),o=!0);while(++i<s);o&&this._updateClassName()},u.remove=function(){var e,t,i=arguments,s=0,o=i.length,n=!1;do for(e=i[s]+"",t=c(this,e);t!==-1;)this.splice(t,1),n=!0,t=c(this,e);while(++s<o);n&&this._updateClassName()},u.toggle=function(e,t){e+="";var i=this.contains(e),s=i?t!==!0&&"remove":t!==!1&&"add";return s&&this[s](e),t===!0||t===!1?t:!i},u.toString=function(){return this.join(" ")},o.defineProperty){var p={get:d,enumerable:!0,configurable:!0};try{o.defineProperty(s,t,p)}catch(e){e.number===-2146823252&&(p.enumerable=!1,o.defineProperty(s,t,p))}}else o[i].__defineGetter__&&s.__defineGetter__(t,d)}}(self)),function(){function e(e,t,i){if(e)if(e.classList)e.classList[i?"add":"remove"](t);else{var s=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=s+(i?" "+t:"")}}function t(t,i){if(t in n&&(i||t!==r)&&(r.length||t!==n.video)){switch(t){case n.video:s.source({type:"video",title:"View From A Blue Moon",sources:[{src:"https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.mp4",type:"video/mp4"},{src:"https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.webm",type:"video/webm"}],poster:"https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.jpg",tracks:[{kind:"captions",label:"English",srclang:"en",src:"https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.en.vtt",default:!0}]});break;case n.audio:s.source({type:"audio",title:"Kishi Bashi – “It All Began With A Burst”",sources:[{src:"https://cdn.selz.com/plyr/1.5/Kishi_Bashi_-_It_All_Began_With_a_Burst.mp3",type:"audio/mp3"},{src:"https://cdn.selz.com/plyr/1.5/Kishi_Bashi_-_It_All_Began_With_a_Burst.ogg",type:"audio/ogg"}]});break;case n.youtube:s.source({type:"video",title:"View From A Blue Moon",sources:[{src:"bTqVqk7FSmY",type:"youtube"}]});break;case n.vimeo:s.source({type:"video",title:"View From A Blue Moon",sources:[{src:"143418951",type:"vimeo"}]})}r=t;for(var a=o.length-1;a>=0;a--)e(o[a].parentElement,"active",!1);e(document.querySelector('[data-source="'+t+'"]').parentElement,"active",!0)}}var i=plyr.setup({debug:!0,title:"Video demo",iconUrl:"../dist/plyr.svg",tooltips:{controls:!0},captions:{defaultActive:!0},controls:["play-large","play","speed-up","progress","current-time","mute","volume","captions","settings","fullscreen"]});plyr.loadSprite("dist/demo.svg");for(var s=i[0],o=document.querySelectorAll("[data-source]"),n={video:"video",audio:"audio",youtube:"youtube",vimeo:"vimeo"},r=window.location.hash.replace("#",""),a=window.history&&window.history.pushState,c=o.length-1;c>=0;c--)o[c].addEventListener("click",function(){var e=this.getAttribute("data-source");t(e),a&&history.pushState({type:e},"","#"+e)});if(window.addEventListener("popstate",function(e){e.state&&"type"in e.state&&t(e.state.type)}),a){var l=!r.length;l&&(r=n.video),r in n&&history.replaceState({type:r},"",l?"":"#"+r),r!==n.video&&t(r,!0)}}(),document.domain.indexOf("plyr.io")>-1&&(!function(e,t,i,s,o,n,r){e.GoogleAnalyticsObject=o,e[o]=e[o]||function(){(e[o].q=e[o].q||[]).push(arguments)},e[o].l=1*new Date,n=t.createElement(i),r=t.getElementsByTagName(i)[0],n.async=1,n.src=s,r.parentNode.insertBefore(n,r)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-40881672-11","auto"),ga("send","pageview"));
\ No newline at end of file diff --git a/demo/index.html b/demo/index.html index 9527094c..c9f2d036 100644 --- a/demo/index.html +++ b/demo/index.html @@ -58,7 +58,7 @@ <!-- Text track file --> <track kind="captions" label="English" srclang="en" src="webvtt/View_From_A_Blue_Moon_Trailer-HD.en.vtt" default> - <!--<track kind="captions" label="Français" srclang="fr" src="webvtt/View_From_A_Blue_Moon_Trailer-HD.fr.vtt">--> + <track kind="captions" label="Français" srclang="fr" src="webvtt/View_From_A_Blue_Moon_Trailer-HD.fr.vtt"> <!-- Fallback for browsers that don't support the <video> element --> <a href="https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.mp4" download>Download</a> @@ -74,7 +74,7 @@ </main> <!-- Plyr core script --> - <script src="../dist/plyr.js"></script> + <script src="../src/js/plyr.js"></script> <!-- Docs script --> <script src="dist/demo.js"></script> diff --git a/demo/src/js/main.js b/demo/src/js/main.js index 5302604b..d7c5f42a 100644 --- a/demo/src/js/main.js +++ b/demo/src/js/main.js @@ -7,21 +7,21 @@ /*global plyr*/ // General functions -;(function() { +(function() { //document.body.addEventListener('ready', function(event) { console.log(event); }); - + // Setup the player var instances = plyr.setup({ - debug: true, - title: 'Video demo', - iconUrl: '../dist/plyr.svg', + debug: true, + title: 'Video demo', + iconUrl: '../dist/plyr.svg', tooltips: { - controls: true + controls: true }, captions: { - defaultActive: true + defaultActive: true }, - //controls: ['play-large', 'play', 'speed-up', 'progress', 'current-time', 'mute', 'volume', 'captions', 'settings', 'fullscreen'] + controls: ['play-large', 'play', 'speed-up', 'progress', 'current-time', 'mute', 'volume', 'captions', 'settings', 'fullscreen'] }); plyr.loadSprite('dist/demo.svg'); @@ -31,10 +31,10 @@ // Setup type toggle var buttons = document.querySelectorAll('[data-source]'), types = { - video: 'video', - audio: 'audio', - youtube: 'youtube', - vimeo: 'vimeo' + video: 'video', + audio: 'audio', + youtube: 'youtube', + vimeo: 'vimeo' }, currentType = window.location.hash.replace('#', ''), historySupport = (window.history && window.history.pushState); @@ -47,34 +47,38 @@ newSource(type); if (historySupport) { - history.pushState({ 'type': type }, '', '#' + type); + history.pushState({ + 'type': type + }, '', '#' + type); } }); } // List for backwards/forwards window.addEventListener('popstate', function(event) { - if(event.state && 'type' in event.state) { + if (event.state && 'type' in event.state) { newSource(event.state.type); } }); // On load - if(historySupport) { + if (historySupport) { var video = !currentType.length; // If there's no current type set, assume video - if(video) { + if (video) { currentType = types.video; } // Replace current history state - if(currentType in types) { - history.replaceState({ 'type': currentType }, '', (video ? '' : '#' + currentType)); + if (currentType in types) { + history.replaceState({ + 'type': currentType + }, '', (video ? '' : '#' + currentType)); } // If it's not video, load the source - if(currentType !== types.video) { + if (currentType !== types.video) { newSource(currentType, true); } } @@ -84,8 +88,7 @@ if (element) { if (element.classList) { element.classList[state ? 'add' : 'remove'](className); - } - else { + } else { var name = (' ' + element.className + ' ').replace(/\s+/g, ' ').replace(' ' + className + ' ', ''); element.className = name + (state ? ' ' + className : ''); } @@ -95,29 +98,29 @@ // Set a new source function newSource(type, init) { // Bail if new type isn't known, it's the current type, or current type is empty (video is default) and new type is video - if(!(type in types) || (!init && type === currentType) || (!currentType.length && type === types.video)) { + if (!(type in types) || (!init && type === currentType) || (!currentType.length && type === types.video)) { return; } - switch(type) { + switch (type) { case types.video: player.source({ - type: 'video', - title: 'View From A Blue Moon', + type: 'video', + title: 'View From A Blue Moon', sources: [{ - src: 'https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.mp4', - type: 'video/mp4' + src: 'https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.mp4', + type: 'video/mp4' }, - { - src: 'https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.webm', - type: 'video/webm' + { + src: 'https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.webm', + type: 'video/webm' }], - poster: 'https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.jpg', - tracks: [{ - kind: 'captions', - label: 'English', - srclang:'en', - src: 'https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.en.vtt', + poster: 'https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.jpg', + tracks: [{ + kind: 'captions', + label: 'English', + srclang: 'en', + src: 'https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.en.vtt', default: true }] }); @@ -125,37 +128,37 @@ case types.audio: player.source({ - type: 'audio', - title: 'Kishi Bashi – “It All Began With A Burst”', + type: 'audio', + title: 'Kishi Bashi – “It All Began With A Burst”', sources: [{ - src: 'https://cdn.selz.com/plyr/1.5/Kishi_Bashi_-_It_All_Began_With_a_Burst.mp3', - type: 'audio/mp3' + src: 'https://cdn.selz.com/plyr/1.5/Kishi_Bashi_-_It_All_Began_With_a_Burst.mp3', + type: 'audio/mp3' }, - { - src: 'https://cdn.selz.com/plyr/1.5/Kishi_Bashi_-_It_All_Began_With_a_Burst.ogg', - type: 'audio/ogg' + { + src: 'https://cdn.selz.com/plyr/1.5/Kishi_Bashi_-_It_All_Began_With_a_Burst.ogg', + type: 'audio/ogg' }] }); break; case types.youtube: player.source({ - type: 'video', - title: 'View From A Blue Moon', + type: 'video', + title: 'View From A Blue Moon', sources: [{ - src: 'bTqVqk7FSmY', - type: 'youtube' + src: 'bTqVqk7FSmY', + type: 'youtube' }] }); break; case types.vimeo: player.source({ - type: 'video', - title: 'View From A Blue Moon', + type: 'video', + title: 'View From A Blue Moon', sources: [{ - src: '143418951', - type: 'vimeo' + src: '143418951', + type: 'vimeo' }] }); break; @@ -170,17 +173,24 @@ } // Set active on parent - toggleClass(document.querySelector('[data-source="'+ type +'"]').parentElement, 'active', true); + toggleClass(document.querySelector('[data-source="' + type + '"]').parentElement, 'active', true); } })(); // Google analytics // For demo site (http://[www.]plyr.io) only -if(document.domain.indexOf('plyr.io') > -1) { - (function(i,s,o,g,r,a,m){i.GoogleAnalyticsObject=r;i[r]=i[r]||function(){ - (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), - m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) - })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); +if (document.domain.indexOf('plyr.io') > -1) { + (function(i, s, o, g, r, a, m) { + i.GoogleAnalyticsObject = r; + i[r] = i[r] || function() { + (i[r].q = i[r].q || []).push(arguments) + }, i[r].l = 1 * new Date(); + a = s.createElement(o), + m = s.getElementsByTagName(o)[0]; + a.async = 1; + a.src = g; + m.parentNode.insertBefore(a, m) + })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-40881672-11', 'auto'); ga('send', 'pageview'); } diff --git a/dist/plyr.js b/dist/plyr.js index 67ae9df0..e316c62c 100644 --- a/dist/plyr.js +++ b/dist/plyr.js @@ -1,2 +1,2 @@ -!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=t(e,document):"function"==typeof define&&define.amd?define([],function(){return t(e,document)}):e.plyr=t(e,document)}("undefined"!=typeof window?window:this,function(e,t){"use strict";function n(){var e,n,a,r=navigator.userAgent,s=navigator.appName,o=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10),l=!1,u=!1,c=!1,p=!1;return navigator.appVersion.indexOf("Windows NT")!==-1&&navigator.appVersion.indexOf("rv:11")!==-1?(l=!0,s="IE",o="11"):(n=r.indexOf("MSIE"))!==-1?(l=!0,s="IE",o=r.substring(n+5)):(n=r.indexOf("Chrome"))!==-1?(c=!0,s="Chrome",o=r.substring(n+7)):(n=r.indexOf("Safari"))!==-1?(p=!0,s="Safari",o=r.substring(n+7),(n=r.indexOf("Version"))!==-1&&(o=r.substring(n+8))):(n=r.indexOf("Firefox"))!==-1?(u=!0,s="Firefox",o=r.substring(n+8)):(e=r.lastIndexOf(" ")+1)<(n=r.lastIndexOf("/"))&&(s=r.substring(e,n),o=r.substring(n+1),s.toLowerCase()===s.toUpperCase()&&(s=navigator.appName)),(a=o.indexOf(";"))!==-1&&(o=o.substring(0,a)),(a=o.indexOf(" "))!==-1&&(o=o.substring(0,a)),i=parseInt(""+o,10),isNaN(i)&&(o=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10)),{name:s,version:i,isIE:l,isFirefox:u,isChrome:c,isSafari:p,isIos:/(iPad|iPhone|iPod)/g.test(navigator.platform),isTouch:"ontouchstart"in t.documentElement}}function a(e){if(!t.querySelectorAll('script[src="'+e+'"]').length){var n=t.createElement("script");n.src=e;var a=t.getElementsByTagName("script")[0];a.parentNode.insertBefore(n,a)}}function r(e,t){return Array.prototype.indexOf&&e.indexOf(t)!==-1}function s(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?\^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function o(e,t){e.length||(e=[e]);for(var n=e.length-1;n>=0;n--){var a=n>0?t.cloneNode(!0):t,r=e[n],s=r.parentNode,o=r.nextSibling;return a.appendChild(r),o?s.insertBefore(a,o):s.appendChild(a),a}}function i(e){e&&e.parentNode.removeChild(e)}function l(e,t){e.insertBefore(t,e.firstChild)}function u(e,t){for(var n in t)e.setAttribute(n,N.boolean(t[n])&&t[n]?"":t[n])}function c(e,n,a){var r=t.createElement(e);u(r,a),l(n,r)}function p(e){return e.replace(".","")}function d(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 m(e,t){return!!e&&(e.classList?e.classList.contains(t):new RegExp("(\\s|^)"+t+"(\\s|$)").test(e.className))}function f(e,n){var a=Element.prototype,r=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.msMatchesSelector||function(e){return[].indexOf.call(t.querySelectorAll(e),this)!==-1};return r.call(e,n)}function y(e,t,n,a,r){g(e,t,function(t){n&&n.apply(e,[t]),a.apply(e,[t])},r)}function b(e,t,n,a,r){var s=t.split(" ");if(N.boolean(r)||(r=!1),e instanceof NodeList)for(var o=0;o<e.length;o++)e[o]instanceof Node&&b(e[o],arguments[1],arguments[2],arguments[3]);else for(var i=0;i<s.length;i++)e[a?"addEventListener":"removeEventListener"](s[i],n,r)}function g(e,t,n,a){N.undefined(e)||b(e,t,n,!0,a)}function v(e,t,n,a){N.undefined(e)||b(e,t,n,!1,a)}function h(e,t,n,a){if(e&&t){N.boolean(n)||(n=!1);var r=new CustomEvent(t,{bubbles:n,detail:a});e.dispatchEvent(r)}}function _(e,t){if(e)return t=N.boolean(t)?t:!e.getAttribute("aria-pressed"),e.setAttribute("aria-pressed",t),t}function k(e,t){return 0===e||0===t||isNaN(e)||isNaN(t)?0:(e/t*100).toFixed(2)}function x(){var e=arguments;if(e.length){if(1===e.length)return e[0];for(var t=Array.prototype.shift.call(e),n=e.length,a=0;a<n;a++){var r=e[a];for(var s in r)r[s]&&r[s].constructor&&r[s].constructor===Object?(t[s]=t[s]||{},x(t[s],r[s])):t[s]=r[s]}return t}}function w(e){var t=/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;return e.match(t)?RegExp.$2:e}function T(e){var t=/^.*(vimeo.com\/|video\/)(\d+).*/;return e.match(t)?RegExp.$2:e}function E(b,E){function A(e,t,n,a){h(e,t,n,x({},a,{plyr:$e}))}function O(t,n){E.debug&&e.console&&(n=Array.prototype.slice.call(n),N.string(E.logPrefix)&&E.logPrefix.length&&n.unshift(E.logPrefix),console[t].apply(console,n))}function L(){return{url:E.iconUrl,absolute:0===E.iconUrl.indexOf("http")||Je.browser.isIE}}function j(){var e=[],t=L(),n=(t.absolute?"":t.url)+"#"+E.iconPrefix;return r(E.controls,"play-large")&&e.push('<button type="button" data-plyr="play" class="plyr__play-large">','<svg><use xlink:href="'+n+'-play" /></svg>','<span class="plyr__sr-only">'+E.i18n.play+"</span>","</button>"),e.push('<div class="plyr__controls">'),r(E.controls,"restart")&&e.push('<button type="button" class="plyr__control" data-plyr="restart">','<svg><use xlink:href="'+n+'-restart" /></svg>','<span class="plyr__sr-only">'+E.i18n.restart+"</span>","</button>"),r(E.controls,"rewind")&&e.push('<button type="button" class="plyr__control" data-plyr="rewind">','<svg><use xlink:href="'+n+'-rewind" /></svg>','<span class="plyr__sr-only">'+E.i18n.rewind+"</span>","</button>"),r(E.controls,"play")&&e.push('<button type="button" class="plyr__control" data-plyr="play">','<svg><use xlink:href="'+n+'-play" /></svg>','<span class="plyr__sr-only">'+E.i18n.play+"</span>","</button>",'<button type="button" class="plyr__control" data-plyr="pause">','<svg><use xlink:href="'+n+'-pause" /></svg>','<span class="plyr__sr-only">'+E.i18n.pause+"</span>","</button>"),r(E.controls,"fast-forward")&&e.push('<button type="button" class="plyr__control" data-plyr="fast-forward">','<svg><use xlink:href="'+n+'-fast-forward" /></svg>','<span class="plyr__sr-only">'+E.i18n.forward+"</span>","</button>"),r(E.controls,"progress")&&(e.push('<span class="plyr__progress">','<label for="seek-{id}" class="plyr__sr-only">Seek</label>','<input id="seek-{id}" class="plyr__progress--seek" type="range" min="0" max="100" step="0.1" value="0" data-plyr="seek">','<progress class="plyr__progress--played" max="100" value="0" role="presentation"></progress>','<progress class="plyr__progress--buffer" max="100" value="0">',"<span>0</span>% "+E.i18n.buffered,"</progress>"),E.tooltips.seek&&e.push('<span class="plyr__tooltip">00:00</span>'),e.push("</span>")),r(E.controls,"current-time")&&e.push('<span class="plyr__time">','<span class="plyr__sr-only">'+E.i18n.currentTime+"</span>",'<span class="plyr__time--current">00:00</span>',"</span>"),r(E.controls,"duration")&&e.push('<span class="plyr__time">','<span class="plyr__sr-only">'+E.i18n.duration+"</span>",'<span class="plyr__time--duration">00:00</span>',"</span>"),r(E.controls,"mute")&&e.push('<button type="button" class="plyr__control" data-plyr="mute">','<svg class="icon--muted"><use xlink:href="'+n+'-muted" /></svg>','<svg><use xlink:href="'+n+'-volume" /></svg>','<span class="plyr__sr-only">'+E.i18n.toggleMute+"</span>","</button>"),r(E.controls,"volume")&&e.push('<span class="plyr__volume">','<label for="volume-{id}" class="plyr__sr-only">'+E.i18n.volume+"</label>",'<input id="volume-{id}" class="plyr__volume--input" type="range" min="'+E.volumeMin+'" max="'+E.volumeMax+'" value="'+E.volume+'" data-plyr="volume">','<progress class="plyr__volume--display" max="'+E.volumeMax+'" value="'+E.volumeMin+'" role="presentation"></progress>',"</span>"),r(E.controls,"captions")&&e.push('<button type="button" class="plyr__control" data-plyr="captions">','<svg class="icon--captions-on"><use xlink:href="'+n+'-captions-on" /></svg>','<svg><use xlink:href="'+n+'-captions-off" /></svg>','<span class="plyr__sr-only">'+E.i18n.toggleCaptions+"</span>","</button>"),r(E.controls,"settings")&&e.push('<div class="plyr__menu" data-plyr="settings">','<button type="button" id="plyr-settings-toggle-{id}" class="plyr__control" aria-haspopup="true" aria-controls="plyr-settings-{id}" aria-expanded="false">','<svg><use xlink:href="'+n+'-settings" /></svg>','<span class="plyr__sr-only">'+E.i18n.settings+"</span>","</button>",'<div class="plyr__menu__container" id="plyr-settings-{id}" aria-hidden="true" aria-labelled-by="plyr-settings-toggle-{id}" role="tablist" tabindex="-1">',"<div>",'<div class="plyr__menu__primary" id="plyr-settings-{id}-primary" aria-hidden="false" aria-labelled-by="plyr-settings-toggle-{id}" role="tabpanel" tabindex="-1">',"<ul>",'<li role="tab">','<button type="button" class="plyr__control plyr__control--forward" id="plyr-settings-{id}-captions-toggle" aria-haspopup="true" aria-controls="plyr-settings-{id}-captions" aria-expanded="false">',E.i18n.captions+'<span class="plyr__menu__value">{lang}</span>',"</button>","</li>",'<li role="tab">','<button type="button" class="plyr__control plyr__control--forward" id="plyr-settings-{id}-speed-toggle" aria-haspopup="true" aria-controls="plyr-settings-{id}-speed" aria-expanded="false">',E.i18n.speed+'<span class="plyr__menu__value">{speed}</span>',"</button>","</li>",'<li role="tab">','<button type="button" class="plyr__control plyr__control--forward" id="plyr-settings-{id}-quality-toggle" aria-haspopup="true" aria-controls="plyr-settings-{id}-quality" aria-expanded="false">',E.i18n.quality+'<span class="plyr__menu__value">Auto</span>',"</button>","</li>","</ul>","</div>",'<div class="plyr__menu__secondary" id="plyr-settings-{id}-captions" aria-hidden="true" aria-labelled-by="plyr-settings-{id}-captions-toggle" role="tabpanel" tabindex="-1">',"<ul>",'<li role="tab">','<button type="button" class="plyr__control plyr__control--back" aria-haspopup="true" aria-controls="plyr-settings-{id}-primary" aria-expanded="false">',E.i18n.captions,"</button>","</li>","<li>",'<button type="button" class="plyr__control">English</button>',"</li>","<li>",'<button type="button" class="plyr__control">Off</button>',"</li>","</ul>","</div>",'<div class="plyr__menu__secondary" id="plyr-settings-{id}-speed" aria-hidden="true" aria-labelled-by="plyr-settings-{id}-speed-toggle" role="tabpanel" tabindex="-1">',"<ul>",'<li role="tab">','<button type="button" class="plyr__control plyr__control--back" aria-haspopup="true" aria-controls="plyr-settings-{id}-primary" aria-expanded="false">',E.i18n.speed,"</button>","</li>","<li>",'<button type="button" class="plyr__control">2×</button>',"</li>","<li>",'<button type="button" class="plyr__control">1.5×</button>',"</li>","<li>",'<button type="button" class="plyr__control">1×</button>',"</li>","<li>",'<button type="button" class="plyr__control">0.5×</button>',"</li>","</ul>","</div>",'<div class="plyr__menu__secondary" id="plyr-settings-{id}-quality" aria-hidden="true" aria-labelled-by="plyr-settings-{id}-quality-toggle" role="tabpanel" tabindex="-1">',"<ul>",'<li role="tab">','<button type="button" class="plyr__control plyr__control--back" aria-haspopup="true" aria-controls="plyr-settings-{id}-primary" aria-expanded="false">',E.i18n.quality,"</button>","</li>","<li>",'<label class="plyr__control">','<input type="radio" name="quality">',"2160P",'<span class="plyr__menu__value">','<span class="plyr__badge">4K</span>',"</span>","</label>","</li>","<li>",'<label class="plyr__control">','<input type="radio" name="quality">',"1440P",'<span class="plyr__menu__value">','<span class="plyr__badge">WQHD</span>',"</span>","</label>","</li>","<li>",'<label class="plyr__control">','<input type="radio" name="quality">',"1080P",'<span class="plyr__menu__value">','<span class="plyr__badge">HD</span>',"</span>","</label>","</li>","<li>",'<label class="plyr__control">','<input type="radio" name="quality">',"720P",'<span class="plyr__menu__value">','<span class="plyr__badge">HD</span>',"</span>","</label>","</li>","<li>",'<label class="plyr__control">','<input type="radio" name="quality">',"480P","</label>","</li>","<li>",'<label class="plyr__control">','<input type="radio" name="quality">',"360P","</label>","</li>","</ul>","</div>","</div>","</div>","</div>"),r(E.controls,"pip")&&q.pip&&e.push('<button type="button" class="plyr__control" data-plyr="pip">','<svg><use xlink:href="'+n+'-pip" /></svg>','<span class="plyr__sr-only">PIP</span>',"</button>"),r(E.controls,"airplay")&&q.airplay&&e.push('<button type="button" class="plyr__control" data-plyr="airplay">','<svg><use xlink:href="'+n+'-airplay" /></svg>','<span class="plyr__sr-only">AirPlay</span>',"</button>"),r(E.controls,"fullscreen")&&e.push('<button type="button" class="plyr__control" data-plyr="fullscreen">','<svg class="icon--exit-fullscreen"><use xlink:href="'+n+'-exit-fullscreen" /></svg>','<svg><use xlink:href="'+n+'-enter-fullscreen" /></svg>','<span class="plyr__sr-only">'+E.i18n.toggleFullscreen+"</span>","</button>"),e.push("</div>"),e.join("")}function R(){if(Je.supported.full&&("audio"!==Je.type||E.fullscreen.allowAudio)&&E.fullscreen.enabled){var e=q.fullscreen;e||E.fullscreen.fallback&&!U()?(Qe((e?"Native":"Fallback")+" fullscreen enabled"),d(Je.container,E.classes.fullscreen.enabled,!0)):Qe("Fullscreen not supported and fallback disabled"),Je.buttons&&Je.buttons.fullscreen&&_(Je.buttons.fullscreen,!1),$()}}function V(e){N.event(e)&&(e=e.target),e.activeCues[0]&&"text"in e.activeCues[0]?H(e.activeCues[0].getCueAsHTML()):H()}function D(){if("video"===Je.type){X(E.selectors.captions)||Je.videoContainer.insertAdjacentHTML("afterbegin",'<div class="'+p(E.selectors.captions)+'"></div>'),Je.usingTextTracks=!1,Je.media.textTracks&&(Je.usingTextTracks=!0);var e=[],t="";if(Je.media.childNodes.forEach(function(t){"track"===t.nodeName.toLowerCase()&&("captions"!==t.kind&&"subtitles"!==t.kind||e.push(t.getAttribute("src")))}),Je.captionExists=!0,0===e.length?(Je.captionExists=!1,Qe("No caption track found")):E.captions.selectedIndex+1>e.length?(Je.captionExists=!1,Qe("Caption index out of bound")):(t=e[E.captions.selectedIndex],Qe("Caption track found; URI: "+t)),Je.captionExists){var n=Je.media.textTracks;if([].forEach.call(n,function(e){v(e,"cuechange",V),e.mode="hidden"}),Y(Je),(Je.browser.isIE&&Je.browser.version>=10||Je.browser.isFirefox&&Je.browser.version>=31)&&(Qe("Detected browser with known TextTrack issues - using manual fallback"),Je.usingTextTracks=!1),Je.usingTextTracks){Qe("TextTracks supported");var a=n[E.captions.selectedIndex];"captions"!==a.kind&&"subtitles"!==a.kind||(g(a,"cuechange",V),a.activeCues&&a.activeCues.length>0&&V(a))}else if(Qe("TextTracks not supported so rendering captions manually"),Je.currentCaption="",Je.captions=[],""!==t){var r=new XMLHttpRequest;r.onreadystatechange=function(){if(4===r.readyState)if(200===r.status){var e,t=[],n=r.responseText,a="\r\n";n.indexOf(a+a)===-1&&(a=n.indexOf("\r\r")!==-1?"\r":"\n"),t=n.split(a+a);for(var s=0,o=0;o<t.length;o++){e=t[o];var i=e.split(a),l=0;i[l].indexOf(":")!==-1&&(Je.captions[s]=[i[l],i[l+1]],s++)}Qe("Successfully loaded the caption file via AJAX")}else Ge(E.logPrefix+"There was a problem loading the caption file via AJAX")},r.open("get",t,!0),r.send()}}else d(Je.container,E.classes.captions.enabled)}}function H(e){var n=X(E.selectors.captions),a=t.createElement("span");n.innerHTML="",N.undefined(e)&&(e=""),N.string(e)?a.innerHTML=e.trim():a.appendChild(e),n.appendChild(a);n.offsetHeight}function W(e){function t(e,t){var n=[];n=e.split(" --> ");for(var a=0;a<n.length;a++)n[a]=n[a].replace(/(\d+:\d+:\d+\.\d+).*/,"$1");return r(n[t])}function n(e){return t(e,0)}function a(e){return t(e,1)}function r(e){if(null===e||void 0===e)return 0;var t=[],n=[],a=0;t=e.split(","),n=t[0].split(":");for(var r=0,s=n.length;r<s;r++)a+=Math.floor(n[r]*Math.pow(60,s-(r+1)));return a}if(!Je.usingTextTracks&&"video"===Je.type&&Je.supported.full&&(Je.subcount=0,e=N.number(e)?e:Je.media.currentTime,Je.captions[Je.subcount])){for(;a(Je.captions[Je.subcount][0])<e.toFixed(1);)if(Je.subcount++,Je.subcount>Je.captions.length-1){Je.subcount=Je.captions.length-1;break}Je.media.currentTime.toFixed(1)>=n(Je.captions[Je.subcount][0])&&Je.media.currentTime.toFixed(1)<=a(Je.captions[Je.subcount][0])?(Je.currentCaption=Je.captions[Je.subcount][1],H(Je.currentCaption)):H()}}function Y(){if(Je.buttons.captions){d(Je.container,E.classes.captions.enabled,!0);var e=Je.storage.captionsEnabled;N.boolean(e)||(e=E.captions.defaultActive),e&&(d(Je.container,E.classes.captions.active,!0),_(Je.buttons.captions,!0))}}function B(e){return Je.container.querySelectorAll(e)}function X(e){return B(e)[0]}function U(){try{return e.self!==e.top}catch(e){return!0}}function $(){function e(e){9===e.which&&Je.isFullscreen&&(e.target!==a||e.shiftKey?e.target===n&&e.shiftKey&&(e.preventDefault(),a.focus()):(e.preventDefault(),n.focus()))}var t=B("input:not([disabled]), button:not([disabled])"),n=t[0],a=t[t.length-1];g(Je.container,"keydown",e)}function J(e,t){if(N.string(t))c(e,Je.media,{src:t});else if(t.constructor===Array)for(var n=t.length-1;n>=0;n--)c(e,Je.media,t[n])}function K(){if(E.loadSprite){var e=L();e.absolute?(Qe("AJAX loading absolute SVG sprite"+(Je.browser.isIE?" (due to IE)":"")),S(e.url,"sprite-plyr")):Qe("Sprite will be used as external resource directly")}var n=E.html;Qe("Injecting custom controls"),n||(n=j()),n=s(n,"{seektime}",E.seekTime),n=s(n,"{speed}",E.currentSpeed.toFixed(1).toString().replace(".0","")+"×"),n=s(n,"{lang}","English"),n=s(n,"{id}",Math.floor(1e4*Math.random()));var a;if(N.string(E.selectors.controls.container)&&(a=t.querySelector(E.selectors.controls.container)),N.htmlElement(a)||(a=Je.container),a.insertAdjacentHTML("beforeend",n),E.tooltips.controls)for(var r=B([E.selectors.controls.wrapper," ",E.selectors.labels," .",E.classes.hidden].join("")),o=r.length-1;o>=0;o--){var i=r[o];d(i,E.classes.hidden,!1),d(i,E.classes.tooltip,!0)}}function z(){try{return Je.controls=X(E.selectors.controls.wrapper),Je.buttons={seek:X(E.selectors.buttons.seek),play:B(E.selectors.buttons.play),pause:X(E.selectors.buttons.pause),restart:X(E.selectors.buttons.restart),rewind:X(E.selectors.buttons.rewind),forward:X(E.selectors.buttons.forward),fullscreen:X(E.selectors.buttons.fullscreen),settings:X(E.selectors.buttons.settings),pip:X(E.selectors.buttons.pip)},Je.buttons.mute=X(E.selectors.buttons.mute),Je.buttons.captions=X(E.selectors.buttons.captions),Je.progress={container:X(E.selectors.progress.container)},Je.progress.buffer=function(){var e=X(E.selectors.progress.buffer);return{bar:e,text:N.htmlElement(e)&&e.getElementsByTagName("span")[0]}}(),Je.progress.played=X(E.selectors.progress.played),Je.progress.tooltip=Je.progress.container&&Je.progress.container.querySelector("."+E.classes.tooltip),Je.volume={input:X(E.selectors.volume.input),display:X(E.selectors.volume.display)},Je.duration=X(E.selectors.duration),Je.currentTime=X(E.selectors.currentTime),Je.seekTime=B(E.selectors.seekTime),!0}catch(e){return Ge("It looks like there is a problem with your controls HTML",e),G(!0),!1}}function Q(){d(Je.container,E.selectors.container.replace(".",""),Je.supported.full)}function G(e){e&&r(E.types.html5,Je.type)?Je.media.setAttribute("controls",""):Je.media.removeAttribute("controls")}function Z(e){var t=E.i18n.play;if(N.string(E.title)&&E.title.length&&(t+=", "+E.title,Je.container.setAttribute("aria-label",E.title)),Je.supported.full&&Je.buttons.play)for(var n=Je.buttons.play.length-1;n>=0;n--)Je.buttons.play[n].setAttribute("aria-label",t);N.htmlElement(e)&&e.setAttribute("title",E.i18n.frameTitle.replace("{title}",E.title))}function ee(){var t=null;Je.storage={},q.storage&&E.storage.enabled&&(e.localStorage.removeItem("plyr-volume"),t=e.localStorage.getItem(E.storage.key),t&&(/^\d+(\.\d+)?$/.test(t)?te({volume:parseFloat(t)}):Je.storage=JSON.parse(t)))}function te(t){q.storage&&E.storage.enabled&&(x(Je.storage,t),e.localStorage.setItem(E.storage.key,JSON.stringify(Je.storage)))}function ne(){if(!Je.media)return void Ge("No media element found!");if(Je.supported.full&&(d(Je.container,E.classes.type.replace("{0}",Je.type),!0),r(E.types.embed,Je.type)&&d(Je.container,E.classes.type.replace("{0}","video"),!0),d(Je.container,E.classes.pip.enabled,q.pip),d(Je.container,E.classes.stopped,E.autoplay),d(Je.container,E.classes.isIos,Je.browser.isIos),d(Je.container,E.classes.isTouch,Je.browser.isTouch),"video"===Je.type)){var e=t.createElement("div");e.setAttribute("class",E.classes.videoWrapper),o(Je.media,e),Je.videoContainer=e}r(E.types.embed,Je.type)&&ae()}function ae(){var n,r=t.createElement("div"),s=Je.type+"-"+Math.floor(1e4*Math.random());switch(Je.type){case"youtube":n=w(Je.embedId);break;case"vimeo":n=T(Je.embedId);break;default:n=Je.embedId}for(var o=B('[id^="'+Je.type+'-"]'),l=o.length-1;l>=0;l--)i(o[l]);if(d(Je.media,E.classes.videoWrapper,!0),d(Je.media,E.classes.embedWrapper,!0),"youtube"===Je.type)Je.media.appendChild(r),r.setAttribute("id",s),N.object(e.YT)?se(n,r):(a(E.urls.youtube.api),e.onYouTubeReadyCallbacks=e.onYouTubeReadyCallbacks||[],e.onYouTubeReadyCallbacks.push(function(){se(n,r)}),e.onYouTubeIframeAPIReady=function(){e.onYouTubeReadyCallbacks.forEach(function(e){e()})});else if("vimeo"===Je.type)if(Je.supported.full?Je.media.appendChild(r):r=Je.media,r.setAttribute("id",s),N.object(e.Vimeo))oe(n,r);else{a(E.urls.vimeo.api);var c=e.setInterval(function(){N.object(e.Vimeo)&&(e.clearInterval(c),oe(n,r))},50)}else if("soundcloud"===Je.type){var p=t.createElement("iframe");p.loaded=!1,g(p,"load",function(){p.loaded=!0}),u(p,{src:"https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/"+n,id:s}),r.appendChild(p),Je.media.appendChild(r),e.SC||a(E.urls.soundcloud.api);var m=e.setInterval(function(){e.SC&&p.loaded&&(e.clearInterval(m),ie.call(p))},50)}}function re(){Je.supported.full&&(Xe(),Ue()),Z(X("iframe"))}function se(t,n){Je.embed=new e.YT.Player(n.id,{videoId:t,playerVars:{autoplay:E.autoplay?1:0,controls:Je.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){A(Je.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;Je.media.play=function(){n.playVideo(),Je.media.paused=!1},Je.media.pause=function(){n.pauseVideo(),Je.media.paused=!0},Je.media.stop=function(){n.stopVideo(),Je.media.paused=!0},Je.media.duration=n.getDuration(),Je.media.paused=!0,Je.media.currentTime=0,Je.media.muted=n.isMuted();var a=n.getPlaybackRate(),r=n.getAvailablePlaybackRates();console.warn(a,r),E.title=n.getVideoData().title,Je.supported.full&&Je.media.querySelector("iframe").setAttribute("tabindex","-1"),re(),A(Je.media,"timeupdate"),A(Je.media,"durationchange"),e.clearInterval(Ke.buffering),Ke.buffering=e.setInterval(function(){Je.media.buffered=n.getVideoLoadedFraction(),(null===Je.media.lastBuffered||Je.media.lastBuffered<Je.media.buffered)&&A(Je.media,"progress"),Je.media.lastBuffered=Je.media.buffered,1===Je.media.buffered&&(e.clearInterval(Ke.buffering),A(Je.media,"canplaythrough"))},200)},onStateChange:function(t){var n=t.target;switch(e.clearInterval(Ke.playing),t.data){case 0:Je.media.paused=!0,A(Je.media,"ended");break;case 1:Je.media.paused=!1,Je.media.seeking&&A(Je.media,"seeked"),Je.media.seeking=!1,A(Je.media,"play"),A(Je.media,"playing"),Ke.playing=e.setInterval(function(){Je.media.currentTime=n.getCurrentTime(),A(Je.media,"timeupdate")},100),Je.media.duration!==n.getDuration()&&(Je.media.duration=n.getDuration(),A(Je.media,"durationchange"));var a=n.getAvailableQualityLevels();console.warn(a,t.data);break;case 2:Je.media.paused=!0,A(Je.media,"pause")}A(Je.container,"statechange",!1,{code:t.data})}}})}function oe(t,n){Je.embed=new e.Vimeo.Player(n,{id:parseInt(t),loop:E.loop,autoplay:E.autoplay,byline:!1,portrait:!1,title:!1}),Je.media.play=function(){Je.embed.play(),Je.media.paused=!1},Je.media.pause=function(){Je.embed.pause(),Je.media.paused=!0},Je.media.stop=function(){Je.embed.stop(),Je.media.paused=!0},Je.media.paused=!0,Je.media.currentTime=0,re(),Je.embed.getCurrentTime().then(function(e){Je.media.currentTime=e,A(Je.media,"timeupdate")}),Je.embed.getDuration().then(function(e){Je.media.duration=e,A(Je.media,"durationchange")}),Je.embed.on("loaded",function(){N.htmlElement(Je.embed.element)&&Je.supported.full&&Je.embed.element.setAttribute("tabindex","-1")}),Je.embed.on("play",function(){Je.media.paused=!1,A(Je.media,"play"),A(Je.media,"playing")}),Je.embed.on("pause",function(){Je.media.paused=!0,A(Je.media,"pause")}),Je.embed.on("timeupdate",function(e){Je.media.seeking=!1,Je.media.currentTime=e.seconds,A(Je.media,"timeupdate")}),Je.embed.on("progress",function(e){Je.media.buffered=e.percent,A(Je.media,"progress"),1===parseInt(e.percent)&&A(Je.media,"canplaythrough")}),Je.embed.on("seeked",function(){Je.media.seeking=!1,A(Je.media,"seeked"),A(Je.media,"play")}),Je.embed.on("ended",function(){Je.media.paused=!0,A(Je.media,"ended")})}function ie(){Je.embed=e.SC.Widget(this),Je.embed.bind(e.SC.Widget.Events.READY,function(){Je.media.play=function(){Je.embed.play(),Je.media.paused=!1},Je.media.pause=function(){Je.embed.pause(),Je.media.paused=!0},Je.media.stop=function(){Je.embed.seekTo(0),Je.embed.pause(),Je.media.paused=!0},Je.media.paused=!0,Je.media.currentTime=0,Je.embed.getDuration(function(e){Je.media.duration=e/1e3,re()}),Je.embed.getPosition(function(e){Je.media.currentTime=e,A(Je.media,"timeupdate")}),Je.embed.bind(e.SC.Widget.Events.PLAY,function(){Je.media.paused=!1,A(Je.media,"play"),A(Je.media,"playing")}),Je.embed.bind(e.SC.Widget.Events.PAUSE,function(){Je.media.paused=!0,A(Je.media,"pause")}),Je.embed.bind(e.SC.Widget.Events.PLAY_PROGRESS,function(e){Je.media.seeking=!1,Je.media.currentTime=e.currentPosition/1e3,A(Je.media,"timeupdate")}),Je.embed.bind(e.SC.Widget.Events.LOAD_PROGRESS,function(e){Je.media.buffered=e.loadProgress,A(Je.media,"progress"),1===parseInt(e.loadProgress)&&A(Je.media,"canplaythrough")}),Je.embed.bind(e.SC.Widget.Events.FINISH,function(){Je.media.paused=!0,A(Je.media,"ended")})})}function le(){"play"in Je.media&&Je.media.play()}function ue(){"pause"in Je.media&&Je.media.pause()}function ce(e){return N.boolean(e)||(e=Je.media.paused),e?le():ue(),e}function pe(e){N.number(e)||(e=E.seekTime),fe(Je.media.currentTime-e)}function de(e){N.number(e)||(e=E.seekTime),fe(Je.media.currentTime+e)}function me(e){if(!N.array(E.speeds))return void Ge("Invalid speeds format");if(!N.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,Je.media.playbackRate=e,te({speed:e})}function fe(e){var t=0,n=Je.media.paused,a=ye();N.number(e)?t=e:N.event(e)&&r(["input","change"],e.type)&&(t=e.target.value/e.target.max*a),t<0?t=0:t>a&&(t=a),Ne(t);try{Je.media.currentTime=t.toFixed(4)}catch(e){}if(r(E.types.embed,Je.type)){switch(Je.type){case"youtube":Je.embed.seekTo(t);break;case"vimeo":Je.embed.setCurrentTime(t.toFixed(0));break;case"soundcloud":Je.embed.seekTo(1e3*t)}n&&ue(),A(Je.media,"timeupdate"),Je.media.seeking=!0,A(Je.media,"seeking")}Qe("Seeking to "+Je.media.currentTime+" seconds"),W(t)}function ye(){var e=parseInt(E.duration),t=0;return null===Je.media.duration||isNaN(Je.media.duration)||(t=Je.media.duration),isNaN(e)?t:e}function be(){d(Je.container,E.classes.playing,!Je.media.paused),d(Je.container,E.classes.stopped,Je.media.paused),Le(Je.media.paused)}function ge(){P={x:e.pageXOffset||0,y:e.pageYOffset||0}}function ve(){e.scrollTo(P.x,P.y)}function he(e){var n=q.fullscreen;if(n){if(!e||e.type!==I.eventType)return I.isFullScreen(Je.container)?I.cancelFullScreen():(ge(),I.requestFullScreen(Je.container)),void(Je.isFullscreen=I.isFullScreen(Je.container));Je.isFullscreen=I.isFullScreen(Je.container)}else Je.isFullscreen=!Je.isFullscreen,t.body.style.overflow=Je.isFullscreen?"hidden":"";d(Je.container,E.classes.fullscreen.active,Je.isFullscreen),$(Je.isFullscreen),Je.buttons&&Je.buttons.fullscreen&&_(Je.buttons.fullscreen,Je.isFullscreen),A(Je.container,Je.isFullscreen?"enterfullscreen":"exitfullscreen",!0),!Je.isFullscreen&&n&&ve()}function _e(e){if(N.boolean(e)||(e=!Je.media.muted),_(Je.buttons.mute,e),Je.media.muted=e,0===Je.media.volume&&ke(E.volume),r(E.types.embed,Je.type)){switch(Je.type){case"youtube":Je.embed[Je.media.muted?"mute":"unMute"]();break;case"vimeo":case"soundcloud":Je.embed.setVolume(Je.media.muted?0:parseFloat(E.volume/E.volumeMax))}A(Je.media,"volumechange")}}function ke(e){var t=E.volumeMax,n=E.volumeMin;if(N.undefined(e)&&(e=Je.storage.volume),(null===e||isNaN(e))&&(e=E.volume),e>t&&(e=t),e<n&&(e=n),Je.media.volume=parseFloat(e/t),Je.volume.display&&(Je.volume.display.value=e),r(E.types.embed,Je.type)){switch(Je.type){case"youtube":Je.embed.setVolume(100*Je.media.volume);break;case"vimeo":case"soundcloud":Je.embed.setVolume(Je.media.volume)}A(Je.media,"volumechange")}0===e?Je.media.muted=!0:Je.media.muted&&e>0&&_e()}function xe(e){var t=Je.media.muted?0:Je.media.volume*E.volumeMax;N.number(e)||(e=E.volumeStep),ke(t+e)}function we(e){var t=Je.media.muted?0:Je.media.volume*E.volumeMax;N.number(e)||(e=E.volumeStep),ke(t-e)}function Te(){var e=Je.media.muted?0:Je.media.volume*E.volumeMax;Je.supported.full&&(Je.volume.input&&(Je.volume.input.value=e),Je.volume.display&&(Je.volume.display.value=e)),te({volume:e}),d(Je.container,E.classes.muted,0===e),Je.supported.full&&Je.buttons.mute&&_(Je.buttons.mute,0===e)}function Ee(e){Je.supported.full&&Je.buttons.captions&&(N.boolean(e)||(e=Je.container.className.indexOf(E.classes.captions.active)===-1),Je.captionsEnabled=e,_(Je.buttons.captions,Je.captionsEnabled),d(Je.container,E.classes.captions.active,Je.captionsEnabled),A(Je.container,Je.captionsEnabled?"captionsenabled":"captionsdisabled",!0),te({captionsEnabled:Je.captionsEnabled}))}function Se(e){E.captions.selectedIndex=e,H(),D()}function Ce(e){var t="waiting"===e.type;clearTimeout(Ke.loading),Ke.loading=setTimeout(function(){d(Je.container,E.classes.loading,t),Le(t)},t?250:0)}function Ae(e){if(Je.supported.full){var t=Je.progress.played,n=0,a=ye();if(e)switch(e.type){case"timeupdate":case"seeking":if(Je.controls.pressed)return;n=k(Je.media.currentTime,a),"timeupdate"===e.type&&Je.buttons.seek&&(Je.buttons.seek.value=n);break;case"playing":case"progress":t=Je.progress.buffer,n=function(){var e=Je.media.buffered;return e&&e.length?k(e.end(0),a):N.number(e)?100*e:0}()}Fe(t,n)}}function Fe(e,t){if(Je.supported.full){if(N.undefined(t)&&(t=0),N.undefined(e)){if(!Je.progress||!Je.progress.buffer)return;e=Je.progress.buffer}N.htmlElement(e)?e.value=t:e&&(e.bar&&(e.bar.value=t),e.text&&(e.text.innerHTML=t))}}function Ie(e,t){if(t){isNaN(e)&&(e=0),Je.secs=parseInt(e%60),Je.mins=parseInt(e/60%60),Je.hours=parseInt(e/60/60%60);var n=parseInt(ye()/60/60%60)>0;Je.secs=("0"+Je.secs).slice(-2),Je.mins=("0"+Je.mins).slice(-2),t.innerHTML=(n?Je.hours+":":"")+Je.mins+":"+Je.secs}}function Pe(){if(Je.supported.full){var e=ye()||0;!Je.duration&&E.displayDuration&&Je.media.paused&&Ie(e,Je.currentTime),Je.duration&&Ie(e,Je.duration),qe()}}function Me(e){Ie(Je.media.currentTime,Je.currentTime),e&&"timeupdate"===e.type&&Je.media.seeking||Ae(e)}function Ne(e){N.number(e)||(e=0);var t=ye(),n=k(e,t);Je.progress&&Je.progress.played&&(Je.progress.played.value=n),Je.buttons&&Je.buttons.seek&&(Je.buttons.seek.value=n)}function qe(e){var t=ye();if(E.tooltips.seek&&Je.progress.container&&0!==t){var n=Je.progress.container.getBoundingClientRect(),a=0,s=E.classes.tooltip+"--visible";if(e)a=100/n.width*(e.pageX-n.left);else{if(!m(Je.progress.tooltip,s))return;a=Je.progress.tooltip.style.left.replace("%","")}a<0?a=0:a>100&&(a=100),Ie(t/100*a,Je.progress.tooltip),Je.progress.tooltip.style.left=a+"%",e&&r(["mouseenter","mouseleave"],e.type)&&d(Je.progress.tooltip,s,"mouseenter"===e.type)}}function Oe(e){N.undefined(e)&&(e=Je.storage.speed||E.defaultSpeed),me(e)}function Le(t){if(E.hideControls&&"audio"!==Je.type){var n=0,a=!1,s=t,o=m(Je.container,E.classes.loading);if(N.boolean(t)||(t&&t.type?(a="enterfullscreen"===t.type,s=r(["mousemove","touchstart","mouseenter","focus"],t.type),r(["mousemove","touchmove"],t.type)&&(n=2e3),"focus"===t.type&&(n=3e3)):s=m(Je.container,E.classes.hideControls)),e.clearTimeout(Ke.hover), -s||Je.media.paused||o){if(d(Je.container,E.classes.hideControls,!1),Je.media.paused||o)return;Je.browser.isTouch&&(n=3e3)}s&&Je.media.paused||(Ke.hover=e.setTimeout(function(){(!Je.controls.pressed&&!Je.controls.hover||a)&&d(Je.container,E.classes.hideControls,!0)},n))}}function je(e){if(!N.undefined(e))return void Re(e);var t;switch(Je.type){case"youtube":t=Je.embed.getVideoUrl();break;case"vimeo":Je.embed.getVideoUrl.then(function(e){t=e});break;case"soundcloud":Je.embed.getCurrentSound(function(e){t=e.permalink_url});break;default:t=Je.media.currentSrc}return t||""}function Re(e){function n(){if(Je.embed=null,i(Je.media),"video"===Je.type&&Je.videoContainer&&i(Je.videoContainer),Je.container&&Je.container.removeAttribute("class"),"type"in e&&(Je.type=e.type,"video"===Je.type)){var n=e.sources[0];"type"in n&&r(E.types.embed,n.type)&&(Je.type=n.type)}switch(Je.supported=C(Je.type),Je.type){case"video":Je.media=t.createElement("video");break;case"audio":Je.media=t.createElement("audio");break;case"youtube":case"vimeo":case"soundcloud":Je.media=t.createElement("div"),Je.embedId=e.sources[0].src}l(Je.container,Je.media),N.boolean(e.autoplay)&&(E.autoplay=e.autoplay),r(E.types.html5,Je.type)&&(E.crossorigin&&Je.media.setAttribute("crossorigin",""),E.autoplay&&Je.media.setAttribute("autoplay",""),"poster"in e&&Je.media.setAttribute("poster",e.poster),E.loop&&Je.media.setAttribute("loop","")),d(Je.container,E.classes.fullscreen.active,Je.isFullscreen),d(Je.container,E.classes.captions.active,Je.captionsEnabled),Q(),r(E.types.html5,Je.type)&&J("source",e.sources),ne(),r(E.types.html5,Je.type)&&("tracks"in e&&J("track",e.tracks),Je.media.load()),(r(E.types.html5,Je.type)||r(E.types.embed,Je.type)&&!Je.supported.full)&&(Xe(),Ue()),E.title=e.title,Z()}return N.object(e)&&"sources"in e&&e.sources.length?(d(Je.container,E.classes.ready,!1),ue(),Ne(),Fe(),We(),void Ye(n,!1)):void Ge("Invalid source format")}function Ve(e){"video"===Je.type&&Je.media.setAttribute("poster",e)}function De(){function n(){var e=ce(),t=Je.buttons[e?"play":"pause"],n=Je.buttons[e?"pause":"play"];if(n=n&&n.length>1?n[n.length-1]:n[0]){var a=m(t,E.classes.tabFocus);setTimeout(function(){n.focus(),a&&(d(t,E.classes.tabFocus,!1),d(n,E.classes.tabFocus,!0))},100)}}function a(){var e=t.activeElement;return e=e&&e!==t.body?t.querySelector(":focus"):null}function s(e){return e.keyCode?e.keyCode:e.which}function o(e){for(var t in Je.buttons){var n=Je.buttons[t];if(N.nodeList(n))for(var a=0;a<n.length;a++)d(n[a],E.classes.tabFocus,n[a]===e);else d(n,E.classes.tabFocus,n===e)}}function l(e){function t(){var e=Je.media.duration;N.number(e)&&fe(e/10*(n-48))}var n=s(e),o="keydown"===e.type,i=o&&n===c;if(N.number(n))if(o){var l=[48,49,50,51,52,53,54,56,57,32,75,38,40,77,39,37,70,67],u=[38,40];if(r(u,n)){var p=a();if(N.htmlElement(p)&&"radio"===a().type)return}switch(r(l,n)&&(e.preventDefault(),e.stopPropagation()),n){case 48:case 49:case 50:case 51:case 52:case 53:case 54:case 55:case 56:case 57:i||t();break;case 32:case 75:i||ce();break;case 38:xe();break;case 40:we();break;case 77:i||_e();break;case 39:de();break;case 37:pe();break;case 70:he();break;case 67:i||Ee()}!q.fullscreen&&Je.isFullscreen&&27===n&&he(),c=n}else c=null}var u=Je.browser.isIE?"change":"input";if(E.keyboardShorcuts.focused){var c=null;E.keyboardShorcuts.global&&g(e,"keydown keyup",function(e){var t=s(e),n=a(),o=[48,49,50,51,52,53,54,56,57,75,77,70,67],i=F().length;1!==i||!r(o,t)||N.htmlElement(n)&&f(n,E.selectors.editable)||l(e)}),g(Je.container,"keydown keyup",l)}g(e,"keyup",function(e){var t=s(e),n=a();9===t&&o(n)}),g(t.body,"click",function(){d(X("."+E.classes.tabFocus),E.classes.tabFocus,!1)});for(var p in Je.buttons){var b=Je.buttons[p];g(b,"blur",function(){d(b,"tab-focus",!1)})}y(Je.buttons.play,"click",E.listeners.play,n),y(Je.buttons.pause,"click",E.listeners.pause,n),y(Je.buttons.restart,"click",E.listeners.restart,fe),y(Je.buttons.rewind,"click",E.listeners.rewind,pe),y(Je.buttons.forward,"click",E.listeners.forward,de),y(Je.buttons.speed,"click",E.listeners.speed,me),y(Je.buttons.seek,u,E.listeners.seek,fe),y(Je.volume.input,u,E.listeners.volume,function(){ke(Je.volume.input.value)}),y(Je.buttons.mute,"click",E.listeners.mute,_e),y(Je.buttons.fullscreen,"click",E.listeners.fullscreen,he),q.fullscreen&&g(t,I.eventType,he),g(Je.buttons.captions,"click",Ee),g(Je.buttons.settings,"click",function(n){var a=this,r=n.target,s=t.getElementById(r.getAttribute("aria-controls")),o="false"===r.getAttribute("aria-expanded");if(N.htmlElement(s)){var l,u,c,p="tabpanel"===s.getAttribute("role");if(p){var d=a.querySelector('[role="tabpanel"][aria-hidden="false"]');c=d.parentNode,[].forEach.call(a.querySelectorAll('[aria-controls="'+d.getAttribute("id")+'"]'),function(e){e.setAttribute("aria-expanded",!1)}),c.style.width=d.scrollWidth+"px",c.style.height=d.scrollHeight+"px",d.setAttribute("aria-hidden",!0),d.setAttribute("tabindex",-1);var m=s.cloneNode(!0);m.style.position="absolute",m.style.opacity=0,m.setAttribute("aria-hidden",!1),c.appendChild(m),l=m.scrollWidth,u=m.scrollHeight,i(m)}s.setAttribute("aria-hidden",!o),r.setAttribute("aria-expanded",o),s.setAttribute("tabindex",0),p&&(c.style.width=l+"px",c.style.height=u+"px",e.setTimeout(function(){c.style.width="",c.style.height=""},300))}}),g(Je.buttons.pip,"click",function(){Je.media.webkitSetPresentationMode("picture-in-picture"===Je.media.webkitPresentationMode?"inline":"picture-in-picture")}),g(Je.progress.container,"mouseenter mouseleave mousemove",qe),E.hideControls&&(g(Je.container,"mouseenter mouseleave mousemove touchstart touchend touchcancel touchmove enterfullscreen",Le),g(Je.controls,"mouseenter mouseleave",function(e){Je.controls.hover="mouseenter"===e.type}),g(Je.controls,"mousedown mouseup touchstart touchend touchcancel",function(e){Je.controls.pressed=r(["mousedown","touchstart"],e.type)}),g(Je.controls,"focus blur",Le,!0)),g(Je.volume.input,"wheel",function(e){e.preventDefault();var t=e.webkitDirectionInvertedFromDevice,n=E.volumeStep/5;(e.deltaY<0||e.deltaX>0)&&(t?we(n):xe(n)),(e.deltaY>0||e.deltaX<0)&&(t?xe(n):we(n))})}function He(){if(g(Je.media,"timeupdate seeking",Me),g(Je.media,"timeupdate",W),g(Je.media,"durationchange loadedmetadata",Pe),g(Je.media,"ended",function(){"video"===Je.type&&E.showPosterOnEnd&&("video"===Je.type&&H(),fe(),Je.media.load())}),g(Je.media,"progress playing",Ae),g(Je.media,"volumechange",Te),g(Je.media,"play pause ended",be),g(Je.media,"waiting canplay seeked",Ce),E.clickToPlay&&"audio"!==Je.type){var e=X("."+E.classes.videoWrapper);if(!e)return;e.style.cursor="pointer",g(e,"click",function(){E.hideControls&&Je.browser.isTouch&&!Je.media.paused||(Je.media.paused?le():Je.media.ended?(fe(),le()):ue())})}E.disableContextMenu&&g(Je.media,"contextmenu",function(e){e.preventDefault()}),g(Je.media,E.events.concat(["keyup","keydown"]).join(" "),function(e){A(Je.container,e.type,!0)})}function We(){if(r(E.types.html5,Je.type)){for(var e=Je.media.querySelectorAll("source"),t=0;t<e.length;t++)i(e[t]);Je.media.setAttribute("src","https://cdn.selz.com/plyr/blank.mp4"),Je.media.load(),Qe("Cancelled network requests")}}function Ye(n,a){function r(){N.boolean(a)||(a=!0),N.function(n)&&n.call(ze),a&&(Je.init=!1,Je.container.parentNode.replaceChild(ze,Je.container),t.body.style.overflow="",A(ze,"destroyed",!0))}if(!Je.init)return null;switch(Je.type){case"youtube":e.clearInterval(Ke.buffering),e.clearInterval(Ke.playing),Je.embed.destroy(),r();break;case"vimeo":Je.embed.unload().then(r),e.setTimeout(r,200);break;case"video":case"audio":G(!0),r()}}function Be(){if(Je.init)return null;if(Je.browser=n(),N.htmlElement(Je.media)){ee();var e=b.tagName.toLowerCase();"div"===e?(Je.type=b.getAttribute("data-type"),Je.embedId=b.getAttribute("data-video-id"),b.removeAttribute("data-type"),b.removeAttribute("data-video-id")):(Je.type=e,E.crossorigin=null!==b.getAttribute("crossorigin"),E.autoplay=E.autoplay||null!==b.getAttribute("autoplay"),E.loop=E.loop||null!==b.getAttribute("loop")),Je.supported=C(Je.type),Je.supported.basic&&(Je.container=o(b,t.createElement("div")),Je.container.setAttribute("tabindex",0),Q(),Qe(""+Je.browser.name+" "+Je.browser.version),ne(),(r(E.types.html5,Je.type)||r(E.types.embed,Je.type)&&!Je.supported.full)&&(Xe(),Ue(),Z()),Je.init=!0)}}function Xe(){if(!Je.supported.full)return Ge("Basic support only",Je.type),i(X(E.selectors.controls.wrapper)),i(X(E.selectors.buttons.play)),void G(!0);var e=!B(E.selectors.controls.wrapper).length;e&&K(),z()&&(e&&De(),He(),G(),R(),D(),ke(),Te(),Oe(),Me(),be())}function Ue(){e.setTimeout(function(){A(Je.media,"ready")},0),d(Je.media,M.classes.setup,!0),d(Je.container,E.classes.ready,!0),Je.media.plyr=$e,E.autoplay&&le()}var $e,Je=this,Ke={};Je.media=b;var ze=b.cloneNode(!0),Qe=function(){O("log",arguments)},Ge=function(){O("warn",arguments)};return Qe("Config",E),$e={getOriginal:function(){return ze},getContainer:function(){return Je.container},getEmbed:function(){return Je.embed},getMedia:function(){return Je.media},getType:function(){return Je.type},getDuration:ye,getCurrentTime:function(){return Je.media.currentTime},getVolume:function(){return Je.media.volume},isMuted:function(){return Je.media.muted},isReady:function(){return m(Je.container,E.classes.ready)},isLoading:function(){return m(Je.container,E.classes.loading)},isPaused:function(){return Je.media.paused},on:function(e,t){return g(Je.container,e,t),this},play:le,pause:ue,stop:function(){ue(),fe()},restart:fe,rewind:pe,forward:de,seek:fe,source:je,poster:Ve,setVolume:ke,setSpeed:Oe,togglePlay:ce,toggleMute:_e,toggleCaptions:Ee,toggleFullscreen:he,toggleControls:Le,setCaptionIndex:Se,isFullscreen:function(){return Je.isFullscreen||!1},support:function(e){return q.mime(Je,e)},destroy:Ye},Be(),Je.init?$e:null}function S(e,n){var a=new XMLHttpRequest;if(!N.string(n)||!N.htmlElement(t.querySelector("#"+n))){var r=t.createElement("div");r.setAttribute("hidden",""),N.string(n)&&r.setAttribute("id",n),t.body.insertBefore(r,t.body.childNodes[0]),"withCredentials"in a&&(a.open("GET",e,!0),a.onload=function(){r.innerHTML=a.responseText},a.send())}}function C(e){var a,r,s=n(),o=s.isIE&&s.version<=9,i=s.isIos,l=/iPhone|iPod/i.test(navigator.userAgent),u=!!t.createElement("audio").canPlayType,c=!!t.createElement("video").canPlayType;switch(e){case"video":a=c,r=a&&!o&&!l;break;case"audio":a=u,r=a&&!o;break;case"vimeo":case"youtube":case"soundcloud":a=!0,r=!o&&!i;break;default:a=u&&c,r=a&&!o}return{basic:a,full:r}}function A(e,n){function a(e,t){m(t,M.classes.hook)||r.push({target:e,media:t})}var r=[],s=[],o=[M.selectors.html5,M.selectors.embed].join(",");if(N.string(e)?e=t.querySelectorAll(e):N.htmlElement(e)?e=[e]:N.nodeList(e)||N.array(e)||N.string(e)||(N.undefined(n)&&N.object(e)&&(n=e),e=t.querySelectorAll(o)),N.nodeList(e)&&(e=Array.prototype.slice.call(e)),!C().basic||!e.length)return!1;for(var i=0;i<e.length;i++){var l=e[i],u=l.querySelectorAll(o);if(u.length)for(var c=0;c<u.length;c++)a(l,u[c]);else f(l,o)&&a(l,l)}return r.forEach(function(e){var t=e.target,a=e.media,r=!1;a===t&&(r=!0);var o={};try{o=JSON.parse(t.getAttribute("data-plyr"))}catch(e){}var i=x({},M,n,o);if(!i.enabled)return null;var l=new E(a,i);if(N.object(l)){if(i.debug){var u=i.events.concat(["setup","statechange","enterfullscreen","exitfullscreen","captionsenabled","captionsdisabled"]);g(l.getContainer(),u.join(" "),function(e){console.log([i.logPrefix,"event:",e.type].join(" "),e.detail.plyr)})}h(l.getContainer(),"setup",!0,{plyr:l}),s.push(l)}}),s}function F(e){if(N.string(e)?e=t.querySelector(e):N.undefined(e)&&(e=t.body),N.htmlElement(e)){var n=e.querySelectorAll("."+M.classes.setup),a=[];return Array.prototype.slice.call(n).forEach(function(e){N.object(e.plyr)&&a.push(e.plyr)}),a}return[]}var I,P={x:0,y:0},M={enabled:!0,debug:!1,autoplay:!1,loop:!1,seekTime:10,volume:10,volumeMin:0,volumeMax:10,volumeStep:1,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,keyboardShorcuts:{focused:!0,global:!1},tooltips:{controls:!1,seek:!0},selectors:{html5:"video, audio",embed:"[data-type]",editable:"input, textarea, select, [contenteditable]",container:".plyr",controls:{container:null,wrapper:".plyr__controls"},labels:"[data-plyr]",buttons:{seek:'[data-plyr="seek"]',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"]',captions:'[data-plyr="captions"]',fullscreen:'[data-plyr="fullscreen"]',settings:'[data-plyr="settings"]',pip:'[data-plyr="pip"]',airplay:'[data-plyr="airplay"]'},volume:{input:'[data-plyr="volume"]',display:".plyr__volume--display"},progress:{container:".plyr__progress",buffer:".plyr__progress--buffer",played:".plyr__progress--played"},captions:".plyr__captions",currentTime:".plyr__time--current",duration:".plyr__time--duration"},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","settings","pip","airplay","fullscreen"],i18n:{restart:"Restart",rewind:"Rewind {seektime} secs",play:"Play",pause:"Pause",forward:"Forward {seektime} secs",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"},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},events:["ready","ended","progress","stalled","playing","waiting","canplay","canplaythrough","loadstart","loadeddata","loadedmetadata","timeupdate","volumechange","play","pause","error","seeking","seeked","emptied"],logPrefix:"[Plyr]"},N={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 N.function(t.cancelFullScreen)?e="":["webkit","o","moz","ms","khtml"].some(function(n){return N.function(t[n+"CancelFullScreen"])?(e=n,!0):N.function(t.msExitFullscreen)&&t.msFullscreenEnabled?(e="ms",!0):void 0}),e}();I={prefix:e,eventType:"ms"===e?"MSFullscreenChange":e+"fullscreenchange",isFullScreen:function(n){if(!q.fullscreen)return!1;switch(N.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&&(N.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:I.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 N.function(t.createElement("video").webkitSetPresentationMode)}(),airplay:function(){return N.function(e.WebKitPlaybackTargetAvailabilityEvent)}(),mime:function(e,t){var n=e.media;try{if(!N.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:A,supported:C,loadSprite:S,get:F}}),function(){function e(e,t){t=t||{bubbles:!1,cancelable:!1,detail:void 0};var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,t.bubbles,t.cancelable,t.detail),n}"function"!=typeof window.CustomEvent&&(e.prototype=window.Event.prototype,window.CustomEvent=e)}();
\ No newline at end of file +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=t(e,document):"function"==typeof define&&define.amd?define([],function(){return t(e,document)}):e.plyr=t(e,document)}("undefined"!=typeof window?window:this,function(e,t){"use strict";function n(){var e,n,a,r=navigator.userAgent,s=navigator.appName,o=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10),l=!1,u=!1,c=!1,p=!1;return navigator.appVersion.indexOf("Windows NT")!==-1&&navigator.appVersion.indexOf("rv:11")!==-1?(l=!0,s="IE",o="11"):(n=r.indexOf("MSIE"))!==-1?(l=!0,s="IE",o=r.substring(n+5)):(n=r.indexOf("Chrome"))!==-1?(c=!0,s="Chrome",o=r.substring(n+7)):(n=r.indexOf("Safari"))!==-1?(p=!0,s="Safari",o=r.substring(n+7),(n=r.indexOf("Version"))!==-1&&(o=r.substring(n+8))):(n=r.indexOf("Firefox"))!==-1?(u=!0,s="Firefox",o=r.substring(n+8)):(e=r.lastIndexOf(" ")+1)<(n=r.lastIndexOf("/"))&&(s=r.substring(e,n),o=r.substring(n+1),s.toLowerCase()===s.toUpperCase()&&(s=navigator.appName)),(a=o.indexOf(";"))!==-1&&(o=o.substring(0,a)),(a=o.indexOf(" "))!==-1&&(o=o.substring(0,a)),i=parseInt(""+o,10),isNaN(i)&&(o=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10)),{name:s,version:i,isIE:l,isFirefox:u,isChrome:c,isSafari:p,isIos:/(iPad|iPhone|iPod)/g.test(navigator.platform),isTouch:"ontouchstart"in t.documentElement}}function a(e){if(!t.querySelectorAll('script[src="'+e+'"]').length){var n=t.createElement("script");n.src=e;var a=t.getElementsByTagName("script")[0];a.parentNode.insertBefore(n,a)}}function r(e,t){return Array.prototype.indexOf&&e.indexOf(t)!==-1}function s(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?\^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function o(e,t){e.length||(e=[e]);for(var n=e.length-1;n>=0;n--){var a=n>0?t.cloneNode(!0):t,r=e[n],s=r.parentNode,o=r.nextSibling;return a.appendChild(r),o?s.insertBefore(a,o):s.appendChild(a),a}}function i(e){e&&e.parentNode.removeChild(e)}function l(e,t){e.insertBefore(t,e.firstChild)}function u(e,t){for(var n in t)e.setAttribute(n,N.boolean(t[n])&&t[n]?"":t[n])}function c(e,n,a){var r=t.createElement(e);u(r,a),l(n,r)}function p(e){return e.replace(".","")}function d(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 m(e,t){return!!e&&(e.classList?e.classList.contains(t):new RegExp("(\\s|^)"+t+"(\\s|$)").test(e.className))}function f(e,n){var a=Element.prototype,r=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.msMatchesSelector||function(e){return[].indexOf.call(t.querySelectorAll(e),this)!==-1};return r.call(e,n)}function y(e,t,n,a,r){g(e,t,function(t){n&&n.apply(e,[t]),a.apply(e,[t])},r)}function b(e,t,n,a,r){var s=t.split(" ");if(N.boolean(r)||(r=!1),e instanceof NodeList)for(var o=0;o<e.length;o++)e[o]instanceof Node&&b(e[o],arguments[1],arguments[2],arguments[3]);else for(var i=0;i<s.length;i++)e[a?"addEventListener":"removeEventListener"](s[i],n,r)}function g(e,t,n,a){N.undefined(e)||b(e,t,n,!0,a)}function v(e,t,n,a){N.undefined(e)||b(e,t,n,!1,a)}function h(e,t,n,a){if(e&&t){N.boolean(n)||(n=!1);var r=new CustomEvent(t,{bubbles:n,detail:a});e.dispatchEvent(r)}}function _(e,t){if(e)return t=N.boolean(t)?t:!e.getAttribute("aria-pressed"),e.setAttribute("aria-pressed",t),t}function k(e,t){return 0===e||0===t||isNaN(e)||isNaN(t)?0:(e/t*100).toFixed(2)}function x(){var e=arguments;if(e.length){if(1===e.length)return e[0];for(var t=Array.prototype.shift.call(e),n=e.length,a=0;a<n;a++){var r=e[a];for(var s in r)r[s]&&r[s].constructor&&r[s].constructor===Object?(t[s]=t[s]||{},x(t[s],r[s])):t[s]=r[s]}return t}}function w(e){var t=/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;return e.match(t)?RegExp.$2:e}function T(e){var t=/^.*(vimeo.com\/|video\/)(\d+).*/;return e.match(t)?RegExp.$2:e}function E(b,E){function A(e,t,n,a){h(e,t,n,x({},a,{plyr:Ke}))}function O(t,n){E.debug&&e.console&&(n=Array.prototype.slice.call(n),N.string(E.logPrefix)&&E.logPrefix.length&&n.unshift(E.logPrefix),console[t].apply(console,n))}function j(){return{url:E.iconUrl,absolute:0===E.iconUrl.indexOf("http")||Qe.browser.isIE}}function L(){var e=[],t=j(),n=(t.absolute?"":t.url)+"#"+E.iconPrefix;return r(E.controls,"play-large")&&e.push('<button type="button" data-plyr="play" class="plyr__play-large">','<svg><use xlink:href="'+n+'-play" /></svg>','<span class="plyr__sr-only">'+E.i18n.play+"</span>","</button>"),e.push('<div class="plyr__controls">'),r(E.controls,"restart")&&e.push('<button type="button" class="plyr__control" data-plyr="restart">','<svg><use xlink:href="'+n+'-restart" /></svg>','<span class="plyr__sr-only">'+E.i18n.restart+"</span>","</button>"),r(E.controls,"rewind")&&e.push('<button type="button" class="plyr__control" data-plyr="rewind">','<svg><use xlink:href="'+n+'-rewind" /></svg>','<span class="plyr__sr-only">'+E.i18n.rewind+"</span>","</button>"),r(E.controls,"play")&&e.push('<button type="button" class="plyr__control" data-plyr="play">','<svg><use xlink:href="'+n+'-play" /></svg>','<span class="plyr__sr-only">'+E.i18n.play+"</span>","</button>",'<button type="button" class="plyr__control" data-plyr="pause">','<svg><use xlink:href="'+n+'-pause" /></svg>','<span class="plyr__sr-only">'+E.i18n.pause+"</span>","</button>"),r(E.controls,"fast-forward")&&e.push('<button type="button" class="plyr__control" data-plyr="fast-forward">','<svg><use xlink:href="'+n+'-fast-forward" /></svg>','<span class="plyr__sr-only">'+E.i18n.forward+"</span>","</button>"),r(E.controls,"progress")&&(e.push('<span class="plyr__progress">','<label for="seek-{id}" class="plyr__sr-only">Seek</label>','<input id="seek-{id}" class="plyr__progress--seek" type="range" min="0" max="100" step="0.1" value="0" data-plyr="seek">','<progress class="plyr__progress--played" max="100" value="0" role="presentation"></progress>','<progress class="plyr__progress--buffer" max="100" value="0">',"<span>0</span>% "+E.i18n.buffered,"</progress>"),E.tooltips.seek&&e.push('<span class="plyr__tooltip">00:00</span>'),e.push("</span>")),r(E.controls,"current-time")&&e.push('<span class="plyr__time">','<span class="plyr__sr-only">'+E.i18n.currentTime+"</span>",'<span class="plyr__time--current">00:00</span>',"</span>"),r(E.controls,"duration")&&e.push('<span class="plyr__time">','<span class="plyr__sr-only">'+E.i18n.duration+"</span>",'<span class="plyr__time--duration">00:00</span>',"</span>"),r(E.controls,"mute")&&e.push('<button type="button" class="plyr__control" data-plyr="mute">','<svg class="icon--muted"><use xlink:href="'+n+'-muted" /></svg>','<svg><use xlink:href="'+n+'-volume" /></svg>','<span class="plyr__sr-only">'+E.i18n.toggleMute+"</span>","</button>"),r(E.controls,"volume")&&e.push('<span class="plyr__volume">','<label for="volume-{id}" class="plyr__sr-only">'+E.i18n.volume+"</label>",'<input id="volume-{id}" class="plyr__volume--input" type="range" min="'+E.volumeMin+'" max="'+E.volumeMax+'" value="'+E.volume+'" data-plyr="volume">','<progress class="plyr__volume--display" max="'+E.volumeMax+'" value="'+E.volumeMin+'" role="presentation"></progress>',"</span>"),r(E.controls,"captions")&&e.push('<button type="button" class="plyr__control" data-plyr="captions">','<svg class="icon--captions-on"><use xlink:href="'+n+'-captions-on" /></svg>','<svg><use xlink:href="'+n+'-captions-off" /></svg>','<span class="plyr__sr-only">'+E.i18n.toggleCaptions+"</span>","</button>"),r(E.controls,"settings")&&e.push('<div class="plyr__menu" data-plyr="settings">','<button type="button" id="plyr-settings-toggle-{id}" class="plyr__control" aria-haspopup="true" aria-controls="plyr-settings-{id}" aria-expanded="false">','<svg><use xlink:href="'+n+'-settings" /></svg>','<span class="plyr__sr-only">'+E.i18n.settings+"</span>","</button>",'<div class="plyr__menu__container" id="plyr-settings-{id}" aria-hidden="true" aria-labelled-by="plyr-settings-toggle-{id}" role="tablist" tabindex="-1">',"<div>",'<div class="plyr__menu__primary" id="plyr-settings-{id}-primary" aria-hidden="false" aria-labelled-by="plyr-settings-toggle-{id}" role="tabpanel" tabindex="-1">',"<ul>",'<li role="tab">','<button type="button" class="plyr__control plyr__control--forward" id="plyr-settings-{id}-captions-toggle" aria-haspopup="true" aria-controls="plyr-settings-{id}-captions" aria-expanded="false">',E.i18n.captions+'<span class="plyr__menu__value">{lang}</span>',"</button>","</li>",'<li role="tab">','<button type="button" class="plyr__control plyr__control--forward" id="plyr-settings-{id}-speed-toggle" aria-haspopup="true" aria-controls="plyr-settings-{id}-speed" aria-expanded="false">',E.i18n.speed+'<span class="plyr__menu__value">{speed}</span>',"</button>","</li>",'<li role="tab">','<button type="button" class="plyr__control plyr__control--forward" id="plyr-settings-{id}-quality-toggle" aria-haspopup="true" aria-controls="plyr-settings-{id}-quality" aria-expanded="false">',E.i18n.quality+'<span class="plyr__menu__value">Auto</span>',"</button>","</li>","</ul>","</div>",'<div class="plyr__menu__secondary" id="plyr-settings-{id}-captions" aria-hidden="true" aria-labelled-by="plyr-settings-{id}-captions-toggle" role="tabpanel" tabindex="-1">',"<ul>",'<li role="tab">','<button type="button" class="plyr__control plyr__control--back" aria-haspopup="true" aria-controls="plyr-settings-{id}-primary" aria-expanded="false">',E.i18n.captions,"</button>","</li>","<li>",'<button type="button" class="plyr__control">English</button>',"</li>","<li>",'<button type="button" class="plyr__control">Off</button>',"</li>","</ul>","</div>",'<div class="plyr__menu__secondary" id="plyr-settings-{id}-speed" aria-hidden="true" aria-labelled-by="plyr-settings-{id}-speed-toggle" role="tabpanel" tabindex="-1">',"<ul>",'<li role="tab">','<button type="button" class="plyr__control plyr__control--back" aria-haspopup="true" aria-controls="plyr-settings-{id}-primary" aria-expanded="false">',E.i18n.speed,"</button>","</li>","<li>",'<button type="button" class="plyr__control">2×</button>',"</li>","<li>",'<button type="button" class="plyr__control">1.5×</button>',"</li>","<li>",'<button type="button" class="plyr__control">1×</button>',"</li>","<li>",'<button type="button" class="plyr__control">0.5×</button>',"</li>","</ul>","</div>",'<div class="plyr__menu__secondary" id="plyr-settings-{id}-quality" aria-hidden="true" aria-labelled-by="plyr-settings-{id}-quality-toggle" role="tabpanel" tabindex="-1">',"<ul>",'<li role="tab">','<button type="button" class="plyr__control plyr__control--back" aria-haspopup="true" aria-controls="plyr-settings-{id}-primary" aria-expanded="false">',E.i18n.quality,"</button>","</li>","<li>",'<label class="plyr__control">','<input type="radio" name="quality">',"2160P",'<span class="plyr__menu__value">','<span class="plyr__badge">4K</span>',"</span>","</label>","</li>","<li>",'<label class="plyr__control">','<input type="radio" name="quality">',"1440P",'<span class="plyr__menu__value">','<span class="plyr__badge">WQHD</span>',"</span>","</label>","</li>","<li>",'<label class="plyr__control">','<input type="radio" name="quality">',"1080P",'<span class="plyr__menu__value">','<span class="plyr__badge">HD</span>',"</span>","</label>","</li>","<li>",'<label class="plyr__control">','<input type="radio" name="quality">',"720P",'<span class="plyr__menu__value">','<span class="plyr__badge">HD</span>',"</span>","</label>","</li>","<li>",'<label class="plyr__control">','<input type="radio" name="quality">',"480P","</label>","</li>","<li>",'<label class="plyr__control">','<input type="radio" name="quality">',"360P","</label>","</li>","</ul>","</div>","</div>","</div>","</div>"),r(E.controls,"pip")&&q.pip&&e.push('<button type="button" class="plyr__control" data-plyr="pip">','<svg><use xlink:href="'+n+'-pip" /></svg>','<span class="plyr__sr-only">PIP</span>',"</button>"),r(E.controls,"airplay")&&q.airplay&&e.push('<button type="button" class="plyr__control" data-plyr="airplay">','<svg><use xlink:href="'+n+'-airplay" /></svg>','<span class="plyr__sr-only">AirPlay</span>',"</button>"),r(E.controls,"fullscreen")&&e.push('<button type="button" class="plyr__control" data-plyr="fullscreen">','<svg class="icon--exit-fullscreen"><use xlink:href="'+n+'-exit-fullscreen" /></svg>','<svg><use xlink:href="'+n+'-enter-fullscreen" /></svg>','<span class="plyr__sr-only">'+E.i18n.toggleFullscreen+"</span>","</button>"),e.push("</div>"),e.join("")}function R(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(!N.object(Qe.quality)&&(Qe.quality={available:e,current:t},N.array(e)&&e.length)){var r=e.filter(function(e){return["tiny","small"].indexOf(e)===-1}),s=r.map(function(e){return["<li>",'<label class="plyr__control">','<input type="radio" name="quality" value="'+e+'"'+(e===t?" checked":"")+">",a(e),n(e),"</label>","</li>"].join("")});s.unshift(['<li role="tab">','<button type="button" class="plyr__control plyr__control--back" aria-haspopup="true" aria-controls="plyr-settings-'+Qe.id+'-primary" aria-expanded="false">',E.i18n.quality,"</button>","</li>"].join("")),console.warn(s)}}function D(){if(Qe.supported.full&&("audio"!==Qe.type||E.fullscreen.allowAudio)&&E.fullscreen.enabled){var e=q.fullscreen;e||E.fullscreen.fallback&&!K()?(ze((e?"Native":"Fallback")+" fullscreen enabled"),d(Qe.container,E.classes.fullscreen.enabled,!0)):ze("Fullscreen not supported and fallback disabled"),Qe.buttons&&Qe.buttons.fullscreen&&_(Qe.buttons.fullscreen,!1),Q()}}function V(e){N.event(e)&&(e=e.target),e.activeCues[0]&&"text"in e.activeCues[0]?W(e.activeCues[0].getCueAsHTML()):W()}function H(){if("video"===Qe.type){U(E.selectors.captions)||Qe.videoContainer.insertAdjacentHTML("afterbegin",'<div class="'+p(E.selectors.captions)+'"></div>'),Qe.usingTextTracks=!1,Qe.media.textTracks&&(Qe.usingTextTracks=!0);var e=[],t="";if(Qe.media.childNodes.forEach(function(t){"track"===t.nodeName.toLowerCase()&&("captions"!==t.kind&&"subtitles"!==t.kind||e.push(t.getAttribute("src")))}),Qe.captionExists=!0,0===e.length?(Qe.captionExists=!1,ze("No caption track found")):E.captions.selectedIndex+1>e.length?(Qe.captionExists=!1,ze("Caption index out of bound")):(t=e[E.captions.selectedIndex],ze("Caption track found; URI: "+t)),Qe.captionExists){var n=Qe.media.textTracks;if([].forEach.call(n,function(e){v(e,"cuechange",V),e.mode="hidden"}),B(Qe),(Qe.browser.isIE&&Qe.browser.version>=10||Qe.browser.isFirefox&&Qe.browser.version>=31)&&(ze("Detected browser with known TextTrack issues - using manual fallback"),Qe.usingTextTracks=!1),Qe.usingTextTracks){ze("TextTracks supported");var a=n[E.captions.selectedIndex];"captions"!==a.kind&&"subtitles"!==a.kind||(g(a,"cuechange",V),a.activeCues&&a.activeCues.length>0&&V(a))}else if(ze("TextTracks not supported so rendering captions manually"),Qe.currentCaption="",Qe.captions=[],""!==t){var r=new XMLHttpRequest;r.onreadystatechange=function(){if(4===r.readyState)if(200===r.status){var e=r.responseText,t="\r\n";e.indexOf(t+t)===-1&&(t=e.indexOf("\r\r")!==-1?"\r":"\n");var n=e.split(t+t);Qe.captions=n.map(function(e){var n=e.split(t),a=0;return n[a].indexOf(":")!==-1&&(a=1),[n[a],n[a+1]]}),Qe.captions.shift(),ze("Successfully loaded the caption file via AJAX")}else Ge(E.logPrefix+"There was a problem loading the caption file via AJAX")},r.open("get",t,!0),r.send()}}else d(Qe.container,E.classes.captions.enabled)}}function W(e){var n=U(E.selectors.captions),a=t.createElement("span");n.innerHTML="",N.undefined(e)&&(e=""),N.string(e)?a.innerHTML=e.trim():a.appendChild(e),n.appendChild(a);n.offsetHeight}function Y(e){function t(e,t){var n=[];n=e.split(" --> ");for(var a=0;a<n.length;a++)n[a]=n[a].replace(/(\d+:\d+:\d+\.\d+).*/,"$1");return r(n[t])}function n(e){return t(e,0)}function a(e){return t(e,1)}function r(e){if(null===e||void 0===e)return 0;var t=[],n=[],a=0;t=e.split(","),n=t[0].split(":");for(var r=0,s=n.length;r<s;r++)a+=Math.floor(n[r]*Math.pow(60,s-(r+1)));return a}if(!Qe.usingTextTracks&&"video"===Qe.type&&Qe.supported.full&&(Qe.subcount=0,e=N.number(e)?e:Qe.media.currentTime,Qe.captions[Qe.subcount])){for(;a(Qe.captions[Qe.subcount][0])<e.toFixed(1);)if(Qe.subcount++,Qe.subcount>Qe.captions.length-1){Qe.subcount=Qe.captions.length-1;break}Qe.media.currentTime.toFixed(1)>=n(Qe.captions[Qe.subcount][0])&&Qe.media.currentTime.toFixed(1)<=a(Qe.captions[Qe.subcount][0])?(Qe.currentCaption=Qe.captions[Qe.subcount][1],W(Qe.currentCaption)):W()}}function B(){if(Qe.buttons.captions){d(Qe.container,E.classes.captions.enabled,!0);var e=Qe.storage.captionsEnabled;N.boolean(e)||(e=E.captions.defaultActive),e&&(d(Qe.container,E.classes.captions.active,!0),_(Qe.buttons.captions,!0))}}function X(e){return Qe.container.querySelectorAll(e)}function U(e){return X(e)[0]}function K(){try{return e.self!==e.top}catch(e){return!0}}function Q(){function e(e){9===e.which&&Qe.isFullscreen&&(e.target!==a||e.shiftKey?e.target===n&&e.shiftKey&&(e.preventDefault(),a.focus()):(e.preventDefault(),n.focus()))}var t=X("input:not([disabled]), button:not([disabled])"),n=t[0],a=t[t.length-1];g(Qe.container,"keydown",e)}function $(e,t){if(N.string(t))c(e,Qe.media,{src:t});else if(t.constructor===Array)for(var n=t.length-1;n>=0;n--)c(e,Qe.media,t[n])}function J(){if(E.loadSprite){var e=j();e.absolute?(ze("AJAX loading absolute SVG sprite"+(Qe.browser.isIE?" (due to IE)":"")),S(e.url,"sprite-plyr")):ze("Sprite will be used as external resource directly")}var n=E.html;ze("Injecting custom controls"),n||(n=L()),n=s(n,"{seektime}",E.seekTime),n=s(n,"{speed}",E.currentSpeed.toFixed(1).toString().replace(".0","")+"×"),n=s(n,"{lang}","English"),Qe.id=Math.floor(1e4*Math.random()),n=s(n,"{id}",Qe.id);var a;if(N.string(E.selectors.controls.container)&&(a=t.querySelector(E.selectors.controls.container)),N.htmlElement(a)||(a=Qe.container),a.insertAdjacentHTML("beforeend",n),E.tooltips.controls)for(var r=X([E.selectors.controls.wrapper," ",E.selectors.labels," .",E.classes.hidden].join("")),o=r.length-1;o>=0;o--){var i=r[o];d(i,E.classes.hidden,!1),d(i,E.classes.tooltip,!0)}}function z(){try{return Qe.controls=U(E.selectors.controls.wrapper),Qe.buttons={seek:U(E.selectors.buttons.seek),play:X(E.selectors.buttons.play),pause:U(E.selectors.buttons.pause),restart:U(E.selectors.buttons.restart),rewind:U(E.selectors.buttons.rewind),forward:U(E.selectors.buttons.forward),fullscreen:U(E.selectors.buttons.fullscreen),settings:U(E.selectors.buttons.settings),pip:U(E.selectors.buttons.pip)},Qe.buttons.mute=U(E.selectors.buttons.mute),Qe.buttons.captions=U(E.selectors.buttons.captions),Qe.progress={container:U(E.selectors.progress.container)},Qe.progress.buffer=function(){var e=U(E.selectors.progress.buffer);return{bar:e,text:N.htmlElement(e)&&e.getElementsByTagName("span")[0]}}(),Qe.progress.played=U(E.selectors.progress.played),Qe.progress.tooltip=Qe.progress.container&&Qe.progress.container.querySelector("."+E.classes.tooltip),Qe.volume={input:U(E.selectors.volume.input),display:U(E.selectors.volume.display)},Qe.duration=U(E.selectors.duration),Qe.currentTime=U(E.selectors.currentTime),Qe.seekTime=X(E.selectors.seekTime),!0}catch(e){return Ge("It looks like there is a problem with your controls HTML",e),Z(!0),!1}}function G(){d(Qe.container,E.selectors.container.replace(".",""),Qe.supported.full)}function Z(e){e&&r(E.types.html5,Qe.type)?Qe.media.setAttribute("controls",""):Qe.media.removeAttribute("controls")}function ee(e){var t=E.i18n.play;if(N.string(E.title)&&E.title.length&&(t+=", "+E.title,Qe.container.setAttribute("aria-label",E.title)),Qe.supported.full&&Qe.buttons.play)for(var n=Qe.buttons.play.length-1;n>=0;n--)Qe.buttons.play[n].setAttribute("aria-label",t);N.htmlElement(e)&&e.setAttribute("title",E.i18n.frameTitle.replace("{title}",E.title))}function te(){var t=null;Qe.storage={},q.storage&&E.storage.enabled&&(e.localStorage.removeItem("plyr-volume"),t=e.localStorage.getItem(E.storage.key),t&&(/^\d+(\.\d+)?$/.test(t)?ne({volume:parseFloat(t)}):Qe.storage=JSON.parse(t)))}function ne(t){q.storage&&E.storage.enabled&&(x(Qe.storage,t),e.localStorage.setItem(E.storage.key,JSON.stringify(Qe.storage)))}function ae(){if(!Qe.media)return void Ge("No media element found!");if(Qe.supported.full&&(d(Qe.container,E.classes.type.replace("{0}",Qe.type),!0),r(E.types.embed,Qe.type)&&d(Qe.container,E.classes.type.replace("{0}","video"),!0),d(Qe.container,E.classes.pip.enabled,q.pip),d(Qe.container,E.classes.stopped,E.autoplay),d(Qe.container,E.classes.isIos,Qe.browser.isIos),d(Qe.container,E.classes.isTouch,Qe.browser.isTouch),"video"===Qe.type)){var e=t.createElement("div");e.setAttribute("class",E.classes.videoWrapper),o(Qe.media,e),Qe.videoContainer=e}r(E.types.embed,Qe.type)&&re()}function re(){var n,r=t.createElement("div"),s=Qe.type+"-"+Math.floor(1e4*Math.random());switch(Qe.type){case"youtube":n=w(Qe.embedId);break;case"vimeo":n=T(Qe.embedId);break;default:n=Qe.embedId}for(var o=X('[id^="'+Qe.type+'-"]'),l=o.length-1;l>=0;l--)i(o[l]);if(d(Qe.media,E.classes.videoWrapper,!0),d(Qe.media,E.classes.embedWrapper,!0),"youtube"===Qe.type)Qe.media.appendChild(r),r.setAttribute("id",s),N.object(e.YT)?oe(n,r):(a(E.urls.youtube.api),e.onYouTubeReadyCallbacks=e.onYouTubeReadyCallbacks||[],e.onYouTubeReadyCallbacks.push(function(){oe(n,r)}),e.onYouTubeIframeAPIReady=function(){e.onYouTubeReadyCallbacks.forEach(function(e){e()})});else if("vimeo"===Qe.type)if(Qe.supported.full?Qe.media.appendChild(r):r=Qe.media,r.setAttribute("id",s),N.object(e.Vimeo))ie(n,r);else{a(E.urls.vimeo.api);var c=e.setInterval(function(){N.object(e.Vimeo)&&(e.clearInterval(c),ie(n,r))},50)}else if("soundcloud"===Qe.type){var p=t.createElement("iframe");p.loaded=!1,g(p,"load",function(){p.loaded=!0}),u(p,{src:"https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/"+n,id:s}),r.appendChild(p),Qe.media.appendChild(r),e.SC||a(E.urls.soundcloud.api);var m=e.setInterval(function(){e.SC&&p.loaded&&(e.clearInterval(m),le.call(p))},50)}}function se(){Qe.supported.full&&(Xe(),Ue()),ee(U("iframe"))}function oe(t,n){Qe.embed=new e.YT.Player(n.id,{videoId:t,playerVars:{autoplay:E.autoplay?1:0,controls:Qe.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){A(Qe.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;Qe.media.play=function(){n.playVideo(),Qe.media.paused=!1},Qe.media.pause=function(){n.pauseVideo(),Qe.media.paused=!0},Qe.media.stop=function(){n.stopVideo(),Qe.media.paused=!0},Qe.media.duration=n.getDuration(),Qe.media.paused=!0,Qe.media.currentTime=0,Qe.media.muted=n.isMuted();var a=n.getPlaybackRate(),r=n.getAvailablePlaybackRates();console.warn(a,r),E.title=n.getVideoData().title,Qe.supported.full&&Qe.media.querySelector("iframe").setAttribute("tabindex","-1"),se(),A(Qe.media,"timeupdate"),A(Qe.media,"durationchange"),e.clearInterval($e.buffering),$e.buffering=e.setInterval(function(){Qe.media.buffered=n.getVideoLoadedFraction(),(null===Qe.media.lastBuffered||Qe.media.lastBuffered<Qe.media.buffered)&&A(Qe.media,"progress"),Qe.media.lastBuffered=Qe.media.buffered,1===Qe.media.buffered&&(e.clearInterval($e.buffering),A(Qe.media,"canplaythrough"))},200)},onStateChange:function(t){var n=t.target;switch(e.clearInterval($e.playing),t.data){case 0:Qe.media.paused=!0,A(Qe.media,"ended");break;case 1:Qe.media.paused=!1,Qe.media.seeking&&A(Qe.media,"seeked"),Qe.media.seeking=!1,A(Qe.media,"play"),A(Qe.media,"playing"),$e.playing=e.setInterval(function(){Qe.media.currentTime=n.getCurrentTime(),A(Qe.media,"timeupdate")},100),Qe.media.duration!==n.getDuration()&&(Qe.media.duration=n.getDuration(),A(Qe.media,"durationchange"));var a=n.getAvailableQualityLevels(),r=n.getPlaybackQuality();R(a,r);break;case 2:Qe.media.paused=!0,A(Qe.media,"pause")}A(Qe.container,"statechange",!1,{code:t.data})}}})}function ie(t,n){Qe.embed=new e.Vimeo.Player(n,{id:parseInt(t),loop:E.loop,autoplay:E.autoplay,byline:!1,portrait:!1,title:!1}),Qe.media.play=function(){Qe.embed.play(),Qe.media.paused=!1},Qe.media.pause=function(){Qe.embed.pause(),Qe.media.paused=!0},Qe.media.stop=function(){Qe.embed.stop(),Qe.media.paused=!0},Qe.media.paused=!0,Qe.media.currentTime=0,se(),Qe.embed.getCurrentTime().then(function(e){Qe.media.currentTime=e,A(Qe.media,"timeupdate")}),Qe.embed.getDuration().then(function(e){Qe.media.duration=e,A(Qe.media,"durationchange")}),Qe.embed.on("loaded",function(){N.htmlElement(Qe.embed.element)&&Qe.supported.full&&Qe.embed.element.setAttribute("tabindex","-1")}),Qe.embed.on("play",function(){Qe.media.paused=!1,A(Qe.media,"play"),A(Qe.media,"playing")}),Qe.embed.on("pause",function(){Qe.media.paused=!0,A(Qe.media,"pause")}),Qe.embed.on("timeupdate",function(e){Qe.media.seeking=!1,Qe.media.currentTime=e.seconds,A(Qe.media,"timeupdate")}),Qe.embed.on("progress",function(e){Qe.media.buffered=e.percent,A(Qe.media,"progress"),1===parseInt(e.percent)&&A(Qe.media,"canplaythrough")}),Qe.embed.on("seeked",function(){Qe.media.seeking=!1,A(Qe.media,"seeked"),A(Qe.media,"play")}),Qe.embed.on("ended",function(){Qe.media.paused=!0,A(Qe.media,"ended")})}function le(){Qe.embed=e.SC.Widget(this),Qe.embed.bind(e.SC.Widget.Events.READY,function(){Qe.media.play=function(){Qe.embed.play(),Qe.media.paused=!1},Qe.media.pause=function(){Qe.embed.pause(),Qe.media.paused=!0},Qe.media.stop=function(){Qe.embed.seekTo(0),Qe.embed.pause(),Qe.media.paused=!0},Qe.media.paused=!0,Qe.media.currentTime=0,Qe.embed.getDuration(function(e){Qe.media.duration=e/1e3,se()}),Qe.embed.getPosition(function(e){Qe.media.currentTime=e,A(Qe.media,"timeupdate")}),Qe.embed.bind(e.SC.Widget.Events.PLAY,function(){Qe.media.paused=!1,A(Qe.media,"play"),A(Qe.media,"playing")}),Qe.embed.bind(e.SC.Widget.Events.PAUSE,function(){Qe.media.paused=!0,A(Qe.media,"pause")}),Qe.embed.bind(e.SC.Widget.Events.PLAY_PROGRESS,function(e){Qe.media.seeking=!1,Qe.media.currentTime=e.currentPosition/1e3,A(Qe.media,"timeupdate")}),Qe.embed.bind(e.SC.Widget.Events.LOAD_PROGRESS,function(e){Qe.media.buffered=e.loadProgress,A(Qe.media,"progress"),1===parseInt(e.loadProgress)&&A(Qe.media,"canplaythrough")}),Qe.embed.bind(e.SC.Widget.Events.FINISH,function(){Qe.media.paused=!0,A(Qe.media,"ended")})})}function ue(){"play"in Qe.media&&Qe.media.play()}function ce(){"pause"in Qe.media&&Qe.media.pause()}function pe(e){return N.boolean(e)||(e=Qe.media.paused),e?ue():ce(),e}function de(e){if(N.undefined(e)&&(e=Qe.storage.speed||E.defaultSpeed),!N.array(E.speeds))return void Ge("Invalid speeds format");if(!N.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,Qe.media.playbackRate=e,ne({speed:e})}function me(e){N.number(e)||(e=E.seekTime),ye(Qe.media.currentTime-e)}function fe(e){N.number(e)||(e=E.seekTime),ye(Qe.media.currentTime+e)}function ye(e){var t=0,n=Qe.media.paused,a=be();N.number(e)?t=e:N.event(e)&&r(["input","change"],e.type)&&(t=e.target.value/e.target.max*a),t<0?t=0:t>a&&(t=a),qe(t);try{Qe.media.currentTime=t.toFixed(4)}catch(e){}if(r(E.types.embed,Qe.type)){switch(Qe.type){case"youtube":Qe.embed.seekTo(t);break;case"vimeo":Qe.embed.setCurrentTime(t.toFixed(0));break;case"soundcloud":Qe.embed.seekTo(1e3*t)}n&&ce(),A(Qe.media,"timeupdate"),Qe.media.seeking=!0,A(Qe.media,"seeking")}ze("Seeking to "+Qe.media.currentTime+" seconds"),Y(t)}function be(){var e=parseInt(E.duration),t=0;return null===Qe.media.duration||isNaN(Qe.media.duration)||(t=Qe.media.duration),isNaN(e)?t:e}function ge(){d(Qe.container,E.classes.playing,!Qe.media.paused),d(Qe.container,E.classes.stopped,Qe.media.paused),je(Qe.media.paused)}function ve(){P={x:e.pageXOffset||0,y:e.pageYOffset||0}}function he(){e.scrollTo(P.x,P.y)}function _e(e){var n=q.fullscreen;if(n){if(!e||e.type!==I.eventType)return I.isFullScreen(Qe.container)?I.cancelFullScreen():(ve(),I.requestFullScreen(Qe.container)),void(Qe.isFullscreen=I.isFullScreen(Qe.container));Qe.isFullscreen=I.isFullScreen(Qe.container)}else Qe.isFullscreen=!Qe.isFullscreen,t.body.style.overflow=Qe.isFullscreen?"hidden":"";d(Qe.container,E.classes.fullscreen.active,Qe.isFullscreen),Q(Qe.isFullscreen),Qe.buttons&&Qe.buttons.fullscreen&&_(Qe.buttons.fullscreen,Qe.isFullscreen),A(Qe.container,Qe.isFullscreen?"enterfullscreen":"exitfullscreen",!0),!Qe.isFullscreen&&n&&he()}function ke(e){if(N.boolean(e)||(e=!Qe.media.muted),_(Qe.buttons.mute,e),Qe.media.muted=e,0===Qe.media.volume&&xe(E.volume),r(E.types.embed,Qe.type)){switch(Qe.type){case"youtube":Qe.embed[Qe.media.muted?"mute":"unMute"]();break;case"vimeo":case"soundcloud":Qe.embed.setVolume(Qe.media.muted?0:parseFloat(E.volume/E.volumeMax))}A(Qe.media,"volumechange")}}function xe(e){var t=E.volumeMax,n=E.volumeMin;if(N.undefined(e)&&(e=Qe.storage.volume),(null===e||isNaN(e))&&(e=E.volume),e>t&&(e=t),e<n&&(e=n),Qe.media.volume=parseFloat(e/t),Qe.volume.display&&(Qe.volume.display.value=e),r(E.types.embed,Qe.type)){switch(Qe.type){case"youtube":Qe.embed.setVolume(100*Qe.media.volume);break;case"vimeo":case"soundcloud":Qe.embed.setVolume(Qe.media.volume)}A(Qe.media,"volumechange")}0===e?Qe.media.muted=!0:Qe.media.muted&&e>0&&ke()}function we(e){var t=Qe.media.muted?0:Qe.media.volume*E.volumeMax;N.number(e)||(e=E.volumeStep),xe(t+e)}function Te(e){var t=Qe.media.muted?0:Qe.media.volume*E.volumeMax;N.number(e)||(e=E.volumeStep),xe(t-e)}function Ee(){var e=Qe.media.muted?0:Qe.media.volume*E.volumeMax;Qe.supported.full&&(Qe.volume.input&&(Qe.volume.input.value=e),Qe.volume.display&&(Qe.volume.display.value=e)),ne({volume:e}),d(Qe.container,E.classes.muted,0===e),Qe.supported.full&&Qe.buttons.mute&&_(Qe.buttons.mute,0===e)}function Se(e){Qe.supported.full&&Qe.buttons.captions&&(N.boolean(e)||(e=Qe.container.className.indexOf(E.classes.captions.active)===-1),Qe.captionsEnabled=e,_(Qe.buttons.captions,Qe.captionsEnabled),d(Qe.container,E.classes.captions.active,Qe.captionsEnabled),A(Qe.container,Qe.captionsEnabled?"captionsenabled":"captionsdisabled",!0),ne({captionsEnabled:Qe.captionsEnabled}))}function Ce(e){E.captions.selectedIndex=e,W(),H()}function Ae(e){var t="waiting"===e.type;clearTimeout($e.loading),$e.loading=setTimeout(function(){d(Qe.container,E.classes.loading,t),je(t)},t?250:0)}function Fe(e){if(Qe.supported.full){var t=Qe.progress.played,n=0,a=be();if(e)switch(e.type){case"timeupdate":case"seeking":if(Qe.controls.pressed)return;n=k(Qe.media.currentTime,a),"timeupdate"===e.type&&Qe.buttons.seek&&(Qe.buttons.seek.value=n);break;case"playing":case"progress":t=Qe.progress.buffer,n=function(){var e=Qe.media.buffered;return e&&e.length?k(e.end(0),a):N.number(e)?100*e:0}()}Ie(t,n)}}function Ie(e,t){if(Qe.supported.full){if(N.undefined(t)&&(t=0),N.undefined(e)){if(!Qe.progress||!Qe.progress.buffer)return;e=Qe.progress.buffer}N.htmlElement(e)?e.value=t:e&&(e.bar&&(e.bar.value=t),e.text&&(e.text.innerHTML=t))}}function Pe(e,t){if(t){isNaN(e)&&(e=0),Qe.secs=parseInt(e%60),Qe.mins=parseInt(e/60%60),Qe.hours=parseInt(e/60/60%60);var n=parseInt(be()/60/60%60)>0;Qe.secs=("0"+Qe.secs).slice(-2),Qe.mins=("0"+Qe.mins).slice(-2),t.innerHTML=(n?Qe.hours+":":"")+Qe.mins+":"+Qe.secs}}function Me(){if(Qe.supported.full){var e=be()||0;!Qe.duration&&E.displayDuration&&Qe.media.paused&&Pe(e,Qe.currentTime),Qe.duration&&Pe(e,Qe.duration),Oe()}}function Ne(e){Pe(Qe.media.currentTime,Qe.currentTime), +e&&"timeupdate"===e.type&&Qe.media.seeking||Fe(e)}function qe(e){N.number(e)||(e=0);var t=be(),n=k(e,t);Qe.progress&&Qe.progress.played&&(Qe.progress.played.value=n),Qe.buttons&&Qe.buttons.seek&&(Qe.buttons.seek.value=n)}function Oe(e){var t=be();if(E.tooltips.seek&&Qe.progress.container&&0!==t){var n=Qe.progress.container.getBoundingClientRect(),a=0,s=E.classes.tooltip+"--visible";if(e)a=100/n.width*(e.pageX-n.left);else{if(!m(Qe.progress.tooltip,s))return;a=Qe.progress.tooltip.style.left.replace("%","")}a<0?a=0:a>100&&(a=100),Pe(t/100*a,Qe.progress.tooltip),Qe.progress.tooltip.style.left=a+"%",e&&r(["mouseenter","mouseleave"],e.type)&&d(Qe.progress.tooltip,s,"mouseenter"===e.type)}}function je(t){if(E.hideControls&&"audio"!==Qe.type){var n=0,a=!1,s=t,o=m(Qe.container,E.classes.loading);if(N.boolean(t)||(t&&t.type?(a="enterfullscreen"===t.type,s=r(["mousemove","touchstart","mouseenter","focus"],t.type),r(["mousemove","touchmove"],t.type)&&(n=2e3),"focus"===t.type&&(n=3e3)):s=m(Qe.container,E.classes.hideControls)),e.clearTimeout($e.hover),s||Qe.media.paused||o){if(d(Qe.container,E.classes.hideControls,!1),Qe.media.paused||o)return;Qe.browser.isTouch&&(n=3e3)}s&&Qe.media.paused||($e.hover=e.setTimeout(function(){(!Qe.controls.pressed&&!Qe.controls.hover||a)&&d(Qe.container,E.classes.hideControls,!0)},n))}}function Le(e){if(!N.undefined(e))return void Re(e);var t;switch(Qe.type){case"youtube":t=Qe.embed.getVideoUrl();break;case"vimeo":Qe.embed.getVideoUrl.then(function(e){t=e});break;case"soundcloud":Qe.embed.getCurrentSound(function(e){t=e.permalink_url});break;default:t=Qe.media.currentSrc}return t||""}function Re(e){function n(){if(Qe.embed=null,i(Qe.media),"video"===Qe.type&&Qe.videoContainer&&i(Qe.videoContainer),Qe.container&&Qe.container.removeAttribute("class"),"type"in e&&(Qe.type=e.type,"video"===Qe.type)){var n=e.sources[0];"type"in n&&r(E.types.embed,n.type)&&(Qe.type=n.type)}switch(Qe.supported=C(Qe.type),Qe.type){case"video":Qe.media=t.createElement("video");break;case"audio":Qe.media=t.createElement("audio");break;case"youtube":case"vimeo":case"soundcloud":Qe.media=t.createElement("div"),Qe.embedId=e.sources[0].src}l(Qe.container,Qe.media),N.boolean(e.autoplay)&&(E.autoplay=e.autoplay),r(E.types.html5,Qe.type)&&(E.crossorigin&&Qe.media.setAttribute("crossorigin",""),E.autoplay&&Qe.media.setAttribute("autoplay",""),"poster"in e&&Qe.media.setAttribute("poster",e.poster),E.loop&&Qe.media.setAttribute("loop","")),d(Qe.container,E.classes.fullscreen.active,Qe.isFullscreen),d(Qe.container,E.classes.captions.active,Qe.captionsEnabled),G(),r(E.types.html5,Qe.type)&&$("source",e.sources),ae(),r(E.types.html5,Qe.type)&&("tracks"in e&&$("track",e.tracks),Qe.media.load()),(r(E.types.html5,Qe.type)||r(E.types.embed,Qe.type)&&!Qe.supported.full)&&(Xe(),Ue()),E.title=e.title,ee()}return N.object(e)&&"sources"in e&&e.sources.length?(d(Qe.container,E.classes.ready,!1),ce(),qe(),Ie(),We(),void Ye(n,!1)):void Ge("Invalid source format")}function De(e){"video"===Qe.type&&Qe.media.setAttribute("poster",e)}function Ve(){function n(){var e=pe(),t=Qe.buttons[e?"play":"pause"],n=Qe.buttons[e?"pause":"play"];if(n=n&&n.length>1?n[n.length-1]:n[0]){var a=m(t,E.classes.tabFocus);setTimeout(function(){n.focus(),a&&(d(t,E.classes.tabFocus,!1),d(n,E.classes.tabFocus,!0))},100)}}function a(){var e=t.activeElement;return e=e&&e!==t.body?t.querySelector(":focus"):null}function s(e){return e.keyCode?e.keyCode:e.which}function o(e){for(var t in Qe.buttons){var n=Qe.buttons[t];if(N.nodeList(n))for(var a=0;a<n.length;a++)d(n[a],E.classes.tabFocus,n[a]===e);else d(n,E.classes.tabFocus,n===e)}}function l(e){function t(){var e=Qe.media.duration;N.number(e)&&ye(e/10*(o-48))}var o=s(e),i="keydown"===e.type,l=i&&o===c;if(N.number(o))if(i){var u=[48,49,50,51,52,53,54,56,57,32,75,38,40,77,39,37,70,67],p=[38,40];if(r(p,o)){var d=a();if(N.htmlElement(d)&&"radio"===a().type)return}switch(r(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:we();break;case 40:Te();break;case 77:l||ke();break;case 39:fe();break;case 37:me();break;case 70:_e();break;case 67:l||Se()}!q.fullscreen&&Qe.isFullscreen&&27===o&&_e(),c=o}else c=null}var u=Qe.browser.isIE?"change":"input";if(E.keyboardShorcuts.focused){var c=null;E.keyboardShorcuts.global&&g(e,"keydown keyup",function(e){var t=s(e),n=a(),o=[48,49,50,51,52,53,54,56,57,75,77,70,67],i=F().length;1!==i||!r(o,t)||N.htmlElement(n)&&f(n,E.selectors.editable)||l(e)}),g(Qe.container,"keydown keyup",l)}g(e,"keyup",function(e){var t=s(e),n=a();9===t&&o(n)}),g(t.body,"click",function(){d(U("."+E.classes.tabFocus),E.classes.tabFocus,!1)});for(var p in Qe.buttons){var b=Qe.buttons[p];g(b,"blur",function(){d(b,"tab-focus",!1)})}y(Qe.buttons.play,"click",E.listeners.play,n),y(Qe.buttons.pause,"click",E.listeners.pause,n),y(Qe.buttons.restart,"click",E.listeners.restart,ye),y(Qe.buttons.rewind,"click",E.listeners.rewind,me),y(Qe.buttons.forward,"click",E.listeners.forward,fe),y(Qe.buttons.speed,"click",E.listeners.speed,de),y(Qe.buttons.seek,u,E.listeners.seek,ye),y(Qe.volume.input,u,E.listeners.volume,function(){xe(Qe.volume.input.value)}),y(Qe.buttons.mute,"click",E.listeners.mute,ke),y(Qe.buttons.fullscreen,"click",E.listeners.fullscreen,_e),q.fullscreen&&g(t,I.eventType,_e),g(Qe.buttons.captions,"click",Se),g(Qe.buttons.settings,"click",function(n){var a=this,r=n.target,s=t.getElementById(r.getAttribute("aria-controls")),o="false"===r.getAttribute("aria-expanded");if(N.htmlElement(s)){var l,u,c,p="tabpanel"===s.getAttribute("role");if(p){var d=a.querySelector('[role="tabpanel"][aria-hidden="false"]');c=d.parentNode,[].forEach.call(a.querySelectorAll('[aria-controls="'+d.getAttribute("id")+'"]'),function(e){e.setAttribute("aria-expanded",!1)}),c.style.width=d.scrollWidth+"px",c.style.height=d.scrollHeight+"px",d.setAttribute("aria-hidden",!0),d.setAttribute("tabindex",-1);var m=s.cloneNode(!0);m.style.position="absolute",m.style.opacity=0,m.setAttribute("aria-hidden",!1),c.appendChild(m),l=m.scrollWidth,u=m.scrollHeight,i(m)}s.setAttribute("aria-hidden",!o),r.setAttribute("aria-expanded",o),s.setAttribute("tabindex",0),p&&(c.style.width=l+"px",c.style.height=u+"px",e.setTimeout(function(){c.style.width="",c.style.height=""},300))}}),g(Qe.buttons.pip,"click",function(){Qe.media.webkitSetPresentationMode("picture-in-picture"===Qe.media.webkitPresentationMode?"inline":"picture-in-picture")}),g(Qe.progress.container,"mouseenter mouseleave mousemove",Oe),E.hideControls&&(g(Qe.container,"mouseenter mouseleave mousemove touchstart touchend touchcancel touchmove enterfullscreen",je),g(Qe.controls,"mouseenter mouseleave",function(e){Qe.controls.hover="mouseenter"===e.type}),g(Qe.controls,"mousedown mouseup touchstart touchend touchcancel",function(e){Qe.controls.pressed=r(["mousedown","touchstart"],e.type)}),g(Qe.controls,"focus blur",je,!0)),g(Qe.volume.input,"wheel",function(e){e.preventDefault();var t=e.webkitDirectionInvertedFromDevice,n=E.volumeStep/5;(e.deltaY<0||e.deltaX>0)&&(t?Te(n):we(n)),(e.deltaY>0||e.deltaX<0)&&(t?we(n):Te(n))})}function He(){if(g(Qe.media,"timeupdate seeking",Ne),g(Qe.media,"timeupdate",Y),g(Qe.media,"durationchange loadedmetadata",Me),g(Qe.media,"ended",function(){"video"===Qe.type&&E.showPosterOnEnd&&("video"===Qe.type&&W(),ye(),Qe.media.load())}),g(Qe.media,"progress playing",Fe),g(Qe.media,"volumechange",Ee),g(Qe.media,"play pause ended",ge),g(Qe.media,"waiting canplay seeked",Ae),E.clickToPlay&&"audio"!==Qe.type){var e=U("."+E.classes.videoWrapper);if(!e)return;e.style.cursor="pointer",g(e,"click",function(){E.hideControls&&Qe.browser.isTouch&&!Qe.media.paused||(Qe.media.paused?ue():Qe.media.ended?(ye(),ue()):ce())})}E.disableContextMenu&&g(Qe.media,"contextmenu",function(e){e.preventDefault()}),g(Qe.media,E.events.concat(["keyup","keydown"]).join(" "),function(e){A(Qe.container,e.type,!0)})}function We(){if(r(E.types.html5,Qe.type)){for(var e=Qe.media.querySelectorAll("source"),t=0;t<e.length;t++)i(e[t]);Qe.media.setAttribute("src","https://cdn.selz.com/plyr/blank.mp4"),Qe.media.load(),ze("Cancelled network requests")}}function Ye(n,a){function r(){N.boolean(a)||(a=!0),N.function(n)&&n.call(Je),a&&(Qe.init=!1,Qe.container.parentNode.replaceChild(Je,Qe.container),t.body.style.overflow="",A(Je,"destroyed",!0))}if(!Qe.init)return null;switch(Qe.type){case"youtube":e.clearInterval($e.buffering),e.clearInterval($e.playing),Qe.embed.destroy(),r();break;case"vimeo":Qe.embed.unload().then(r),e.setTimeout(r,200);break;case"video":case"audio":Z(!0),r()}}function Be(){if(Qe.init)return null;if(Qe.browser=n(),N.htmlElement(Qe.media)){te();var e=b.tagName.toLowerCase();"div"===e?(Qe.type=b.getAttribute("data-type"),Qe.embedId=b.getAttribute("data-video-id"),b.removeAttribute("data-type"),b.removeAttribute("data-video-id")):(Qe.type=e,E.crossorigin=null!==b.getAttribute("crossorigin"),E.autoplay=E.autoplay||null!==b.getAttribute("autoplay"),E.loop=E.loop||null!==b.getAttribute("loop")),Qe.supported=C(Qe.type),Qe.supported.basic&&(Qe.container=o(b,t.createElement("div")),Qe.container.setAttribute("tabindex",0),G(),ze(""+Qe.browser.name+" "+Qe.browser.version),ae(),(r(E.types.html5,Qe.type)||r(E.types.embed,Qe.type)&&!Qe.supported.full)&&(Xe(),Ue(),ee()),Qe.init=!0)}}function Xe(){if(!Qe.supported.full)return Ge("Basic support only",Qe.type),i(U(E.selectors.controls.wrapper)),i(U(E.selectors.buttons.play)),void Z(!0);var e=!X(E.selectors.controls.wrapper).length;e&&J(),z()&&(e&&Ve(),He(),Z(),D(),H(),xe(),Ee(),de(),Ne(),ge())}function Ue(){e.setTimeout(function(){A(Qe.media,"ready")},0),d(Qe.media,M.classes.setup,!0),d(Qe.container,E.classes.ready,!0),Qe.media.plyr=Ke,E.autoplay&&ue()}var Ke,Qe=this,$e={};Qe.media=b;var Je=b.cloneNode(!0),ze=function(){O("log",arguments)},Ge=function(){O("warn",arguments)};return ze("Config",E),Ke={getOriginal:function(){return Je},getContainer:function(){return Qe.container},getEmbed:function(){return Qe.embed},getMedia:function(){return Qe.media},getType:function(){return Qe.type},getDuration:be,getCurrentTime:function(){return Qe.media.currentTime},getVolume:function(){return Qe.media.volume},isMuted:function(){return Qe.media.muted},isReady:function(){return m(Qe.container,E.classes.ready)},isLoading:function(){return m(Qe.container,E.classes.loading)},isPaused:function(){return Qe.media.paused},on:function(e,t){return g(Qe.container,e,t),this},play:ue,pause:ce,stop:function(){ce(),ye()},restart:ye,rewind:me,forward:fe,seek:ye,source:Le,poster:De,setVolume:xe,setSpeed:de,togglePlay:pe,toggleMute:ke,toggleCaptions:Se,toggleFullscreen:_e,toggleControls:je,setCaptionIndex:Ce,isFullscreen:function(){return Qe.isFullscreen||!1},support:function(e){return q.mime(Qe,e)},destroy:Ye},Be(),Qe.init?Ke:null}function S(e,n){var a=new XMLHttpRequest;if(!N.string(n)||!N.htmlElement(t.querySelector("#"+n))){var r=t.createElement("div");r.setAttribute("hidden",""),N.string(n)&&r.setAttribute("id",n),t.body.insertBefore(r,t.body.childNodes[0]),"withCredentials"in a&&(a.open("GET",e,!0),a.onload=function(){r.innerHTML=a.responseText},a.send())}}function C(e){var a,r,s=n(),o=s.isIE&&s.version<=9,i=s.isIos,l=/iPhone|iPod/i.test(navigator.userAgent),u=!!t.createElement("audio").canPlayType,c=!!t.createElement("video").canPlayType;switch(e){case"video":a=c,r=a&&!o&&!l;break;case"audio":a=u,r=a&&!o;break;case"vimeo":case"youtube":case"soundcloud":a=!0,r=!o&&!i;break;default:a=u&&c,r=a&&!o}return{basic:a,full:r}}function A(e,n){function a(e,t){m(t,M.classes.hook)||r.push({target:e,media:t})}var r=[],s=[],o=[M.selectors.html5,M.selectors.embed].join(",");if(N.string(e)?e=t.querySelectorAll(e):N.htmlElement(e)?e=[e]:N.nodeList(e)||N.array(e)||N.string(e)||(N.undefined(n)&&N.object(e)&&(n=e),e=t.querySelectorAll(o)),N.nodeList(e)&&(e=Array.prototype.slice.call(e)),!C().basic||!e.length)return!1;for(var i=0;i<e.length;i++){var l=e[i],u=l.querySelectorAll(o);if(u.length)for(var c=0;c<u.length;c++)a(l,u[c]);else f(l,o)&&a(l,l)}return r.forEach(function(e){var t=e.target,a=e.media,r=!1;a===t&&(r=!0);var o={};try{o=JSON.parse(t.getAttribute("data-plyr"))}catch(e){}var i=x({},M,n,o);if(!i.enabled)return null;var l=new E(a,i);if(N.object(l)){if(i.debug){var u=i.events.concat(["setup","statechange","enterfullscreen","exitfullscreen","captionsenabled","captionsdisabled"]);g(l.getContainer(),u.join(" "),function(e){console.log([i.logPrefix,"event:",e.type].join(" "),e.detail.plyr)})}h(l.getContainer(),"setup",!0,{plyr:l}),s.push(l)}}),s}function F(e){if(N.string(e)?e=t.querySelector(e):N.undefined(e)&&(e=t.body),N.htmlElement(e)){var n=e.querySelectorAll("."+M.classes.setup),a=[];return Array.prototype.slice.call(n).forEach(function(e){N.object(e.plyr)&&a.push(e.plyr)}),a}return[]}var I,P={x:0,y:0},M={enabled:!0,debug:!1,autoplay:!1,loop:!1,seekTime:10,volume:10,volumeMin:0,volumeMax:10,volumeStep:1,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,keyboardShorcuts:{focused:!0,global:!1},tooltips:{controls:!1,seek:!0},selectors:{html5:"video, audio",embed:"[data-type]",editable:"input, textarea, select, [contenteditable]",container:".plyr",controls:{container:null,wrapper:".plyr__controls"},labels:"[data-plyr]",buttons:{seek:'[data-plyr="seek"]',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"]',captions:'[data-plyr="captions"]',fullscreen:'[data-plyr="fullscreen"]',settings:'[data-plyr="settings"]',pip:'[data-plyr="pip"]',airplay:'[data-plyr="airplay"]'},volume:{input:'[data-plyr="volume"]',display:".plyr__volume--display"},progress:{container:".plyr__progress",buffer:".plyr__progress--buffer",played:".plyr__progress--played"},captions:".plyr__captions",currentTime:".plyr__time--current",duration:".plyr__time--duration"},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",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"},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},events:["ready","ended","progress","stalled","playing","waiting","canplay","canplaythrough","loadstart","loadeddata","loadedmetadata","timeupdate","volumechange","play","pause","error","seeking","seeked","emptied"],logPrefix:""},N={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 N.function(t.cancelFullScreen)?e="":["webkit","o","moz","ms","khtml"].some(function(n){return N.function(t[n+"CancelFullScreen"])?(e=n,!0):N.function(t.msExitFullscreen)&&t.msFullscreenEnabled?(e="ms",!0):void 0}),e}();I={prefix:e,eventType:"ms"===e?"MSFullscreenChange":e+"fullscreenchange",isFullScreen:function(n){if(!q.fullscreen)return!1;switch(N.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&&(N.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:I.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 N.function(t.createElement("video").webkitSetPresentationMode)}(),airplay:function(){return N.function(e.WebKitPlaybackTargetAvailabilityEvent)}(),mime:function(e,t){var n=e.media;try{if(!N.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:A,supported:C,loadSprite:S,get:F}}),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/notes.md b/notes.md new file mode 100644 index 00000000..f76be5a1 --- /dev/null +++ b/notes.md @@ -0,0 +1,14 @@ +### Todo + +#### Features +- Add preferred quality option +- Update quality options on YouTube play +- Update speed options on YouTube load +- No Vimeo quality support +- Get quality options for HTML5 somehow (multi source?) +- Get list of subtitles/captions available (HTML5) +- Finish PiP +- Finish AirPlay + +#### Bugs +- Fix audio setup bug
\ No newline at end of file diff --git a/src/js/plyr.js b/src/js/plyr.js index c00bc4df..c2000234 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -143,7 +143,7 @@ enabled: true, key: 'plyr' }, - controls: ['play-large', 'play', 'progress', 'current-time', 'mute', 'volume', 'settings', 'pip', 'airplay', 'fullscreen'], + controls: ['play-large', 'play', 'progress', 'current-time', 'mute', 'volume', 'captions', 'settings', 'pip', 'airplay', 'fullscreen'], i18n: { restart: 'Restart', rewind: 'Rewind {seektime} secs', @@ -197,12 +197,12 @@ // Events to watch on HTML5 media elements events: ['ready', 'ended', 'progress', 'stalled', 'playing', 'waiting', 'canplay', 'canplaythrough', 'loadstart', 'loadeddata', 'loadedmetadata', 'timeupdate', 'volumechange', 'play', 'pause', 'error', 'seeking', 'seeked', 'emptied'], // Logging - logPrefix: '[Plyr]' + logPrefix: '' }; // Credits: http://paypal.github.io/accessible-html5-video-player/ // Unfortunately, due to mixed support, UA sniffing is required - function _getBrowser() { + function getBrowser() { var ua = navigator.userAgent; var name = navigator.appName; var fullVersion = '' + parseFloat(navigator.appVersion); @@ -283,7 +283,7 @@ } // Inject a script - function _injectScript(source) { + function injectScript(source) { if (document.querySelectorAll('script[src="' + source + '"]').length) { return; } @@ -296,17 +296,17 @@ } // Element exists in an array - function _inArray(haystack, needle) { + function inArray(haystack, needle) { return Array.prototype.indexOf && (haystack.indexOf(needle) !== -1); } // Replace all - function _replaceAll(string, find, replace) { + function replaceAll(string, find, replace) { return string.replace(new RegExp(find.replace(/([.*+?\^=!:${}()|\[\]\/\\])/g, '\\$1'), 'g'), replace); } // Wrap an element - function _wrap(elements, wrapper) { + function wrap(elements, wrapper) { // Convert `elements` to an array, if necessary. if (!elements.length) { elements = [elements]; @@ -340,7 +340,7 @@ } // Remove an element - function _remove(element) { + function remove(element) { if (!element) { return; } @@ -348,36 +348,36 @@ } // Prepend child - function _prependChild(parent, element) { + function prependChild(parent, element) { parent.insertBefore(element, parent.firstChild); } // Set attributes - function _setAttributes(element, attributes) { + function setAttributes(element, attributes) { for (var key in attributes) { - element.setAttribute(key, (_is.boolean(attributes[key]) && attributes[key]) ? '' : attributes[key]); + element.setAttribute(key, (is.boolean(attributes[key]) && attributes[key]) ? '' : attributes[key]); } } // Insert a HTML element - function _insertElement(type, parent, attributes) { + function insertElement(type, parent, attributes) { // Create a new <element> var element = document.createElement(type); // Set all passed attributes - _setAttributes(element, attributes); + setAttributes(element, attributes); // Inject the new element - _prependChild(parent, element); + prependChild(parent, element); } // Get a classname from selector - function _getClassname(selector) { + function getClassname(selector) { return selector.replace('.', ''); } // Toggle class on an element - function _toggleClass(element, className, state) { + function toggleClass(element, className, state) { if (element) { if (element.classList) { element.classList[state ? 'add' : 'remove'](className); @@ -389,7 +389,7 @@ } // Has class name - function _hasClass(element, className) { + function hasClass(element, className) { if (element) { if (element.classList) { return element.classList.contains(className); @@ -401,7 +401,7 @@ } // Element matches selector - function _matches(element, selector) { + function matches(element, selector) { var prototype = Element.prototype; var matches = prototype.matches || @@ -416,8 +416,8 @@ } // Bind along with custom handler - function _proxyListener(element, eventName, userListener, defaultListener, useCapture) { - _on(element, eventName, function(event) { + function proxy(element, eventName, userListener, defaultListener, useCapture) { + on(element, eventName, function(event) { if (userListener) { userListener.apply(element, [event]); } @@ -426,12 +426,12 @@ } // Toggle event listener - function _toggleListener(elements, events, callback, toggle, useCapture) { + function toggleListener(elements, events, callback, toggle, useCapture) { var eventList = events.split(' '); // Whether the listener is a capturing listener or not // Default to false - if (!_is.boolean(useCapture)) { + if (!is.boolean(useCapture)) { useCapture = false; } @@ -439,7 +439,7 @@ if (elements instanceof NodeList) { for (var x = 0; x < elements.length; x++) { if (elements[x] instanceof Node) { - _toggleListener(elements[x], arguments[1], arguments[2], arguments[3]); + toggleListener(elements[x], arguments[1], arguments[2], arguments[3]); } } return; @@ -452,28 +452,28 @@ } // Bind event handler - function _on(element, events, callback, useCapture) { - if (!_is.undefined(element)) { - _toggleListener(element, events, callback, true, useCapture); + function on(element, events, callback, useCapture) { + if (!is.undefined(element)) { + toggleListener(element, events, callback, true, useCapture); } } // Unbind event handler - function _off(element, events, callback, useCapture) { - if (!_is.undefined(element)) { - _toggleListener(element, events, callback, false, useCapture); + function off(element, events, callback, useCapture) { + if (!is.undefined(element)) { + toggleListener(element, events, callback, false, useCapture); } } // Trigger event - function _event(element, type, bubbles, properties) { + function event(element, type, bubbles, properties) { // Bail if no element if (!element || !type) { return; } // Default bubbles to false - if (!_is.boolean(bubbles)) { + if (!is.boolean(bubbles)) { bubbles = false; } @@ -489,14 +489,14 @@ // Toggle aria-pressed state on a toggle button // http://www.ssbbartgroup.com/blog/how-not-to-misuse-aria-states-properties-and-roles - function _toggleState(target, state) { + function toggleState(target, state) { // Bail if no target if (!target) { return; } // Get state - state = (_is.boolean(state) ? state : !target.getAttribute('aria-pressed')); + state = (is.boolean(state) ? state : !target.getAttribute('aria-pressed')); // Set the attribute on target target.setAttribute('aria-pressed', state); @@ -505,7 +505,7 @@ } // Get percentage - function _getPercentage(current, max) { + function getPercentage(current, max) { if (current === 0 || max === 0 || isNaN(current) || isNaN(max)) { return 0; } @@ -515,7 +515,7 @@ // Deep extend/merge destination object with N more objects // http://andrewdupont.net/2009/08/28/deep-extending-objects-in-javascript/ // Removed call to arguments.callee (used explicit function name instead) - function _extend() { + function extend() { // Get arguments var objects = arguments; @@ -540,7 +540,7 @@ for (var property in source) { if (source[property] && source[property].constructor && source[property].constructor === Object) { destination[property] = destination[property] || {}; - _extend(destination[property], source[property]); + extend(destination[property], source[property]); } else { destination[property] = source[property]; } @@ -551,7 +551,7 @@ } // Check variable types - var _is = { + var is = { object: function(input) { return input !== null && typeof(input) === 'object' && input.constructor === Object; }, @@ -588,33 +588,33 @@ }; // Parse YouTube ID from url - function _parseYouTubeId(url) { + function parseYouTubeId(url) { var regex = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/; return (url.match(regex)) ? RegExp.$2 : url; } // Parse Vimeo ID from url - function _parseVimeoId(url) { + function parseVimeoId(url) { var regex = /^.*(vimeo.com\/|video\/)(\d+).*/; return (url.match(regex)) ? RegExp.$2 : url; } // Fullscreen API - var _fullscreen; + var fullscreen; (function() { // Determine the prefix var prefix = (function() { var value = false; - if (_is.function(document.cancelFullScreen)) { + if (is.function(document.cancelFullScreen)) { value = ''; } else { // Check for fullscreen support by vendor prefix ['webkit', 'o', 'moz', 'ms', 'khtml'].some(function(prefix) { - if (_is.function(document[prefix + 'CancelFullScreen'])) { + if (is.function(document[prefix + 'CancelFullScreen'])) { value = prefix; return true; - } else if (_is.function(document.msExitFullscreen) && document.msFullscreenEnabled) { + } else if (is.function(document.msExitFullscreen) && document.msFullscreenEnabled) { // Special case for MS (when isn't it?) value = 'ms'; return true; @@ -625,7 +625,7 @@ return value; })(); - _fullscreen = { + fullscreen = { prefix: prefix, // Yet again Microsoft awesomeness, // Sometimes the prefix is 'ms', sometimes 'MS' to keep you on your toes @@ -633,10 +633,10 @@ // Is an element fullscreen isFullScreen: function(element) { - if (!_support.fullscreen) { + if (!support.fullscreen) { return false; } - if (_is.undefined(element)) { + if (is.undefined(element)) { element = document.body; } switch (this.prefix) { @@ -649,10 +649,10 @@ } }, requestFullScreen: function(element) { - if (!_support.fullscreen) { + if (!support.fullscreen) { return false; } - if (!_is.htmlElement(element)) { + if (!is.htmlElement(element)) { element = document.body; } @@ -661,13 +661,13 @@ return (prefix === '') ? element.requestFullScreen() : element[prefix + (prefix === 'ms' ? 'RequestFullscreen' : 'RequestFullScreen')](); }, cancelFullScreen: function() { - if (!_support.fullscreen) { + if (!support.fullscreen) { return false; } return (prefix === '') ? document.cancelFullScreen() : document[prefix + (prefix === 'ms' ? 'ExitFullscreen' : 'CancelFullScreen')](); }, element: function() { - if (!_support.fullscreen) { + if (!support.fullscreen) { return null; } return (prefix === '') ? document.fullscreenElement : document[prefix + 'FullscreenElement']; @@ -676,9 +676,9 @@ })(); // Check for support - var _support = { + var support = { // Fullscreen support and set prefix - fullscreen: _fullscreen.prefix !== false, + fullscreen: fullscreen.prefix !== false, // Local storage mode // We can't assume if local storage is present that we can use it storage: (function() { @@ -709,12 +709,12 @@ // Picture-in-picture support // Safari only currently pip: (function() { - return _is.function(document.createElement('video').webkitSetPresentationMode); + return is.function(document.createElement('video').webkitSetPresentationMode); })(), // Airplay support // Safari only currently airplay: (function() { - return _is.function(window.WebKitPlaybackTargetAvailabilityEvent); + return is.function(window.WebKitPlaybackTargetAvailabilityEvent); })(), // Check for mime type support against a player instance // Credits: http://diveintohtml5.info/everything.html @@ -724,7 +724,7 @@ try { // Bail if no checking function - if (!_is.function(media.canPlayType)) { + if (!is.function(media.canPlayType)) { return false; } @@ -768,36 +768,36 @@ var original = media.cloneNode(true); // Trigger events, with plyr instance passed - function _triggerEvent(element, type, bubbles, properties) { - _event(element, type, bubbles, _extend({}, properties, { + function trigger(element, type, bubbles, properties) { + event(element, type, bubbles, extend({}, properties, { plyr: api })); } // Debugging - function _console(type, args) { + function logger(type, args) { if (config.debug && window.console) { args = Array.prototype.slice.call(args); - if (_is.string(config.logPrefix) && config.logPrefix.length) { + if (is.string(config.logPrefix) && config.logPrefix.length) { args.unshift(config.logPrefix); } console[type].apply(console, args); } } - var _log = function() { - _console('log', arguments) + var log = function() { + logger('log', arguments) }; - var _warn = function() { - _console('warn', arguments) + var warn = function() { + logger('warn', arguments) }; // Log config options - _log('Config', config); + log('Config', config); // Get icon URL - function _getIconUrl() { + function getIconUrl() { return { url: config.iconUrl, absolute: (config.iconUrl.indexOf("http") === 0) || plyr.browser.isIE @@ -805,14 +805,14 @@ } // Build the default HTML - function _buildControls() { + function buildControls() { // Create html array var html = []; - var iconUrl = _getIconUrl(); + var iconUrl = getIconUrl(); var iconPath = (!iconUrl.absolute ? iconUrl.url : '') + '#' + config.iconPrefix; // Larger overlaid play button - if (_inArray(config.controls, 'play-large')) { + if (inArray(config.controls, 'play-large')) { /* beautify ignore:start */ html.push( '<button type="button" data-plyr="play" class="plyr__play-large">', @@ -826,7 +826,7 @@ html.push('<div class="plyr__controls">'); // Restart button - if (_inArray(config.controls, 'restart')) { + if (inArray(config.controls, 'restart')) { /* beautify ignore:start */ html.push( '<button type="button" class="plyr__control" data-plyr="restart">', @@ -838,7 +838,7 @@ } // Rewind button - if (_inArray(config.controls, 'rewind')) { + if (inArray(config.controls, 'rewind')) { /* beautify ignore:start */ html.push( '<button type="button" class="plyr__control" data-plyr="rewind">', @@ -851,7 +851,7 @@ // Play Pause button // TODO: This should be a toggle button really? - if (_inArray(config.controls, 'play')) { + if (inArray(config.controls, 'play')) { /* beautify ignore:start */ html.push( '<button type="button" class="plyr__control" data-plyr="play">', @@ -867,7 +867,7 @@ } // Fast forward button - if (_inArray(config.controls, 'fast-forward')) { + if (inArray(config.controls, 'fast-forward')) { /* beautify ignore:start */ html.push( '<button type="button" class="plyr__control" data-plyr="fast-forward">', @@ -879,7 +879,7 @@ } // Progress - if (_inArray(config.controls, 'progress')) { + if (inArray(config.controls, 'progress')) { // Create progress /* beautify ignore:start */ html.push( @@ -903,7 +903,7 @@ } // Media current time display - if (_inArray(config.controls, 'current-time')) { + if (inArray(config.controls, 'current-time')) { /* beautify ignore:start */ html.push( '<span class="plyr__time">', @@ -915,7 +915,7 @@ } // Media duration display - if (_inArray(config.controls, 'duration')) { + if (inArray(config.controls, 'duration')) { /* beautify ignore:start */ html.push( '<span class="plyr__time">', @@ -927,7 +927,7 @@ } // Toggle mute button - if (_inArray(config.controls, 'mute')) { + if (inArray(config.controls, 'mute')) { /* beautify ignore:start */ html.push( '<button type="button" class="plyr__control" data-plyr="mute">', @@ -940,7 +940,7 @@ } // Volume range control - if (_inArray(config.controls, 'volume')) { + if (inArray(config.controls, 'volume')) { /* beautify ignore:start */ html.push( '<span class="plyr__volume">', @@ -953,7 +953,7 @@ } // Toggle captions button - if (_inArray(config.controls, 'captions')) { + if (inArray(config.controls, 'captions')) { /* beautify ignore:start */ html.push( '<button type="button" class="plyr__control" data-plyr="captions">', @@ -966,7 +966,7 @@ } // Settings button / menu - if (_inArray(config.controls, 'settings')) { + if (inArray(config.controls, 'settings')) { /* beautify ignore:start */ html.push( '<div class="plyr__menu" data-plyr="settings">', @@ -1099,7 +1099,7 @@ } // Picture in picture button - if (_inArray(config.controls, 'pip') && _support.pip) { + if (inArray(config.controls, 'pip') && support.pip) { /* beautify ignore:start */ html.push( '<button type="button" class="plyr__control" data-plyr="pip">', @@ -1111,7 +1111,7 @@ } // Airplay button - if (_inArray(config.controls, 'airplay') && _support.airplay) { + if (inArray(config.controls, 'airplay') && support.airplay) { /* beautify ignore:start */ html.push( '<button type="button" class="plyr__control" data-plyr="airplay">', @@ -1123,7 +1123,7 @@ } // Toggle fullscreen button - if (_inArray(config.controls, 'fullscreen')) { + if (inArray(config.controls, 'fullscreen')) { /* beautify ignore:start */ html.push( '<button type="button" class="plyr__control" data-plyr="fullscreen">', @@ -1141,60 +1141,155 @@ return html.join(''); } + // Set the YouTube quality menu + // 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)) { + return; + } + + plyr.quality = { + available: available, + current: current + }; + + // Get the badge HTML for HD, 4K etc + function getBadge(quality) { + var label = ""; + + switch (quality) { + case 'hd2160': + label = '4K'; + break; + case 'hd1440': + label = 'WQHD'; + break; + case 'hd1080': + label = 'HD'; + break; + case 'hd720': + label = 'HD'; + break; + } + + if (!label.length) { + return ""; + } + + return [ + '<span class="plyr__menu__value">', + '<span class="plyr__badge">' + label + '</span>', + '</span>' + ].join(''); + } + + // Translate the quality key into a nice label + function getLabel(quality) { + switch (quality) { + 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 (is.array(available) && available.length) { + // Remove any unwanted quality levels + var filtered = available.filter(function(quality) { + return ['tiny', 'small'].indexOf(quality) === -1; + }); + + var list = filtered.map(function(quality) { + return [ + '<li>', + '<label class="plyr__control">', + '<input type="radio" name="quality" value="' + quality + '"' + (quality === current ? ' checked' : '') + '>', + getLabel(quality), + getBadge(quality), + '</label>', + '</li>' + ].join(''); + }); + + 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">', + config.i18n.quality, + '</button>', + '</li>' + ].join('')); + + console.warn(list); + } + } + // Setup fullscreen - function _setupFullscreen() { + function setupFullscreen() { if (!plyr.supported.full) { return; } if ((plyr.type !== 'audio' || config.fullscreen.allowAudio) && config.fullscreen.enabled) { // Check for native support - var nativeSupport = _support.fullscreen; + var nativeSupport = support.fullscreen; - if (nativeSupport || (config.fullscreen.fallback && !_inFrame())) { - _log((nativeSupport ? 'Native' : 'Fallback') + ' fullscreen enabled'); + if (nativeSupport || (config.fullscreen.fallback && !inFrame())) { + log((nativeSupport ? 'Native' : 'Fallback') + ' fullscreen enabled'); // Add styling hook - _toggleClass(plyr.container, config.classes.fullscreen.enabled, true); + toggleClass(plyr.container, config.classes.fullscreen.enabled, true); } else { - _log('Fullscreen not supported and fallback disabled'); + log('Fullscreen not supported and fallback disabled'); } // Toggle state if (plyr.buttons && plyr.buttons.fullscreen) { - _toggleState(plyr.buttons.fullscreen, false); + toggleState(plyr.buttons.fullscreen, false); } // Setup focus trap - _focusTrap(); + focusTrap(); } } // Display active caption if it contains text - function _setActiveCue(track) { + function setActiveCue(track) { // Get the track from the event if needed - if (_is.event(track)) { + if (is.event(track)) { track = track.target; } // Display a cue, if there is one if (track.activeCues[0] && 'text' in track.activeCues[0]) { - _setCaption(track.activeCues[0].getCueAsHTML()); + setCaption(track.activeCues[0].getCueAsHTML()); } else { - _setCaption(); + setCaption(); } } // Setup captions - function _setupCaptions() { + function setupCaptions() { // Bail if not HTML5 video if (plyr.type !== 'video') { return; } // Inject the container - if (!_getElement(config.selectors.captions)) { - plyr.videoContainer.insertAdjacentHTML('afterbegin', '<div class="' + _getClassname(config.selectors.captions) + '"></div>'); + if (!getElement(config.selectors.captions)) { + plyr.videoContainer.insertAdjacentHTML('afterbegin', '<div class="' + getClassname(config.selectors.captions) + '"></div>'); } // Determine if HTML5 textTracks is supported @@ -1219,18 +1314,18 @@ plyr.captionExists = true; if (captionSources.length === 0) { plyr.captionExists = false; - _log('No caption track found'); + log('No caption track found'); } else if ((config.captions.selectedIndex + 1) > captionSources.length) { plyr.captionExists = false; - _log('Caption index out of bound'); + log('Caption index out of bound'); } else { captionSrc = captionSources[config.captions.selectedIndex]; - _log('Caption track found; URI: ' + captionSrc); + log('Caption track found; URI: ' + captionSrc); } // If no caption file exists, hide container for caption text if (!plyr.captionExists) { - _toggleClass(plyr.container, config.classes.captions.enabled); + toggleClass(plyr.container, config.classes.captions.enabled); } else { var tracks = plyr.media.textTracks; @@ -1238,14 +1333,14 @@ // This doesn't seem to work in Safari 7+, so the <track> elements are removed from the dom below [].forEach.call(tracks, function(track) { // Remove the listener to prevent event overlapping - _off(track, 'cuechange', _setActiveCue); + off(track, 'cuechange', setActiveCue); // Hide captions track.mode = 'hidden'; }); // Enable UI - _showCaptions(plyr); + showCaptions(plyr); // Disable unsupported browsers than report false positive // Firefox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1033144 @@ -1253,7 +1348,7 @@ (plyr.browser.isFirefox && plyr.browser.version >= 31)) { // Debugging - _log('Detected browser with known TextTrack issues - using manual fallback'); + log('Detected browser with known TextTrack issues - using manual fallback'); // Set to false so skips to 'manual' captioning plyr.usingTextTracks = false; @@ -1262,21 +1357,21 @@ // Rendering caption tracks // Native support required - http://caniuse.com/webvtt if (plyr.usingTextTracks) { - _log('TextTracks supported'); + log('TextTracks supported'); var track = tracks[config.captions.selectedIndex]; if (track.kind === 'captions' || track.kind === 'subtitles') { - _on(track, 'cuechange', _setActiveCue); + on(track, 'cuechange', setActiveCue); // If we change the active track while a cue is already displayed we need to update it if (track.activeCues && track.activeCues.length > 0) { - _setActiveCue(track); + setActiveCue(track); } } } else { // Caption tracks not natively supported - _log('TextTracks not supported so rendering captions manually'); + log('TextTracks not supported so rendering captions manually'); // Render captions from array at appropriate time plyr.currentCaption = ''; @@ -1289,42 +1384,38 @@ xhr.onreadystatechange = function() { if (xhr.readyState === 4) { if (xhr.status === 200) { - var captions = [], - caption, - req = xhr.responseText; + var response = xhr.responseText; // According to webvtt spec, line terminator consists of one of the following // CRLF (U+000D U+000A), LF (U+000A) or CR (U+000D) var lineSeparator = '\r\n'; - if (req.indexOf(lineSeparator + lineSeparator) === -1) { - if (req.indexOf('\r\r') !== -1) { + if (response.indexOf(lineSeparator + lineSeparator) === -1) { + if (response.indexOf('\r\r') !== -1) { lineSeparator = '\r'; } else { lineSeparator = '\n'; } } - captions = req.split(lineSeparator + lineSeparator); - - var numOfAvailableCaptions = 0; + var captions = response.split(lineSeparator + lineSeparator); - for (var r = 0; r < captions.length; r++) { - caption = captions[r]; - - // Get the parts of the captions - var parts = caption.split(lineSeparator), - index = 0; + plyr.captions = captions.map(function(caption) { + var parts = caption.split(lineSeparator); + var index = 0; // Incase caption numbers are added if (parts[index].indexOf(":") !== -1) { - plyr.captions[numOfAvailableCaptions] = [parts[index], parts[index + 1]]; - numOfAvailableCaptions++; + index = 1; } - } - _log('Successfully loaded the caption file via AJAX'); + return [parts[index], parts[index + 1]]; + }); + + plyr.captions.shift(); + + log('Successfully loaded the caption file via AJAX'); } else { - _warn(config.logPrefix + 'There was a problem loading the caption file via AJAX'); + warn(config.logPrefix + 'There was a problem loading the caption file via AJAX'); } } }; @@ -1338,38 +1429,37 @@ } // Set the current caption - function _setCaption(caption) { - /* jshint unused:false */ - var container = _getElement(config.selectors.captions), - content = document.createElement('span'); + function setCaption(caption) { + var captions = getElement(config.selectors.captions); + var content = document.createElement('span'); // Empty the container - container.innerHTML = ''; + captions.innerHTML = ''; // Default to empty - if (_is.undefined(caption)) { + if (is.undefined(caption)) { caption = ''; } // Set the span content - if (_is.string(caption)) { + if (is.string(caption)) { content.innerHTML = caption.trim(); } else { content.appendChild(caption); } // Set new caption text - container.appendChild(content); + captions.appendChild(content); // Force redraw (for Safari) - var redraw = container.offsetHeight; + var redraw = captions.offsetHeight; } // Captions functions // Seek the manual caption time and update UI - function _seekManualCaptions(time) { + function seekManualCaptions(time) { // Utilities for caption time codes - function _timecodeCommon(tc, pos) { + function timecodeCommon(tc, pos) { var tcpair = []; tcpair = tc.split(' --> '); for (var i = 0; i < tcpair.length; i++) { @@ -1377,18 +1467,18 @@ // So get rid of this if it exists tcpair[i] = tcpair[i].replace(/(\d+:\d+:\d+\.\d+).*/, "$1"); } - return _subTcSecs(tcpair[pos]); + return subTcSecs(tcpair[pos]); } - function _timecodeMin(tc) { - return _timecodeCommon(tc, 0); + function timecodeMin(tc) { + return timecodeCommon(tc, 0); } - function _timecodeMax(tc) { - return _timecodeCommon(tc, 1); + function timecodeMax(tc) { + return timecodeCommon(tc, 1); } - function _subTcSecs(tc) { + function subTcSecs(tc) { if (tc === null || tc === undefined) { return 0; } else { @@ -1417,14 +1507,14 @@ // 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 : plyr.media.currentTime; // If there's no subs available, bail if (!plyr.captions[plyr.subcount]) { return; } - while (_timecodeMax(plyr.captions[plyr.subcount][0]) < time.toFixed(1)) { + 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; @@ -1433,52 +1523,52 @@ } // 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])) { + 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]; // Render the caption - _setCaption(plyr.currentCaption); + setCaption(plyr.currentCaption); } else { - _setCaption(); + setCaption(); } } // Display captions container and button (for initialization) - function _showCaptions() { + function showCaptions() { // If there's no caption toggle, bail if (!plyr.buttons.captions) { return; } - _toggleClass(plyr.container, config.classes.captions.enabled, true); + toggleClass(plyr.container, config.classes.captions.enabled, true); // Try to load the value from storage var active = plyr.storage.captionsEnabled; // Otherwise fall back to the default config - if (!_is.boolean(active)) { + if (!is.boolean(active)) { active = config.captions.defaultActive; } if (active) { - _toggleClass(plyr.container, config.classes.captions.active, true); - _toggleState(plyr.buttons.captions, true); + toggleClass(plyr.container, config.classes.captions.active, true); + toggleState(plyr.buttons.captions, true); } } // Find all elements - function _getElements(selector) { + function getElements(selector) { return plyr.container.querySelectorAll(selector); } // Find a single element - function _getElement(selector) { - return _getElements(selector)[0]; + function getElement(selector) { + return getElements(selector)[0]; } // Determine if we're in an iframe - function _inFrame() { + function inFrame() { try { return window.self !== window.top; } catch (e) { @@ -1487,12 +1577,12 @@ } // Trap focus inside container - function _focusTrap() { - var tabbables = _getElements('input:not([disabled]), button:not([disabled])'), + function focusTrap() { + var tabbables = getElements('input:not([disabled]), button:not([disabled])'), first = tabbables[0], last = tabbables[tabbables.length - 1]; - function _checkFocus(event) { + function checkFocus(event) { // If it is TAB if (event.which === 9 && plyr.isFullscreen) { if (event.target === last && !event.shiftKey) { @@ -1508,34 +1598,34 @@ } // Bind the handler - _on(plyr.container, 'keydown', _checkFocus); + on(plyr.container, 'keydown', checkFocus); } // Add elements to HTML5 media (source, tracks, etc) - function _insertChildElements(type, attributes) { - if (_is.string(attributes)) { - _insertElement(type, plyr.media, { + function insertChildElements(type, attributes) { + if (is.string(attributes)) { + insertElement(type, plyr.media, { src: attributes }); } else if (attributes.constructor === Array) { for (var i = attributes.length - 1; i >= 0; i--) { - _insertElement(type, plyr.media, attributes[i]); + insertElement(type, plyr.media, attributes[i]); } } } // Insert controls - function _injectControls() { + function injectControls() { // Sprite if (config.loadSprite) { - var iconUrl = _getIconUrl(); + var iconUrl = getIconUrl(); // 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' + (plyr.browser.isIE ? ' (due to IE)' : '')); loadSprite(iconUrl.url, "sprite-plyr"); } else { - _log('Sprite will be used as external resource directly'); + log('Sprite will be used as external resource directly'); } } @@ -1543,35 +1633,36 @@ var html = config.html; // Insert custom video controls - _log('Injecting custom controls'); + log('Injecting custom controls'); // If no controls are specified, create default if (!html) { - html = _buildControls(); + html = buildControls(); } // Replace seek time instances - html = _replaceAll(html, '{seektime}', config.seekTime); + html = replaceAll(html, '{seektime}', config.seekTime); // Replace seek time instances - html = _replaceAll(html, '{speed}', config.currentSpeed.toFixed(1).toString().replace('.0', '') + '×'); + html = replaceAll(html, '{speed}', config.currentSpeed.toFixed(1).toString().replace('.0', '') + '×'); // Replace current captions language - html = _replaceAll(html, '{lang}', 'English'); + html = replaceAll(html, '{lang}', 'English'); // Replace all id references with random numbers - html = _replaceAll(html, '{id}', Math.floor(Math.random() * (10000))); + plyr.id = Math.floor(Math.random() * (10000)); + html = replaceAll(html, '{id}', plyr.id); // Controls container var target; // Inject to custom location - if (_is.string(config.selectors.controls.container)) { + if (is.string(config.selectors.controls.container)) { target = document.querySelector(config.selectors.controls.container); } // Inject into the container by default - if (!_is.htmlElement(target)) { + if (!is.htmlElement(target)) { target = plyr.container } @@ -1580,90 +1671,90 @@ // Setup tooltips if (config.tooltips.controls) { - var labels = _getElements([config.selectors.controls.wrapper, ' ', config.selectors.labels, ' .', config.classes.hidden].join('')); + var labels = getElements([config.selectors.controls.wrapper, ' ', config.selectors.labels, ' .', config.classes.hidden].join('')); for (var i = labels.length - 1; i >= 0; i--) { var label = labels[i]; - _toggleClass(label, config.classes.hidden, false); - _toggleClass(label, config.classes.tooltip, true); + toggleClass(label, config.classes.hidden, false); + toggleClass(label, config.classes.tooltip, true); } } } // Find the UI controls and store references - function _findElements() { + function findElements() { try { - plyr.controls = _getElement(config.selectors.controls.wrapper); + plyr.controls = getElement(config.selectors.controls.wrapper); // Buttons plyr.buttons = { - seek: _getElement(config.selectors.buttons.seek), - play: _getElements(config.selectors.buttons.play), - pause: _getElement(config.selectors.buttons.pause), - restart: _getElement(config.selectors.buttons.restart), - rewind: _getElement(config.selectors.buttons.rewind), - forward: _getElement(config.selectors.buttons.forward), - fullscreen: _getElement(config.selectors.buttons.fullscreen), - settings: _getElement(config.selectors.buttons.settings), - pip: _getElement(config.selectors.buttons.pip) + seek: getElement(config.selectors.buttons.seek), + play: getElements(config.selectors.buttons.play), + pause: getElement(config.selectors.buttons.pause), + restart: getElement(config.selectors.buttons.restart), + rewind: getElement(config.selectors.buttons.rewind), + forward: getElement(config.selectors.buttons.forward), + fullscreen: getElement(config.selectors.buttons.fullscreen), + settings: getElement(config.selectors.buttons.settings), + pip: getElement(config.selectors.buttons.pip) }; // Inputs - plyr.buttons.mute = _getElement(config.selectors.buttons.mute); - plyr.buttons.captions = _getElement(config.selectors.buttons.captions); + plyr.buttons.mute = getElement(config.selectors.buttons.mute); + plyr.buttons.captions = getElement(config.selectors.buttons.captions); // Progress plyr.progress = { - container: _getElement(config.selectors.progress.container) + container: getElement(config.selectors.progress.container) }; // Progress - Buffering plyr.progress.buffer = (function() { - var bar = _getElement(config.selectors.progress.buffer); + var bar = getElement(config.selectors.progress.buffer); return { bar: bar, - text: _is.htmlElement(bar) && bar.getElementsByTagName('span')[0] + text: is.htmlElement(bar) && bar.getElementsByTagName('span')[0] }; })(); // Progress - Played - plyr.progress.played = _getElement(config.selectors.progress.played); + plyr.progress.played = getElement(config.selectors.progress.played); // Seek tooltip plyr.progress.tooltip = plyr.progress.container && plyr.progress.container.querySelector('.' + config.classes.tooltip); // Volume plyr.volume = { - input: _getElement(config.selectors.volume.input), - display: _getElement(config.selectors.volume.display) + input: getElement(config.selectors.volume.input), + display: getElement(config.selectors.volume.display) }; // Timing - plyr.duration = _getElement(config.selectors.duration); - plyr.currentTime = _getElement(config.selectors.currentTime); - plyr.seekTime = _getElements(config.selectors.seekTime); + plyr.duration = getElement(config.selectors.duration); + plyr.currentTime = getElement(config.selectors.currentTime); + plyr.seekTime = getElements(config.selectors.seekTime); return true; } catch (e) { - _warn('It looks like there is a problem with your controls HTML', e); + warn('It looks like there is a problem with your controls HTML', e); // Restore native video controls - _toggleNativeControls(true); + toggleNativeControls(true); return false; } } // Toggle style hook - function _toggleStyleHook() { - _toggleClass(plyr.container, config.selectors.container.replace('.', ''), plyr.supported.full); + function toggleStyleHook() { + toggleClass(plyr.container, config.selectors.container.replace('.', ''), plyr.supported.full); } // Toggle native controls - function _toggleNativeControls(toggle) { - if (toggle && _inArray(config.types.html5, plyr.type)) { + function toggleNativeControls(toggle) { + if (toggle && inArray(config.types.html5, plyr.type)) { plyr.media.setAttribute('controls', ''); } else { plyr.media.removeAttribute('controls'); @@ -1671,12 +1762,12 @@ } // Setup aria attribute for play and iframe title - function _setTitle(iframe) { + function setTitle(iframe) { // Find the current text var label = config.i18n.play; // If there's a media title set, use that for the label - if (_is.string(config.title) && config.title.length) { + if (is.string(config.title) && config.title.length) { label += ', ' + config.title; // Set container label @@ -1692,18 +1783,18 @@ // Set iframe title // https://github.com/Selz/plyr/issues/124 - if (_is.htmlElement(iframe)) { + if (is.htmlElement(iframe)) { iframe.setAttribute('title', config.i18n.frameTitle.replace('{title}', config.title)); } } // Setup localStorage - function _setupStorage() { + function setupStorage() { var value = null; plyr.storage = {}; // Bail if we don't have localStorage support or it's disabled - if (!_support.storage || !config.storage.enabled) { + if (!support.storage || !config.storage.enabled) { return; } @@ -1721,7 +1812,7 @@ // If value is a number, it's probably volume from an older // version of plyr. See: https://github.com/Selz/plyr/pull/313 // Update the key to be JSON - _updateStorage({ + updateStorage({ volume: parseFloat(value) }); } else { @@ -1731,48 +1822,48 @@ } // Save a value back to local storage - function _updateStorage(value) { + function updateStorage(value) { // Bail if we don't have localStorage support or it's disabled - if (!_support.storage || !config.storage.enabled) { + if (!support.storage || !config.storage.enabled) { return; } // Update the working copy of the values - _extend(plyr.storage, value); + extend(plyr.storage, value); // Update storage window.localStorage.setItem(config.storage.key, JSON.stringify(plyr.storage)); } // Setup media - function _setupMedia() { + function setupMedia() { // If there's no media, bail if (!plyr.media) { - _warn('No media element found!'); + warn('No media element found!'); return; } if (plyr.supported.full) { // Add type class - _toggleClass(plyr.container, config.classes.type.replace('{0}', plyr.type), true); + toggleClass(plyr.container, config.classes.type.replace('{0}', plyr.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, plyr.type)) { + toggleClass(plyr.container, config.classes.type.replace('{0}', 'video'), true); } // Check for picture-in-picture support - _toggleClass(plyr.container, config.classes.pip.enabled, _support.pip); + toggleClass(plyr.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(plyr.container, config.classes.stopped, config.autoplay); // Add iOS class - _toggleClass(plyr.container, config.classes.isIos, plyr.browser.isIos); + toggleClass(plyr.container, config.classes.isIos, plyr.browser.isIos); // Add touch class - _toggleClass(plyr.container, config.classes.isTouch, plyr.browser.isTouch); + toggleClass(plyr.container, config.classes.isTouch, plyr.browser.isTouch); // Inject the player wrapper if (plyr.type === 'video') { @@ -1781,7 +1872,7 @@ wrapper.setAttribute('class', config.classes.videoWrapper); // Wrap the video in a container - _wrap(plyr.media, wrapper); + wrap(plyr.media, wrapper); // Cache the container plyr.videoContainer = wrapper; @@ -1789,13 +1880,13 @@ } // Embeds - if (_inArray(config.types.embed, plyr.type)) { - _setupEmbed(); + if (inArray(config.types.embed, plyr.type)) { + setupEmbed(); } } // Setup YouTube/Vimeo - function _setupEmbed() { + function setupEmbed() { var container = document.createElement('div'), mediaId, id = plyr.type + '-' + Math.floor(Math.random() * (10000)); @@ -1803,11 +1894,11 @@ // Parse IDs from URLs if supplied switch (plyr.type) { case 'youtube': - mediaId = _parseYouTubeId(plyr.embedId); + mediaId = parseYouTubeId(plyr.embedId); break; case 'vimeo': - mediaId = _parseVimeoId(plyr.embedId); + mediaId = parseVimeoId(plyr.embedId); break; default: @@ -1815,14 +1906,14 @@ } // Remove old containers - var containers = _getElements('[id^="' + plyr.type + '-"]'); + var containers = getElements('[id^="' + plyr.type + '-"]'); for (var i = containers.length - 1; i >= 0; i--) { - _remove(containers[i]); + remove(containers[i]); } // Add embed class for responsive - _toggleClass(plyr.media, config.classes.videoWrapper, true); - _toggleClass(plyr.media, config.classes.embedWrapper, true); + toggleClass(plyr.media, config.classes.videoWrapper, true); + toggleClass(plyr.media, config.classes.embedWrapper, true); if (plyr.type === 'youtube') { // Create the YouTube container @@ -1832,18 +1923,18 @@ container.setAttribute('id', id); // Setup API - if (_is.object(window.YT)) { - _youTubeReady(mediaId, container); + if (is.object(window.YT)) { + youTubeReady(mediaId, container); } else { // Load the API - _injectScript(config.urls.youtube.api); + injectScript(config.urls.youtube.api); // Setup callback for the API window.onYouTubeReadyCallbacks = window.onYouTubeReadyCallbacks || []; // Add to queue window.onYouTubeReadyCallbacks.push(function() { - _youTubeReady(mediaId, container); + youTubeReady(mediaId, container); }); // Set callback to process queue @@ -1865,18 +1956,18 @@ container.setAttribute('id', id); // Load the API if not already - if (!_is.object(window.Vimeo)) { - _injectScript(config.urls.vimeo.api); + if (!is.object(window.Vimeo)) { + injectScript(config.urls.vimeo.api); // Wait for fragaloop load var vimeoTimer = window.setInterval(function() { - if (_is.object(window.Vimeo)) { + if (is.object(window.Vimeo)) { window.clearInterval(vimeoTimer); - _vimeoReady(mediaId, container); + vimeoReady(mediaId, container); } }, 50); } else { - _vimeoReady(mediaId, container); + vimeoReady(mediaId, container); } } else if (plyr.type === 'soundcloud') { // TODO: Currently unsupported and undocumented @@ -1885,11 +1976,11 @@ // Watch for iframe load soundCloud.loaded = false; - _on(soundCloud, 'load', function() { + on(soundCloud, 'load', function() { soundCloud.loaded = true; }); - _setAttributes(soundCloud, { + setAttributes(soundCloud, { 'src': 'https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/' + mediaId, 'id': id }); @@ -1899,33 +1990,33 @@ // Load the API if not already if (!window.SC) { - _injectScript(config.urls.soundcloud.api); + injectScript(config.urls.soundcloud.api); } // Wait for SC load var soundCloudTimer = window.setInterval(function() { if (window.SC && soundCloud.loaded) { window.clearInterval(soundCloudTimer); - _soundcloudReady.call(soundCloud); + soundcloudReady.call(soundCloud); } }, 50); } } // When embeds are ready - function _embedReady() { + function embedReady() { // Setup the UI and call ready if full support if (plyr.supported.full) { - _setupInterface(); - _ready(); + setupInterface(); + ready(); } // Set title - _setTitle(_getElement('iframe')); + setTitle(getElement('iframe')); } // Handle YouTube API ready - function _youTubeReady(videoId, container) { + function youTubeReady(videoId, container) { // Setup instance // https://developers.google.com/youtube/iframe_api_reference plyr.embed = new window.YT.Player(container.id, { @@ -1945,7 +2036,7 @@ }, events: { 'onError': function(event) { - _triggerEvent(plyr.container, 'error', true, { + trigger(plyr.container, 'error', true, { code: event.data, embed: event.target }); @@ -1996,13 +2087,13 @@ } // Update UI - _embedReady(); + embedReady(); // Trigger timeupdate - _triggerEvent(plyr.media, 'timeupdate'); + trigger(plyr.media, 'timeupdate'); // Trigger timeupdate - _triggerEvent(plyr.media, 'durationchange'); + trigger(plyr.media, 'durationchange'); // Reset timer window.clearInterval(timers.buffering); @@ -2014,7 +2105,7 @@ // Trigger progress only when we actually buffer something if (plyr.media.lastBuffered === null || plyr.media.lastBuffered < plyr.media.buffered) { - _triggerEvent(plyr.media, 'progress'); + trigger(plyr.media, 'progress'); } // Set last buffer point @@ -2025,7 +2116,7 @@ window.clearInterval(timers.buffering); // Trigger event - _triggerEvent(plyr.media, 'canplaythrough'); + trigger(plyr.media, 'canplaythrough'); } }, 200); }, @@ -2046,7 +2137,7 @@ switch (event.data) { case 0: plyr.media.paused = true; - _triggerEvent(plyr.media, 'ended'); + trigger(plyr.media, 'ended'); break; case 1: @@ -2054,12 +2145,12 @@ // If we were seeking, fire seeked event if (plyr.media.seeking) { - _triggerEvent(plyr.media, 'seeked'); + trigger(plyr.media, 'seeked'); } plyr.media.seeking = false; - _triggerEvent(plyr.media, 'play'); - _triggerEvent(plyr.media, 'playing'); + trigger(plyr.media, 'play'); + trigger(plyr.media, 'playing'); // Poll to get playback progress timers.playing = window.setInterval(function() { @@ -2067,7 +2158,7 @@ plyr.media.currentTime = instance.getCurrentTime(); // Trigger timeupdate - _triggerEvent(plyr.media, 'timeupdate'); + trigger(plyr.media, 'timeupdate'); }, 100); // Check duration again due to YouTube bug @@ -2075,22 +2166,23 @@ // https://code.google.com/p/gdata-issues/issues/detail?id=8690 if (plyr.media.duration !== instance.getDuration()) { plyr.media.duration = instance.getDuration(); - _triggerEvent(plyr.media, 'durationchange'); + trigger(plyr.media, 'durationchange'); } // Get quality var qualityOptions = instance.getAvailableQualityLevels(); - console.warn(qualityOptions, event.data); + var quality = instance.getPlaybackQuality(); + setQualityMenu(qualityOptions, quality); break; case 2: plyr.media.paused = true; - _triggerEvent(plyr.media, 'pause'); + trigger(plyr.media, 'pause'); break; } - _triggerEvent(plyr.container, 'statechange', false, { + trigger(plyr.container, 'statechange', false, { code: event.data }); } @@ -2099,7 +2191,7 @@ } // Vimeo ready - function _vimeoReady(mediaId, container) { + function vimeoReady(mediaId, container) { // Setup instance // https://github.com/vimeo/player.js plyr.embed = new window.Vimeo.Player(container, { @@ -2129,20 +2221,20 @@ plyr.media.currentTime = 0; // Update UI - _embedReady(); + embedReady(); plyr.embed.getCurrentTime().then(function(value) { plyr.media.currentTime = value; // Trigger timeupdate - _triggerEvent(plyr.media, 'timeupdate'); + trigger(plyr.media, 'timeupdate'); }); plyr.embed.getDuration().then(function(value) { plyr.media.duration = value; // Trigger timeupdate - _triggerEvent(plyr.media, 'durationchange'); + trigger(plyr.media, 'durationchange'); }); // TODO: Captions @@ -2153,52 +2245,52 @@ plyr.embed.on('loaded', function() { // Fix keyboard focus issues // https://github.com/Selz/plyr/issues/317 - if (_is.htmlElement(plyr.embed.element) && plyr.supported.full) { + if (is.htmlElement(plyr.embed.element) && plyr.supported.full) { plyr.embed.element.setAttribute('tabindex', '-1'); } }); plyr.embed.on('play', function() { plyr.media.paused = false; - _triggerEvent(plyr.media, 'play'); - _triggerEvent(plyr.media, 'playing'); + trigger(plyr.media, 'play'); + trigger(plyr.media, 'playing'); }); plyr.embed.on('pause', function() { plyr.media.paused = true; - _triggerEvent(plyr.media, 'pause'); + trigger(plyr.media, 'pause'); }); plyr.embed.on('timeupdate', function(data) { plyr.media.seeking = false; plyr.media.currentTime = data.seconds; - _triggerEvent(plyr.media, 'timeupdate'); + trigger(plyr.media, 'timeupdate'); }); plyr.embed.on('progress', function(data) { plyr.media.buffered = data.percent; - _triggerEvent(plyr.media, 'progress'); + trigger(plyr.media, 'progress'); if (parseInt(data.percent) === 1) { // Trigger event - _triggerEvent(plyr.media, 'canplaythrough'); + trigger(plyr.media, 'canplaythrough'); } }); plyr.embed.on('seeked', function() { plyr.media.seeking = false; - _triggerEvent(plyr.media, 'seeked'); - _triggerEvent(plyr.media, 'play'); + trigger(plyr.media, 'seeked'); + trigger(plyr.media, 'play'); }); plyr.embed.on('ended', function() { plyr.media.paused = true; - _triggerEvent(plyr.media, 'ended'); + trigger(plyr.media, 'ended'); }); } // Soundcloud ready - function _soundcloudReady() { + function soundcloudReady() { /* jshint validthis: true */ plyr.embed = window.SC.Widget(this); @@ -2226,105 +2318,92 @@ plyr.media.duration = value / 1000; // Update UI - _embedReady(); + embedReady(); }); plyr.embed.getPosition(function(value) { plyr.media.currentTime = value; // Trigger timeupdate - _triggerEvent(plyr.media, 'timeupdate'); + trigger(plyr.media, 'timeupdate'); }); plyr.embed.bind(window.SC.Widget.Events.PLAY, function() { plyr.media.paused = false; - _triggerEvent(plyr.media, 'play'); - _triggerEvent(plyr.media, 'playing'); + trigger(plyr.media, 'play'); + trigger(plyr.media, 'playing'); }); plyr.embed.bind(window.SC.Widget.Events.PAUSE, function() { plyr.media.paused = true; - _triggerEvent(plyr.media, 'pause'); + trigger(plyr.media, 'pause'); }); plyr.embed.bind(window.SC.Widget.Events.PLAY_PROGRESS, function(data) { plyr.media.seeking = false; plyr.media.currentTime = data.currentPosition / 1000; - _triggerEvent(plyr.media, 'timeupdate'); + trigger(plyr.media, 'timeupdate'); }); plyr.embed.bind(window.SC.Widget.Events.LOAD_PROGRESS, function(data) { plyr.media.buffered = data.loadProgress; - _triggerEvent(plyr.media, 'progress'); + trigger(plyr.media, 'progress'); if (parseInt(data.loadProgress) === 1) { // Trigger event - _triggerEvent(plyr.media, 'canplaythrough'); + trigger(plyr.media, 'canplaythrough'); } }); plyr.embed.bind(window.SC.Widget.Events.FINISH, function() { plyr.media.paused = true; - _triggerEvent(plyr.media, 'ended'); + trigger(plyr.media, 'ended'); }); }); } // Play media - function _play() { + function play() { if ('play' in plyr.media) { plyr.media.play(); } } // Pause media - function _pause() { + function pause() { if ('pause' in plyr.media) { plyr.media.pause(); } } // Toggle playback - function _togglePlay(toggle) { + function togglePlay(toggle) { // True toggle - if (!_is.boolean(toggle)) { + if (!is.boolean(toggle)) { toggle = plyr.media.paused; } if (toggle) { - _play(); + play(); } else { - _pause(); + pause(); } return toggle; } - // Rewind - function _rewind(seekTime) { - // Use default if needed - if (!_is.number(seekTime)) { - seekTime = config.seekTime; - } - _seek(plyr.media.currentTime - seekTime); - } - - // Fast forward - function _forward(seekTime) { - // Use default if needed - if (!_is.number(seekTime)) { - seekTime = config.seekTime; + // Speed-up + function setSpeed(speed) { + // Load speed from storage or default value + if (is.undefined(speed)) { + speed = plyr.storage.speed || config.defaultSpeed; } - _seek(plyr.media.currentTime + seekTime); - } - // Speed-up - function _speed(speed) { - if (!_is.array(config.speeds)) { - _warn('Invalid speeds format'); + if (!is.array(config.speeds)) { + warn('Invalid speeds format'); return; } - if (!_is.number(speed)) { + if (!is.number(speed)) { var index = config.speeds.indexOf(config.currentSpeed); if (index !== -1) { @@ -2345,21 +2424,39 @@ plyr.media.playbackRate = speed; // Save speed to localStorage - _updateStorage({ + updateStorage({ speed: speed }); } + // Rewind + function rewind(seekTime) { + // Use default if needed + if (!is.number(seekTime)) { + seekTime = config.seekTime; + } + seek(plyr.media.currentTime - seekTime); + } + + // Fast forward + function forward(seekTime) { + // Use default if needed + if (!is.number(seekTime)) { + seekTime = config.seekTime; + } + seek(plyr.media.currentTime + seekTime); + } + // Seek to time // The input parameter can be an event or a number - function _seek(input) { + function seek(input) { var targetTime = 0, paused = plyr.media.paused, - duration = _getDuration(); + duration = getDuration(); - if (_is.number(input)) { + if (is.number(input)) { targetTime = input; - } else if (_is.event(input) && _inArray(['input', 'change'], input.type)) { + } else if (is.event(input) && inArray(['input', 'change'], input.type)) { // It's the seek slider // Seek to the selected time targetTime = ((input.target.value / input.target.max) * duration); @@ -2373,7 +2470,7 @@ } // Update seek range and progress - _updateSeekDisplay(targetTime); + updateSeekDisplay(targetTime); // Set the current time // Try/catch incase the media isn't set and we're calling seek() from source() and IE moans @@ -2382,7 +2479,7 @@ } catch (e) {} // Embeds - if (_inArray(config.types.embed, plyr.type)) { + if (inArray(config.types.embed, plyr.type)) { switch (plyr.type) { case 'youtube': plyr.embed.seekTo(targetTime); @@ -2399,28 +2496,28 @@ } if (paused) { - _pause(); + pause(); } // Trigger timeupdate - _triggerEvent(plyr.media, 'timeupdate'); + trigger(plyr.media, 'timeupdate'); // Set seeking flag plyr.media.seeking = true; // Trigger seeking - _triggerEvent(plyr.media, 'seeking'); + trigger(plyr.media, 'seeking'); } // Logging - _log('Seeking to ' + plyr.media.currentTime + ' seconds'); + log('Seeking to ' + plyr.media.currentTime + ' seconds'); // Special handling for 'manual' captions - _seekManualCaptions(targetTime); + seekManualCaptions(targetTime); } // Get the duration (or custom if set) - function _getDuration() { + function getDuration() { // It should be a number, but parse it just incase var duration = parseInt(config.duration), @@ -2437,16 +2534,16 @@ } // Check playing state - function _checkPlaying() { - _toggleClass(plyr.container, config.classes.playing, !plyr.media.paused); + function checkPlaying() { + toggleClass(plyr.container, config.classes.playing, !plyr.media.paused); - _toggleClass(plyr.container, config.classes.stopped, plyr.media.paused); + toggleClass(plyr.container, config.classes.stopped, plyr.media.paused); - _toggleControls(plyr.media.paused); + toggleControls(plyr.media.paused); } // Save scroll position - function _saveScrollPosition() { + function saveScrollPosition() { scroll = { x: window.pageXOffset || 0, y: window.pageYOffset || 0 @@ -2454,34 +2551,34 @@ } // Restore scroll position - function _restoreScrollPosition() { + function restoreScrollPosition() { window.scrollTo(scroll.x, scroll.y); } // Toggle fullscreen - function _toggleFullscreen(event) { + function toggleFullscreen(event) { // Check for native support - var nativeSupport = _support.fullscreen; + var nativeSupport = support.fullscreen; if (nativeSupport) { // If it's a fullscreen change event, update the UI - if (event && event.type === _fullscreen.eventType) { - plyr.isFullscreen = _fullscreen.isFullScreen(plyr.container); + if (event && event.type === fullscreen.eventType) { + plyr.isFullscreen = fullscreen.isFullScreen(plyr.container); } else { // Else it's a user request to enter or exit - if (!_fullscreen.isFullScreen(plyr.container)) { + if (!fullscreen.isFullScreen(plyr.container)) { // Save scroll position - _saveScrollPosition(); + saveScrollPosition(); // Request full screen - _fullscreen.requestFullScreen(plyr.container); + fullscreen.requestFullScreen(plyr.container); } else { // Bail from fullscreen - _fullscreen.cancelFullScreen(); + fullscreen.cancelFullScreen(); } // Check if we're actually full screen (it could fail) - plyr.isFullscreen = _fullscreen.isFullScreen(plyr.container); + plyr.isFullscreen = fullscreen.isFullScreen(plyr.container); return; } @@ -2494,45 +2591,45 @@ } // Set class hook - _toggleClass(plyr.container, config.classes.fullscreen.active, plyr.isFullscreen); + toggleClass(plyr.container, config.classes.fullscreen.active, plyr.isFullscreen); // Trap focus - _focusTrap(plyr.isFullscreen); + focusTrap(plyr.isFullscreen); // Set button state if (plyr.buttons && plyr.buttons.fullscreen) { - _toggleState(plyr.buttons.fullscreen, plyr.isFullscreen); + toggleState(plyr.buttons.fullscreen, plyr.isFullscreen); } // Trigger an event - _triggerEvent(plyr.container, plyr.isFullscreen ? 'enterfullscreen' : 'exitfullscreen', true); + trigger(plyr.container, plyr.isFullscreen ? 'enterfullscreen' : 'exitfullscreen', true); // Restore scroll position if (!plyr.isFullscreen && nativeSupport) { - _restoreScrollPosition(); + restoreScrollPosition(); } } // Mute - function _toggleMute(muted) { + function toggleMute(muted) { // If the method is called without parameter, toggle based on current value - if (!_is.boolean(muted)) { + if (!is.boolean(muted)) { muted = !plyr.media.muted; } // Set button state - _toggleState(plyr.buttons.mute, muted); + toggleState(plyr.buttons.mute, muted); // Set mute on the player plyr.media.muted = muted; // If volume is 0 after unmuting, set to default if (plyr.media.volume === 0) { - _setVolume(config.volume); + setVolume(config.volume); } // Embeds - if (_inArray(config.types.embed, plyr.type)) { + if (inArray(config.types.embed, plyr.type)) { // YouTube switch (plyr.type) { case 'youtube': @@ -2546,17 +2643,17 @@ } // Trigger volumechange for embeds - _triggerEvent(plyr.media, 'volumechange'); + trigger(plyr.media, 'volumechange'); } } // Set volume - function _setVolume(volume) { + function setVolume(volume) { var max = config.volumeMax, min = config.volumeMin; // Load volume from storage if no value specified - if (_is.undefined(volume)) { + if (is.undefined(volume)) { volume = plyr.storage.volume; } @@ -2583,7 +2680,7 @@ } // Embeds - if (_inArray(config.types.embed, plyr.type)) { + if (inArray(config.types.embed, plyr.type)) { switch (plyr.type) { case 'youtube': plyr.embed.setVolume(plyr.media.volume * 100); @@ -2596,41 +2693,41 @@ } // Trigger volumechange for embeds - _triggerEvent(plyr.media, 'volumechange'); + trigger(plyr.media, 'volumechange'); } // Toggle muted state if (volume === 0) { plyr.media.muted = true; } else if (plyr.media.muted && volume > 0) { - _toggleMute(); + toggleMute(); } } // Increase volume - function _increaseVolume(step) { + function increaseVolume(step) { var volume = plyr.media.muted ? 0 : (plyr.media.volume * config.volumeMax); - if (!_is.number(step)) { + if (!is.number(step)) { step = config.volumeStep; } - _setVolume(volume + step); + setVolume(volume + step); } // Decrease volume - function _decreaseVolume(step) { + function decreaseVolume(step) { var volume = plyr.media.muted ? 0 : (plyr.media.volume * config.volumeMax); - if (!_is.number(step)) { + if (!is.number(step)) { step = config.volumeStep; } - _setVolume(volume - step); + setVolume(volume - step); } // Update volume UI and storage - function _updateVolume() { + function updateVolume() { // Get the current volume var volume = plyr.media.muted ? 0 : (plyr.media.volume * config.volumeMax); @@ -2645,28 +2742,28 @@ } // Update the volume in storage - _updateStorage({ + updateStorage({ volume: volume }); // Toggle class if muted - _toggleClass(plyr.container, config.classes.muted, (volume === 0)); + toggleClass(plyr.container, config.classes.muted, (volume === 0)); // Update checkbox for mute state if (plyr.supported.full && plyr.buttons.mute) { - _toggleState(plyr.buttons.mute, (volume === 0)); + toggleState(plyr.buttons.mute, (volume === 0)); } } // Toggle captions - function _toggleCaptions(show) { + function toggleCaptions(show) { // If there's no full support, or there's no caption toggle if (!plyr.supported.full || !plyr.buttons.captions) { return; } // If the method is called without parameter, toggle based on current value - if (!_is.boolean(show)) { + if (!is.boolean(show)) { show = (plyr.container.className.indexOf(config.classes.captions.active) === -1); } @@ -2674,34 +2771,34 @@ plyr.captionsEnabled = show; // Toggle state - _toggleState(plyr.buttons.captions, plyr.captionsEnabled); + toggleState(plyr.buttons.captions, plyr.captionsEnabled); // Add class hook - _toggleClass(plyr.container, config.classes.captions.active, plyr.captionsEnabled); + toggleClass(plyr.container, config.classes.captions.active, plyr.captionsEnabled); // Trigger an event - _triggerEvent(plyr.container, plyr.captionsEnabled ? 'captionsenabled' : 'captionsdisabled', true); + trigger(plyr.container, plyr.captionsEnabled ? 'captionsenabled' : 'captionsdisabled', true); // Save captions state to localStorage - _updateStorage({ + updateStorage({ captionsEnabled: plyr.captionsEnabled }); } // Select active caption - function _setCaptionIndex(index) { + function setCaptionIndex(index) { // Save active caption config.captions.selectedIndex = index; // Clear caption - _setCaption(); + setCaption(); // Re-run setup - _setupCaptions(); + setupCaptions(); } // Check if media is loading - function _checkLoading(event) { + function checkLoading(event) { var loading = (event.type === 'waiting'); // Clear timer @@ -2710,22 +2807,22 @@ // Timer to prevent flicker when seeking timers.loading = setTimeout(function() { // Toggle container class hook - _toggleClass(plyr.container, config.classes.loading, loading); + toggleClass(plyr.container, config.classes.loading, loading); // Show controls if loading, hide if done - _toggleControls(loading); + toggleControls(loading); }, (loading ? 250 : 0)); } // Update <progress> elements - function _updateProgress(event) { + function updateProgress(event) { if (!plyr.supported.full) { return; } var progress = plyr.progress.played, value = 0, - duration = _getDuration(); + duration = getDuration(); if (event) { switch (event.type) { @@ -2736,7 +2833,7 @@ return; } - value = _getPercentage(plyr.media.currentTime, duration); + value = getPercentage(plyr.media.currentTime, duration); // Set seek range value only if it's a 'natural' time event if (event.type === 'timeupdate' && plyr.buttons.seek) { @@ -2754,8 +2851,8 @@ if (buffered && buffered.length) { // HTML5 - return _getPercentage(buffered.end(0), duration); - } else if (_is.number(buffered)) { + return getPercentage(buffered.end(0), duration); + } else if (is.number(buffered)) { // YouTube returns between 0 and 1 return (buffered * 100); } @@ -2768,21 +2865,21 @@ } // Set values - _setProgress(progress, value); + setProgress(progress, value); } // Set <progress> value - function _setProgress(progress, value) { + function setProgress(progress, value) { if (!plyr.supported.full) { return; } // Default to 0 - if (_is.undefined(value)) { + if (is.undefined(value)) { value = 0; } // Default to buffer or bail - if (_is.undefined(progress)) { + if (is.undefined(progress)) { if (plyr.progress && plyr.progress.buffer) { progress = plyr.progress.buffer; } else { @@ -2791,7 +2888,7 @@ } // One progress element passed - if (_is.htmlElement(progress)) { + if (is.htmlElement(progress)) { progress.value = value; } else if (progress) { // Object of progress + text element @@ -2805,7 +2902,7 @@ } // Update the displayed time - function _updateTimeDisplay(time, element) { + function updateTimeDisplay(time, element) { // Bail if there's no duration display if (!element) { return; @@ -2821,7 +2918,7 @@ plyr.hours = parseInt(((time / 60) / 60) % 60); // Do we need to display hours? - var displayHours = (parseInt(((_getDuration() / 60) / 60) % 60) > 0); + 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); @@ -2832,32 +2929,32 @@ } // Show the duration on metadataloaded - function _displayDuration() { + function displayDuration() { if (!plyr.supported.full) { return; } // Determine duration - var duration = _getDuration() || 0; + var duration = getDuration() || 0; // If there's only one time display, display duration there if (!plyr.duration && config.displayDuration && plyr.media.paused) { - _updateTimeDisplay(duration, plyr.currentTime); + updateTimeDisplay(duration, plyr.currentTime); } // If there's a duration element, update content if (plyr.duration) { - _updateTimeDisplay(duration, plyr.duration); + updateTimeDisplay(duration, plyr.duration); } // Update the tooltip (if visible) - _updateSeekTooltip(); + updateSeekTooltip(); } // Handle time change event - function _timeUpdate(event) { + function timeUpdate(event) { // Duration - _updateTimeDisplay(plyr.media.currentTime, plyr.currentTime); + updateTimeDisplay(plyr.media.currentTime, plyr.currentTime); // Ignore updates while seeking if (event && event.type === 'timeupdate' && plyr.media.seeking) { @@ -2865,18 +2962,18 @@ } // Playing progress - _updateProgress(event); + updateProgress(event); } // Update seek range and progress - function _updateSeekDisplay(time) { + function updateSeekDisplay(time) { // Default to 0 - if (!_is.number(time)) { + if (!is.number(time)) { time = 0; } - var duration = _getDuration(), - value = _getPercentage(time, duration); + var duration = getDuration(), + value = getPercentage(time, duration); // Update progress if (plyr.progress && plyr.progress.played) { @@ -2890,8 +2987,8 @@ } // Update hover tooltip for seeking - function _updateSeekTooltip(event) { - var duration = _getDuration(); + function updateSeekTooltip(event) { + var duration = getDuration(); // Bail if setting not true if (!config.tooltips.seek || !plyr.progress.container || duration === 0) { @@ -2905,7 +3002,7 @@ // Determine percentage, if already visible if (!event) { - if (_hasClass(plyr.progress.tooltip, visible)) { + if (hasClass(plyr.progress.tooltip, visible)) { percent = plyr.progress.tooltip.style.left.replace('%', ''); } else { return; @@ -2922,30 +3019,20 @@ } // Display the time a click would seek to - _updateTimeDisplay(((duration / 100) * percent), plyr.progress.tooltip); + updateTimeDisplay(((duration / 100) * percent), plyr.progress.tooltip); // Set position plyr.progress.tooltip.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(plyr.progress.tooltip, visible, (event.type === 'mouseenter')); + if (event && inArray(['mouseenter', 'mouseleave'], event.type)) { + toggleClass(plyr.progress.tooltip, visible, (event.type === 'mouseenter')); } } - // Set playback speed - function _setSpeed(speed) { - // Load speed from storage or default value - if (_is.undefined(speed)) { - speed = plyr.storage.speed || config.defaultSpeed; - } - - _speed(speed); - } - // Show the player controls in fullscreen mode - function _toggleControls(toggle) { + 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') { return; @@ -2954,19 +3041,19 @@ var delay = 0, isEnterFullscreen = false, show = toggle, - loading = _hasClass(plyr.container, config.classes.loading); + loading = hasClass(plyr.container, config.classes.loading); // Default to false if no boolean - if (!_is.boolean(toggle)) { + if (!is.boolean(toggle)) { if (toggle && toggle.type) { // Is the enter fullscreen event isEnterFullscreen = (toggle.type === 'enterfullscreen'); // Whether to show controls - show = _inArray(['mousemove', 'touchstart', 'mouseenter', 'focus'], toggle.type); + show = inArray(['mousemove', 'touchstart', 'mouseenter', 'focus'], toggle.type); // Delay hiding on move events - if (_inArray(['mousemove', 'touchmove'], toggle.type)) { + if (inArray(['mousemove', 'touchmove'], toggle.type)) { delay = 2000; } @@ -2975,7 +3062,7 @@ delay = 3000; } } else { - show = _hasClass(plyr.container, config.classes.hideControls); + show = hasClass(plyr.container, config.classes.hideControls); } } @@ -2984,7 +3071,7 @@ // 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); + toggleClass(plyr.container, config.classes.hideControls, false); // Always show controls when paused or if touch if (plyr.media.paused || loading) { @@ -3006,16 +3093,16 @@ return; } - _toggleClass(plyr.container, config.classes.hideControls, true); + toggleClass(plyr.container, config.classes.hideControls, true); }, delay); } } // Add common function to retrieve media source - function _source(source) { + function source(source) { // If not null or undefined, parse it - if (!_is.undefined(source)) { - _updateSource(source); + if (!is.undefined(source)) { + updateSource(source); return; } @@ -3048,26 +3135,26 @@ // Update source // Sources are not checked for support so be careful - function _updateSource(source) { - if (!_is.object(source) || !('sources' in source) || !source.sources.length) { - _warn('Invalid source format'); + function updateSource(source) { + if (!is.object(source) || !('sources' in source) || !source.sources.length) { + warn('Invalid source format'); return; } // Remove ready class hook - _toggleClass(plyr.container, config.classes.ready, false); + toggleClass(plyr.container, config.classes.ready, false); // Pause playback - _pause(); + pause(); // Update seek range and progress - _updateSeekDisplay(); + updateSeekDisplay(); // Reset buffer progress - _setProgress(); + setProgress(); // Cancel current network requests - _cancelRequests(); + cancelRequests(); // Setup new source function setup() { @@ -3075,11 +3162,11 @@ plyr.embed = null; // Remove the old media - _remove(plyr.media); + remove(plyr.media); // Remove video container if (plyr.type === 'video' && plyr.videoContainer) { - _remove(plyr.videoContainer); + remove(plyr.videoContainer); } // Reset class name @@ -3095,7 +3182,7 @@ if (plyr.type === 'video') { var firstSource = source.sources[0]; - if ('type' in firstSource && _inArray(config.types.embed, firstSource.type)) { + if ('type' in firstSource && inArray(config.types.embed, firstSource.type)) { plyr.type = firstSource.type; } } @@ -3123,15 +3210,15 @@ } // Inject the new element - _prependChild(plyr.container, plyr.media); + prependChild(plyr.container, plyr.media); // Autoplay the new source? - if (_is.boolean(source.autoplay)) { + if (is.boolean(source.autoplay)) { config.autoplay = source.autoplay; } // Set attributes for audio and video - if (_inArray(config.types.html5, plyr.type)) { + if (inArray(config.types.html5, plyr.type)) { if (config.crossorigin) { plyr.media.setAttribute('crossorigin', ''); } @@ -3147,23 +3234,23 @@ } // Restore class hooks - _toggleClass(plyr.container, config.classes.fullscreen.active, plyr.isFullscreen); - _toggleClass(plyr.container, config.classes.captions.active, plyr.captionsEnabled); - _toggleStyleHook(); + toggleClass(plyr.container, config.classes.fullscreen.active, plyr.isFullscreen); + toggleClass(plyr.container, config.classes.captions.active, plyr.captionsEnabled); + toggleStyleHook(); // Set new sources for html5 - if (_inArray(config.types.html5, plyr.type)) { - _insertChildElements('source', source.sources); + if (inArray(config.types.html5, plyr.type)) { + insertChildElements('source', source.sources); } // Set up from scratch - _setupMedia(); + setupMedia(); // HTML5 stuff - if (_inArray(config.types.html5, plyr.type)) { + if (inArray(config.types.html5, plyr.type)) { // Setup captions if ('tracks' in source) { - _insertChildElements('track', source.tracks); + insertChildElements('track', source.tracks); } // Load HTML5 sources @@ -3171,39 +3258,39 @@ } // 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, plyr.type) || (inArray(config.types.embed, plyr.type) && !plyr.supported.full)) { // Setup interface - _setupInterface(); + setupInterface(); // Call ready - _ready(); + ready(); } // Set aria title and iframe title config.title = source.title; - _setTitle(); + setTitle(); } // Destroy instance adn wait for callback // Vimeo throws a wobbly if you don't wait - _destroy(setup, false); + destroy(setup, false); } // Update poster - function _updatePoster(source) { + function updatePoster(source) { if (plyr.type === 'video') { plyr.media.setAttribute('poster', source); } } // Listen for control events - function _controlListeners() { + function controlListeners() { // IE doesn't support input event, so we fallback to change var inputEvent = (plyr.browser.isIE ? 'change' : 'input'); // Click play/pause helper - function togglePlay() { - var play = _togglePlay(); + function _togglePlay() { + var play = togglePlay(); // Determine which buttons var trigger = plyr.buttons[play ? 'play' : 'pause'], @@ -3218,14 +3305,14 @@ // Setup focus and tab focus if (target) { - var hadTabFocus = _hasClass(trigger, config.classes.tabFocus); + var hadTabFocus = hasClass(trigger, config.classes.tabFocus); setTimeout(function() { target.focus(); if (hadTabFocus) { - _toggleClass(trigger, config.classes.tabFocus, false); - _toggleClass(target, config.classes.tabFocus, true); + toggleClass(trigger, config.classes.tabFocus, false); + toggleClass(target, config.classes.tabFocus, true); } }, 100); } @@ -3254,12 +3341,12 @@ for (var button in plyr.buttons) { var element = plyr.buttons[button]; - if (_is.nodeList(element)) { + if (is.nodeList(element)) { for (var i = 0; i < element.length; i++) { - _toggleClass(element[i], config.classes.tabFocus, (element[i] === focused)); + toggleClass(element[i], config.classes.tabFocus, (element[i] === focused)); } } else { - _toggleClass(element, config.classes.tabFocus, (element === focused)); + toggleClass(element, config.classes.tabFocus, (element === focused)); } } } @@ -3270,7 +3357,7 @@ // Handle global presses if (config.keyboardShorcuts.global) { - _on(window, 'keydown keyup', function(event) { + on(window, 'keydown keyup', function(event) { var code = getKeyCode(event), focused = getFocusElement(), allowed = [48, 49, 50, 51, 52, 53, 54, 56, 57, 75, 77, 70, 67], @@ -3280,14 +3367,14 @@ // and the key is in the allowed keys // and if the focused element is not editable (e.g. text input) // and any that accept key input http://webaim.org/techniques/keyboard/ - if (count === 1 && _inArray(allowed, code) && (!_is.htmlElement(focused) || !_matches(focused, config.selectors.editable))) { + if (count === 1 && inArray(allowed, code) && (!is.htmlElement(focused) || !matches(focused, config.selectors.editable))) { handleKey(event); } }); } // Handle presses on focused - _on(plyr.container, 'keydown keyup', handleKey); + on(plyr.container, 'keydown keyup', handleKey); } function handleKey(event) { @@ -3297,7 +3384,7 @@ // If the event is bubbled from the media element // Firefox doesn't get the keycode for whatever reason - if (!_is.number(code)) { + if (!is.number(code)) { return; } @@ -3307,12 +3394,12 @@ var duration = plyr.media.duration; // Bail if we have no duration set - if (!_is.number(duration)) { + if (!is.number(duration)) { return; } // Divide the max duration into 10th's and times by the number value - _seek((duration / 10) * (code - 48)); + seek((duration / 10) * (code - 48)); } // Handle the key on keydown @@ -3322,22 +3409,21 @@ var preventDefault = [48, 49, 50, 51, 52, 53, 54, 56, 57, 32, 75, 38, 40, 77, 39, 37, 70, 67]; var checkFocus = [38, 40]; - if (_inArray(checkFocus, code)) { + if (inArray(checkFocus, code)) { var focused = getFocusElement(); - if (_is.htmlElement(focused) && getFocusElement().type === "radio") { + if (is.htmlElement(focused) && getFocusElement().type === "radio") { return; } } // If the code is found prevent default (e.g. prevent scrolling for arrows) - if (_inArray(preventDefault, code)) { + if (inArray(preventDefault, code)) { event.preventDefault(); event.stopPropagation(); } switch (code) { - // 0-9 case 48: case 49: case 50: @@ -3348,55 +3434,64 @@ case 55: case 56: case 57: + // 0-9 if (!held) { seekByKey(); } break; - // Space and K key + case 32: case 75: + // Space and K key if (!held) { _togglePlay(); } break; - // Arrow up + case 38: - _increaseVolume(); + // Arrow up + increaseVolume(); break; - // Arrow down + case 40: - _decreaseVolume(); + // Arrow down + decreaseVolume(); break; - // M key + case 77: + // M key if (!held) { - _toggleMute() + toggleMute() } break; - // Arrow forward + case 39: - _forward(); + // Arrow forward + forward(); break; - // Arrow back + case 37: - _rewind(); + // Arrow back + rewind(); break; - // F key + case 70: - _toggleFullscreen(); + // F key + toggleFullscreen(); break; - // C key + case 67: + // C key if (!held) { - _toggleCaptions(); + toggleCaptions(); } break; } // Escape is handle natively when in full screen // So we only need to worry about non native - if (!_support.fullscreen && plyr.isFullscreen && code === 27) { - _toggleFullscreen(); + if (!support.fullscreen && plyr.isFullscreen && code === 27) { + toggleFullscreen(); } // Store last code for next cycle @@ -3407,7 +3502,7 @@ } // Focus/tab management - _on(window, 'keyup', function(event) { + on(window, 'keyup', function(event) { var code = getKeyCode(event), focused = getFocusElement(); @@ -3415,66 +3510,66 @@ checkTabFocus(focused); } }); - _on(document.body, 'click', function() { - _toggleClass(_getElement('.' + config.classes.tabFocus), config.classes.tabFocus, false); + on(document.body, 'click', function() { + toggleClass(getElement('.' + config.classes.tabFocus), config.classes.tabFocus, false); }); for (var button in plyr.buttons) { var element = plyr.buttons[button]; - _on(element, 'blur', function() { - _toggleClass(element, 'tab-focus', false); + on(element, 'blur', function() { + toggleClass(element, 'tab-focus', false); }); } // Play - _proxyListener(plyr.buttons.play, 'click', config.listeners.play, togglePlay); + proxy(plyr.buttons.play, 'click', config.listeners.play, _togglePlay); // Pause - _proxyListener(plyr.buttons.pause, 'click', config.listeners.pause, togglePlay); + proxy(plyr.buttons.pause, 'click', config.listeners.pause, _togglePlay); // Restart - _proxyListener(plyr.buttons.restart, 'click', config.listeners.restart, _seek); + proxy(plyr.buttons.restart, 'click', config.listeners.restart, seek); // Rewind - _proxyListener(plyr.buttons.rewind, 'click', config.listeners.rewind, _rewind); + proxy(plyr.buttons.rewind, 'click', config.listeners.rewind, rewind); // Fast forward - _proxyListener(plyr.buttons.forward, 'click', config.listeners.forward, _forward); + proxy(plyr.buttons.forward, 'click', config.listeners.forward, forward); // Speed-up - _proxyListener(plyr.buttons.speed, 'click', config.listeners.speed, _speed); + proxy(plyr.buttons.speed, 'click', config.listeners.speed, setSpeed); // Seek - _proxyListener(plyr.buttons.seek, inputEvent, config.listeners.seek, _seek); + proxy(plyr.buttons.seek, inputEvent, config.listeners.seek, seek); // Set volume - _proxyListener(plyr.volume.input, inputEvent, config.listeners.volume, function() { - _setVolume(plyr.volume.input.value); + proxy(plyr.volume.input, inputEvent, config.listeners.volume, function() { + setVolume(plyr.volume.input.value); }); // Mute - _proxyListener(plyr.buttons.mute, 'click', config.listeners.mute, _toggleMute); + proxy(plyr.buttons.mute, 'click', config.listeners.mute, toggleMute); // Fullscreen - _proxyListener(plyr.buttons.fullscreen, 'click', config.listeners.fullscreen, _toggleFullscreen); + proxy(plyr.buttons.fullscreen, 'click', config.listeners.fullscreen, toggleFullscreen); // Handle user exiting fullscreen by escaping etc - if (_support.fullscreen) { - _on(document, _fullscreen.eventType, _toggleFullscreen); + if (support.fullscreen) { + on(document, fullscreen.eventType, toggleFullscreen); } // Captions - _on(plyr.buttons.captions, 'click', _toggleCaptions); + on(plyr.buttons.captions, 'click', toggleCaptions); // Settings - _on(plyr.buttons.settings, 'click', function(event) { + on(plyr.buttons.settings, 'click', function(event) { var menu = this, toggle = event.target, target = document.getElementById(toggle.getAttribute('aria-controls')), show = (toggle.getAttribute('aria-expanded') === 'false'); // Nothing to show, bail - if (!_is.htmlElement(target)) { + if (!is.htmlElement(target)) { return; } @@ -3508,7 +3603,7 @@ container.appendChild(clone); targetWidth = clone.scrollWidth; targetHeight = clone.scrollHeight; - _remove(clone); + remove(clone); } target.setAttribute('aria-hidden', !show); @@ -3527,36 +3622,35 @@ }); // Picture in picture - _on(plyr.buttons.pip, 'click', function() { - //if () - + on(plyr.buttons.pip, 'click', function() { + // TODO: Check support here plyr.media.webkitSetPresentationMode(plyr.media.webkitPresentationMode === 'picture-in-picture' ? 'inline' : 'picture-in-picture'); }); // Seek tooltip - _on(plyr.progress.container, 'mouseenter mouseleave mousemove', _updateSeekTooltip); + on(plyr.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(plyr.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(plyr.controls, 'mouseenter mouseleave', function(event) { + on(plyr.controls, 'mouseenter mouseleave', function(event) { plyr.controls.hover = event.type === 'mouseenter'; }); // Watch for cursor over controls so they don't hide when trying to interact - _on(plyr.controls, 'mousedown mouseup touchstart touchend touchcancel', function(event) { - plyr.controls.pressed = _inArray(['mousedown', 'touchstart'], event.type); + on(plyr.controls, 'mousedown mouseup touchstart touchend touchcancel', function(event) { + plyr.controls.pressed = inArray(['mousedown', 'touchstart'], event.type); }); // Focus in/out on controls - _on(plyr.controls, 'focus blur', _toggleControls, true); + on(plyr.controls, 'focus blur', toggleControls, true); } // Adjust volume on scroll - _on(plyr.volume.input, 'wheel', function(event) { + on(plyr.volume.input, 'wheel', function(event) { event.preventDefault(); // Detect "natural" scroll - suppored on OS X Safari only @@ -3567,45 +3661,45 @@ // Scroll down (or up on natural) to decrease if (event.deltaY < 0 || event.deltaX > 0) { if (inverted) { - _decreaseVolume(step); + decreaseVolume(step); } else { - _increaseVolume(step); + increaseVolume(step); } } // Scroll up (or down on natural) to increase if (event.deltaY > 0 || event.deltaX < 0) { if (inverted) { - _increaseVolume(step); + increaseVolume(step); } else { - _decreaseVolume(step); + decreaseVolume(step); } } }); } // Listen for media events - function _mediaListeners() { + function mediaListeners() { // Time change on media - _on(plyr.media, 'timeupdate seeking', _timeUpdate); + on(plyr.media, 'timeupdate seeking', timeUpdate); // Update manual captions - _on(plyr.media, 'timeupdate', _seekManualCaptions); + on(plyr.media, 'timeupdate', seekManualCaptions); // Display duration - _on(plyr.media, 'durationchange loadedmetadata', _displayDuration); + on(plyr.media, 'durationchange loadedmetadata', displayDuration); // Handle the media finishing - _on(plyr.media, 'ended', function() { + on(plyr.media, 'ended', function() { // Show poster on end if (plyr.type === 'video' && config.showPosterOnEnd) { // Clear if (plyr.type === 'video') { - _setCaption(); + setCaption(); } // Restart - _seek(); + seek(); // Re-load media plyr.media.load(); @@ -3613,21 +3707,21 @@ }); // Check for buffer progress - _on(plyr.media, 'progress playing', _updateProgress); + on(plyr.media, 'progress playing', updateProgress); // Handle native mute - _on(plyr.media, 'volumechange', _updateVolume); + on(plyr.media, 'volumechange', updateVolume); // Handle native play/pause - _on(plyr.media, 'play pause ended', _checkPlaying); + on(plyr.media, 'play pause ended', checkPlaying); // Loading - _on(plyr.media, 'waiting canplay seeked', _checkLoading); + on(plyr.media, 'waiting canplay seeked', checkLoading); // Click video if (config.clickToPlay && plyr.type !== 'audio') { // Re-fetch the wrapper - var wrapper = _getElement('.' + config.classes.videoWrapper); + var wrapper = getElement('.' + config.classes.videoWrapper); // Bail if there's no wrapper (this should never happen) if (!wrapper) { @@ -3638,48 +3732,48 @@ wrapper.style.cursor = "pointer"; // On click play, pause ore restart - _on(wrapper, 'click', function() { + on(wrapper, 'click', function() { // Touch devices will just show controls (if we're hiding controls) if (config.hideControls && plyr.browser.isTouch && !plyr.media.paused) { return; } if (plyr.media.paused) { - _play(); + play(); } else if (plyr.media.ended) { - _seek(); - _play(); + seek(); + play(); } else { - _pause(); + pause(); } }); } // Disable right click if (config.disableContextMenu) { - _on(plyr.media, 'contextmenu', function(event) { + on(plyr.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) { - _triggerEvent(plyr.container, event.type, true); + on(plyr.media, config.events.concat(['keyup', 'keydown']).join(' '), function(event) { + trigger(plyr.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)) { + function cancelRequests() { + if (!inArray(config.types.html5, plyr.type)) { return; } // Remove child sources var sources = plyr.media.querySelectorAll('source'); for (var i = 0; i < sources.length; i++) { - _remove(sources[i]); + remove(sources[i]); } // Set blank video src attribute @@ -3693,13 +3787,13 @@ plyr.media.load(); // Debugging - _log('Cancelled network requests'); + log('Cancelled network requests'); } // Destroy an instance // Event listeners are removed when elements are removed // http://stackoverflow.com/questions/12528049/if-a-dom-element-is-removed-are-its-listeners-also-removed-from-memory - function _destroy(callback, restore) { + function destroy(callback, restore) { // Bail if the element is not initialized if (!plyr.init) { return null; @@ -3733,7 +3827,7 @@ case 'video': case 'audio': // Restore native video controls - _toggleNativeControls(true); + toggleNativeControls(true); // Clean up cleanUp(); @@ -3743,12 +3837,12 @@ function cleanUp() { // Default to restore original element - if (!_is.boolean(restore)) { + if (!is.boolean(restore)) { restore = true; } // Callback - if (_is.function(callback)) { + if (is.function(callback)) { callback.call(original); } @@ -3767,27 +3861,27 @@ document.body.style.overflow = ''; // Event - _triggerEvent(original, 'destroyed', true); + trigger(original, 'destroyed', true); } } // Setup a player - function _init() { + function init() { // Bail if the element is initialized if (plyr.init) { return null; } // Sniff out the browser - plyr.browser = _getBrowser(); + plyr.browser = getBrowser(); // Bail if nothing to setup - if (!_is.htmlElement(plyr.media)) { + if (!is.htmlElement(plyr.media)) { return; } // Load saved settings from localStorage - _setupStorage(); + setupStorage(); // Set media type based on tag or data attribute // Supported: video, audio, vimeo, youtube @@ -3815,31 +3909,31 @@ } // Wrap media - plyr.container = _wrap(media, document.createElement('div')); + plyr.container = wrap(media, document.createElement('div')); // Allow focus to be captured plyr.container.setAttribute('tabindex', 0); // Add style hook - _toggleStyleHook(); + toggleStyleHook(); // Debug info - _log('' + plyr.browser.name + ' ' + plyr.browser.version); + log('' + plyr.browser.name + ' ' + plyr.browser.version); // Setup media - _setupMedia(); + 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, plyr.type) || (inArray(config.types.embed, plyr.type) && !plyr.supported.full)) { // Setup UI - _setupInterface(); + setupInterface(); // Call ready - _ready(); + ready(); // Set title on button and frame - _setTitle(); + setTitle(); } // Successful setup @@ -3847,65 +3941,65 @@ } // Setup the UI - function _setupInterface() { + function setupInterface() { // Don't setup interface if no support if (!plyr.supported.full) { - _warn('Basic support only', plyr.type); + warn('Basic support only', plyr.type); // Remove controls - _remove(_getElement(config.selectors.controls.wrapper)); + remove(getElement(config.selectors.controls.wrapper)); // Remove large play - _remove(_getElement(config.selectors.buttons.play)); + remove(getElement(config.selectors.buttons.play)); // Restore native controls - _toggleNativeControls(true); + toggleNativeControls(true); // Bail return; } // Inject custom controls if not present - var controlsMissing = !_getElements(config.selectors.controls.wrapper).length; + var controlsMissing = !getElements(config.selectors.controls.wrapper).length; if (controlsMissing) { // Inject custom controls - _injectControls(); + injectControls(); } // Find the elements - if (!_findElements()) { + if (!findElements()) { return; } // If the controls are injected, re-bind listeners for controls if (controlsMissing) { - _controlListeners(); + controlListeners(); } // Media element listeners - _mediaListeners(); + mediaListeners(); // Remove native controls - _toggleNativeControls(); + toggleNativeControls(); // Setup fullscreen - _setupFullscreen(); + setupFullscreen(); // Captions - _setupCaptions(); + setupCaptions(); // Set volume - _setVolume(); - _updateVolume(); + setVolume(); + updateVolume(); // Set playback speed - _setSpeed(); + setSpeed(); // Reset time display - _timeUpdate(); + timeUpdate(); // Update the UI - _checkPlaying(); + checkPlaying(); } api = { @@ -3924,7 +4018,7 @@ getType: function() { return plyr.type; }, - getDuration: _getDuration, + getDuration: getDuration, getCurrentTime: function() { return plyr.media.currentTime; }, @@ -3935,71 +4029,71 @@ return plyr.media.muted; }, isReady: function() { - return _hasClass(plyr.container, config.classes.ready); + return hasClass(plyr.container, config.classes.ready); }, isLoading: function() { - return _hasClass(plyr.container, config.classes.loading); + return hasClass(plyr.container, config.classes.loading); }, isPaused: function() { return plyr.media.paused; }, on: function(event, callback) { - _on(plyr.container, event, callback); + on(plyr.container, event, callback); return this; }, - play: _play, - pause: _pause, + play: play, + pause: pause, stop: function() { - _pause(); - _seek(); + pause(); + seek(); }, - restart: _seek, - rewind: _rewind, - forward: _forward, - seek: _seek, - source: _source, - poster: _updatePoster, - setVolume: _setVolume, - setSpeed: _setSpeed, - togglePlay: _togglePlay, - toggleMute: _toggleMute, - toggleCaptions: _toggleCaptions, - toggleFullscreen: _toggleFullscreen, - toggleControls: _toggleControls, - setCaptionIndex: _setCaptionIndex, + restart: seek, + rewind: rewind, + forward: forward, + seek: seek, + source: source, + poster: updatePoster, + setVolume: setVolume, + setSpeed: setSpeed, + togglePlay: togglePlay, + toggleMute: toggleMute, + toggleCaptions: toggleCaptions, + toggleFullscreen: toggleFullscreen, + toggleControls: toggleControls, + setCaptionIndex: setCaptionIndex, isFullscreen: function() { return plyr.isFullscreen || false; }, support: function(mimeType) { - return _support.mime(plyr, mimeType); + return support.mime(plyr, mimeType); }, - destroy: _destroy + destroy: destroy }; // Everything done - function _ready() { + function ready() { // Ready event at end of execution stack window.setTimeout(function() { - _triggerEvent(plyr.media, 'ready'); + trigger(plyr.media, 'ready'); }, 0); // Set class hook on media element - _toggleClass(plyr.media, defaults.classes.setup, true); + toggleClass(plyr.media, defaults.classes.setup, true); // Set container class for ready - _toggleClass(plyr.container, config.classes.ready, true); + toggleClass(plyr.container, config.classes.ready, true); // Store a refernce to instance plyr.media.plyr = api; // Autoplay if (config.autoplay) { - _play(); + play(); } } // Initialize instance - _init(); + init(); // If init failed, return null if (!plyr.init) { @@ -4014,14 +4108,14 @@ var x = new XMLHttpRequest(); // If the id is set and sprite exists, bail - if (_is.string(id) && _is.htmlElement(document.querySelector('#' + id))) { + if (is.string(id) && is.htmlElement(document.querySelector('#' + id))) { return; } // Create placeholder (to prevent loading twice) var container = document.createElement('div'); container.setAttribute('hidden', ''); - if (_is.string(id)) { + if (is.string(id)) { container.setAttribute('id', id); } document.body.insertBefore(container, document.body.childNodes[0]); @@ -4043,7 +4137,7 @@ // Check for support function supported(type) { - var browser = _getBrowser(), + var browser = getBrowser(), isOldIE = (browser.isIE && browser.version <= 9), isIos = browser.isIos, isIphone = /iPhone|iPod/i.test(navigator.userAgent), @@ -4088,16 +4182,16 @@ selector = [defaults.selectors.html5, defaults.selectors.embed].join(','); // Select the elements - if (_is.string(targets)) { + if (is.string(targets)) { // String selector passed targets = document.querySelectorAll(targets); - } else if (_is.htmlElement(targets)) { + } else if (is.htmlElement(targets)) { // Single HTMLElement passed targets = [targets]; - } else if (!_is.nodeList(targets) && !_is.array(targets) && !_is.string(targets)) { + } else if (!is.nodeList(targets) && !is.array(targets) && !is.string(targets)) { // No selector passed, possibly options as first argument // If options are the first argument - if (_is.undefined(options) && _is.object(targets)) { + if (is.undefined(options) && is.object(targets)) { options = targets; } @@ -4106,7 +4200,7 @@ } // Convert NodeList to array - if (_is.nodeList(targets)) { + if (is.nodeList(targets)) { targets = Array.prototype.slice.call(targets); } @@ -4118,10 +4212,10 @@ // Add to container list function add(target, media) { - if (!_hasClass(media, defaults.classes.hook)) { + if (!hasClass(media, defaults.classes.hook)) { players.push({ // Always wrap in a <div> for styling - //container: _wrap(media, document.createElement('div')), + // container: wrap(media, document.createElement('div')), // Could be a container or the media itself target: target, // This should be the <video>, <audio> or <div> (YouTube/Vimeo) @@ -4142,7 +4236,7 @@ for (var x = 0; x < children.length; x++) { add(target, children[x]); } - } else if (_matches(target, selector)) { + } else if (matches(target, selector)) { // Target is media element add(target, target); } @@ -4168,7 +4262,7 @@ data = JSON.parse(element.getAttribute('data-plyr')); } catch (e) {} - var config = _extend({}, defaults, options, data); + var config = extend({}, defaults, options, data); // Bail if not enabled if (!config.enabled) { @@ -4179,7 +4273,7 @@ var instance = new Plyr(media, config); // Go to next if setup failed - if (!_is.object(instance)) { + if (!is.object(instance)) { return; } @@ -4187,13 +4281,13 @@ if (config.debug) { var events = config.events.concat(['setup', 'statechange', 'enterfullscreen', 'exitfullscreen', 'captionsenabled', 'captionsdisabled']); - _on(instance.getContainer(), events.join(' '), function(event) { + on(instance.getContainer(), events.join(' '), function(event) { console.log([config.logPrefix, 'event:', event.type].join(' '), event.detail.plyr); }); } // Callback - _event(instance.getContainer(), 'setup', true, { + event(instance.getContainer(), 'setup', true, { plyr: instance }); @@ -4206,21 +4300,21 @@ // Get all instances within a provided container function get(container) { - if (_is.string(container)) { + if (is.string(container)) { // Get selector if string passed container = document.querySelector(container); - } else if (_is.undefined(container)) { + } else if (is.undefined(container)) { // Use body by default to get all on page container = document.body; } // If we have a HTML element - if (_is.htmlElement(container)) { + if (is.htmlElement(container)) { var elements = container.querySelectorAll('.' + defaults.classes.setup), instances = []; Array.prototype.slice.call(elements).forEach(function(element) { - if (_is.object(element.plyr)) { + if (is.object(element.plyr)) { instances.push(element.plyr); } }); |