diff options
-rw-r--r-- | .prettierrc | 2 | ||||
-rw-r--r-- | .vscode/settings.json | 1 | ||||
-rw-r--r-- | bundles.json | 2 | ||||
-rw-r--r-- | dist/plyr.js | 2 | ||||
-rw-r--r-- | dist/plyr.js.map | 2 | ||||
-rw-r--r-- | gulpfile.js | 46 | ||||
-rw-r--r-- | package.json | 13 | ||||
-rw-r--r-- | readme.md | 536 | ||||
-rw-r--r-- | src/js/captions.js | 11 | ||||
-rw-r--r-- | src/js/controls.js | 52 | ||||
-rw-r--r-- | src/js/defaults.js | 14 | ||||
-rw-r--r-- | src/js/fullscreen.js | 14 | ||||
-rw-r--r-- | src/js/listeners.js | 38 | ||||
-rw-r--r-- | src/js/media.js | 12 | ||||
-rw-r--r-- | src/js/plugins/vimeo.js | 5 | ||||
-rw-r--r-- | src/js/plugins/youtube.js | 7 | ||||
-rw-r--r-- | src/js/plyr.js | 17 | ||||
-rw-r--r-- | src/js/source.js | 6 | ||||
-rw-r--r-- | src/js/ui.js | 7 | ||||
-rw-r--r-- | src/js/utils.js | 15 |
20 files changed, 369 insertions, 433 deletions
diff --git a/.prettierrc b/.prettierrc index 79c01567..223a51a5 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,7 +1,7 @@ { "useTabs": false, "tabWidth": 4, - "printWidth": 120, + "printWidth": 160, "singleQuote": true, "trailingComma": "es5" } diff --git a/.vscode/settings.json b/.vscode/settings.json index ce62af13..301da554 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -17,7 +17,6 @@ // Prettier "prettier.eslintIntegration": true, - "prettier.cssEnable": ["css", "less"], "prettier.stylelintIntegration": true, // Formatting diff --git a/bundles.json b/bundles.json index ebbaef34..726ecbbd 100644 --- a/bundles.json +++ b/bundles.json @@ -3,7 +3,7 @@ "less": { "plyr.css": "src/less/bundle.less" }, - "scss": { + "sass": { "plyr.css": "src/scss/plyr.scss" }, "js": { diff --git a/dist/plyr.js b/dist/plyr.js index 8ecc7e00..eb2c8cd6 100644 --- a/dist/plyr.js +++ b/dist/plyr.js @@ -1,3 +1,3 @@ -!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define("Plyr",t):e.Plyr=t()}(this,function(){"use strict";function e(){var e=window.localStorage.getItem(this.config.storage.key);return s.is.empty(e)?{}:JSON.parse(e)}function t(t){if(a.storage&&this.config.storage.enabled&&s.is.object(t)){var i=e.call(this);s.extend(i,t),window.localStorage.setItem(this.config.storage.key,JSON.stringify(i))}}var i={enabled:!0,title:"",debug:!1,autoplay:!1,autopause:!1,seekTime:10,volume:1,muted:!1,duration:null,displayDuration:!0,invertTime:!0,toggleInvert:!0,ratio:"16:9",clickToPlay:!0,hideControls:!0,showPosterOnEnd:!1,disableContextMenu:!0,loadSprite:!0,iconPrefix:"plyr",iconUrl:"https://cdn.plyr.io/2.0.10/plyr.svg",blankVideo:"https://cdn.plyr.io/static/blank.mp4",quality:{default:"default",options:["hd2160","hd1440","hd1080","hd720","large","medium","small","tiny","default"]},loop:{active:!1},speed:{selected:1,options:[.5,.75,1,1.25,1.5,1.75,2]},keyboard:{focused:!0,global:!1},tooltips:{controls:!1,seek:!0},captions:{active:!1,language:window.navigator.language.split("-")[0]},fullscreen:{enabled:!0,fallback:!0},storage:{enabled:!0,key:"plyr"},controls:["play-large","play","progress","current-time","mute","volume","captions","settings","pip","airplay","fullscreen"],settings:["captions","quality","speed","loop"],i18n:{restart:"Restart",rewind:"Rewind {seektime} secs",play:"Play",pause:"Pause",forward:"Forward {seektime} secs",seek:"Seek",played:"Played",buffered:"Buffered",currentTime:"Current time",duration:"Duration",volume:"Volume",mute:"Mute",unmute:"Unmute",enableCaptions:"Enable captions",disableCaptions:"Disable captions",enterFullscreen:"Enter fullscreen",exitFullscreen:"Exit fullscreen",frameTitle:"Player for {title}",captions:"Captions",settings:"Settings",speed:"Speed",quality:"Quality",loop:"Loop",start:"Start",end:"End",all:"All",reset:"Reset",none:"None",disabled:"Disabled"},urls:{vimeo:{api:"https://player.vimeo.com/api/player.js"},youtube:{api:"https://www.youtube.com/iframe_api"}},listeners:{seek:null,play:null,pause:null,restart:null,rewind:null,forward:null,mute:null,volume:null,captions:null,fullscreen:null,pip:null,airplay:null,speed:null,quality:null,loop:null,language:null},events:["ended","progress","stalled","playing","waiting","canplay","canplaythrough","loadstart","loadeddata","loadedmetadata","timeupdate","volumechange","play","pause","error","seeking","seeked","emptied","ratechange","cuechange","enterfullscreen","exitfullscreen","captionsenabled","captionsdisabled","languagechange","controlshidden","controlsshown","ready","statechange","qualitychange","qualityrequested"],selectors:{editable:"input, textarea, select, [contenteditable]",container:".plyr",controls:{container:null,wrapper:".plyr__controls"},labels:"[data-plyr]",buttons:{play:'[data-plyr="play"]',pause:'[data-plyr="pause"]',restart:'[data-plyr="restart"]',rewind:'[data-plyr="rewind"]',forward:'[data-plyr="fast-forward"]',mute:'[data-plyr="mute"]',captions:'[data-plyr="captions"]',fullscreen:'[data-plyr="fullscreen"]',pip:'[data-plyr="pip"]',airplay:'[data-plyr="airplay"]',settings:'[data-plyr="settings"]',loop:'[data-plyr="loop"]'},inputs:{seek:'[data-plyr="seek"]',volume:'[data-plyr="volume"]',speed:'[data-plyr="speed"]',language:'[data-plyr="language"]',quality:'[data-plyr="quality"]'},display:{currentTime:".plyr__time--current",duration:".plyr__time--duration",buffer:".plyr__progress--buffer",played:".plyr__progress--played",loop:".plyr__progress--loop",volume:".plyr__volume--display"},progress:".plyr__progress",captions:".plyr__captions",menu:{quality:".js-plyr__menu__list--quality"}},classNames:{video:"plyr__video-wrapper",embed:"plyr__video-embed",control:"plyr__control",type:"plyr--{0}",stopped:"plyr--stopped",playing:"plyr--playing",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",uiSupported:"plyr--full-ui",noTransition:"plyr--no-transition",menu:{value:"plyr__menu__value",badge:"plyr__badge"},captions:{enabled:"plyr--captions-enabled",active:"plyr--captions-active"},fullscreen:{enabled:"plyr--fullscreen-enabled",fallback:"plyr--fullscreen-fallback"},pip:{supported:"plyr--pip-supported",active:"plyr--pip-active"},airplay:{supported:"plyr--airplay-supported",active:"plyr--airplay-active"},tabFocus:"plyr__tab-focus"},keys:{google:null}},n={embed:["youtube","vimeo"],html5:["video","audio"]},s={is:{object:function(e){return this.getConstructor(e)===Object},number:function(e){return this.getConstructor(e)===Number&&!Number.isNaN(e)},string:function(e){return this.getConstructor(e)===String},boolean:function(e){return this.getConstructor(e)===Boolean},function:function(e){return this.getConstructor(e)===Function},array:function(e){return!this.nullOrUndefined(e)&&Array.isArray(e)},nodeList:function(e){return this.instanceof(e,window.NodeList)},htmlElement:function(e){return this.instanceof(e,window.HTMLElement)},textNode:function(e){return this.getConstructor(e)===Text},event:function(e){return this.instanceof(e,window.Event)},cue:function(e){return this.instanceof(e,window.TextTrackCue)||this.instanceof(e,window.VTTCue)},track:function(e){return this.instanceof(e,window.TextTrack)||!this.nullOrUndefined(e)&&this.string(e.kind)},nullOrUndefined:function(e){return null===e||void 0===e},empty:function(e){return this.nullOrUndefined(e)||(this.string(e)||this.array(e)||this.nodeList(e))&&!e.length||this.object(e)&&!Object.keys(e).length},instanceof:function(e,t){return Boolean(e&&t&&e instanceof t)},getConstructor:function(e){return this.nullOrUndefined(e)?null:e.constructor}},getBrowser:function(){return{isIE:!!document.documentMode,isWebkit:"WebkitAppearance"in document.documentElement.style&&!/Edge/.test(navigator.userAgent),isIPhone:/(iPhone|iPod)/gi.test(navigator.platform),isIos:/(iPad|iPhone|iPod)/gi.test(navigator.platform)}},loadScript:function(e,t){if(!document.querySelectorAll('script[src="'+e+'"]').length){var i=document.createElement("script");i.src=e;var n=document.getElementsByTagName("script")[0];s.is.function(t)&&i.addEventListener("load",function(e){return t.call(null,e)},!1),n.parentNode.insertBefore(i,n)}},loadSprite:function(e,t){function i(e){this.innerHTML=e,document.body.insertBefore(this,document.body.childNodes[0])}if(s.is.string(e)){var n=s.is.string(t);if(!n||!document.querySelectorAll("#"+t).length){var l=document.createElement("div");if(s.toggleHidden(l,!0),n&&l.setAttribute("id",t),a.storage){var o=window.localStorage.getItem("cache-"+t);if(null!==o){var r=JSON.parse(o);return void i.call(l,r.content)}}fetch(e).then(function(e){return e.ok?e.text():null}).then(function(e){null!==e&&(a.storage&&window.localStorage.setItem("cache-"+t,JSON.stringify({content:e})),i.call(l,e))}).catch(function(){})}}},generateId:function(e){return e+"-"+Math.floor(1e4*Math.random())},inFrame:function(){try{return window.self!==window.top}catch(e){return!0}},wrap:function(e,t){var i=e.length?e:[e];Array.from(i).reverse().forEach(function(e,i){var n=i>0?t.cloneNode(!0):t,s=e.parentNode,a=e.nextSibling;n.appendChild(e),a?s.insertBefore(n,a):s.appendChild(n)})},createElement:function(e,t,i){var n=document.createElement(e);return s.is.object(t)&&s.setAttributes(n,t),s.is.string(i)&&(n.textContent=i),n},insertAfter:function(e,t){t.parentNode.insertBefore(e,t.nextSibling)},insertElement:function(e,t,i,n){t.appendChild(s.createElement(e,i,n))},removeElement:function(e){return s.is.htmlElement(e)&&s.is.htmlElement(e.parentNode)?(e.parentNode.removeChild(e),e):null},emptyElement:function(e){for(var t=e.childNodes.length;t>0;)e.removeChild(e.lastChild),t-=1},setAttributes:function(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})},getAttributesFromSelector:function(e,t){if(!s.is.string(e)||s.is.empty(e))return{};var i={},n=t;return e.split(",").forEach(function(e){var t=e.trim(),a=t.replace(".",""),l=t.replace(/[[\]]/g,"").split("="),o=l[0],r=l.length>1?l[1].replace(/["']/g,""):"";switch(t.charAt(0)){case".":s.is.object(n)&&s.is.string(n.class)&&(n.class+=" "+a),i.class=a;break;case"#":i.id=t.replace("#","");break;case"[":i[o]=r}}),i},toggleClass:function(e,t,i){if(s.is.htmlElement(e)){var n=e.classList.contains(t);return e.classList[i?"add":"remove"](t),i&&!n||!i&&n}return null},hasClass:function(e,t){return s.is.htmlElement(e)&&e.classList.contains(t)},toggleHidden:function(e,t){s.is.htmlElement(e)&&(t?e.setAttribute("hidden",""):e.removeAttribute("hidden"))},matches:function(e,t){var i={Element:Element},n=i.matches||i.webkitMatchesSelector||i.mozMatchesSelector||i.msMatchesSelector||function(){return Array.from(document.querySelectorAll(t)).includes(this)};return n.call(e,t)},getElements:function(e){return this.elements.container.querySelectorAll(e)},getElement:function(e){return this.elements.container.querySelector(e)},findElements:function(){try{return this.elements.controls=s.getElement.call(this,this.config.selectors.controls.wrapper),this.elements.buttons={play:s.getElements.call(this,this.config.selectors.buttons.play),pause:s.getElement.call(this,this.config.selectors.buttons.pause),restart:s.getElement.call(this,this.config.selectors.buttons.restart),rewind:s.getElement.call(this,this.config.selectors.buttons.rewind),forward:s.getElement.call(this,this.config.selectors.buttons.forward),mute:s.getElement.call(this,this.config.selectors.buttons.mute),pip:s.getElement.call(this,this.config.selectors.buttons.pip),airplay:s.getElement.call(this,this.config.selectors.buttons.airplay),settings:s.getElement.call(this,this.config.selectors.buttons.settings),captions:s.getElement.call(this,this.config.selectors.buttons.captions),fullscreen:s.getElement.call(this,this.config.selectors.buttons.fullscreen)},this.elements.progress=s.getElement.call(this,this.config.selectors.progress),this.elements.inputs={seek:s.getElement.call(this,this.config.selectors.inputs.seek),volume:s.getElement.call(this,this.config.selectors.inputs.volume)},this.elements.display={buffer:s.getElement.call(this,this.config.selectors.display.buffer),duration:s.getElement.call(this,this.config.selectors.display.duration),currentTime:s.getElement.call(this,this.config.selectors.display.currentTime)},s.is.htmlElement(this.elements.progress)&&(this.elements.display.seekTooltip=this.elements.progress.querySelector("."+this.config.classNames.tooltip)),!0}catch(e){return this.console.warn("It looks like there is a problem with your custom controls HTML",e),this.toggleNativeControls(!0),!1}},getFocusElement:function(){var e=document.activeElement;return e=e&&e!==document.body?document.querySelector(":focus"):null},trapFocus:function(){var e=this,t=s.getElements.call(this,"button:not(:disabled), input:not(:disabled), [tabindex]"),i=t[0],n=t[t.length-1];s.on(this.elements.container,"keydown",function(t){if("Tab"===t.key&&9===t.keyCode&&e.fullscreen.active){var a=s.getFocusElement();a!==n||t.shiftKey?a===i&&t.shiftKey&&(n.focus(),t.preventDefault()):(i.focus(),t.preventDefault())}},!1)},toggleListener:function(e,t,i,n,l,o){if(!s.is.nullOrUndefined(e))if(s.is.nodeList(e))Array.from(e).forEach(function(e){e instanceof Node&&s.toggleListener.call(null,e,t,i,n,l,o)});else{var r=t.split(" "),c=!!s.is.boolean(o)&&o;a.passiveListeners&&(c={passive:!s.is.boolean(l)||l,capture:!!s.is.boolean(o)&&o}),r.forEach(function(t){e[n?"addEventListener":"removeEventListener"](t,i,c)})}},on:function(e,t,i,n,a){s.toggleListener(e,t,i,!0,n,a)},off:function(e,t,i,n,a){s.toggleListener(e,t,i,!1,n,a)},dispatchEvent:function(e,t,i,n){if(e&&t){var a=new CustomEvent(t,{bubbles:!!s.is.boolean(i)&&i,detail:Object.assign({},n,{plyr:this instanceof Plyr?this:null})});e.dispatchEvent(a)}},toggleState:function(e,t){if(s.is.htmlElement(e)){var i="true"===e.getAttribute("aria-pressed"),n=s.is.boolean(t)?t:!i;e.setAttribute("aria-pressed",n)}},getPercentage:function(e,t){return 0===e||0===t||Number.isNaN(e)||Number.isNaN(t)?0:(e/t*100).toFixed(2)},extend:function(){for(var e=arguments.length,t=Array(e),i=0;i<e;i++)t[i]=arguments[i];var n=t.length;if(!n)return null;if(1===n)return t[0];var a=Array.prototype.shift.call(t);return s.is.object(a)||(a={}),t.forEach(function(e){s.is.object(e)&&Object.keys(e).forEach(function(t){e[t]&&e[t].constructor&&e[t].constructor===Object?(a[t]=a[t]||{},s.extend(a[t],e[t])):a[t]=e[t]})}),a},parseYouTubeId:function(e){return e.match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/)?RegExp.$2:e},parseVimeoId:function(e){if(s.is.number(Number(e)))return e;return e.match(/^.*(vimeo.com\/|video\/)(\d+).*/)?RegExp.$2:e},buildUrlParameters:function(e){return s.is.object(e)?Object.keys(e).map(function(t){return encodeURIComponent(t)+"="+encodeURIComponent(e[t])}).join("&"):""},stripHTML:function(e){var t=document.createDocumentFragment(),i=document.createElement("div");return t.appendChild(i),i.innerHTML=e,t.firstChild.innerText},getAspectRatio:function(e,t){var i=function e(t,i){return 0===i?t:e(i,t%i)}(e,t);return e/i+":"+t/i},transitionEnd:function(){var e=document.createElement("span"),t=Object.keys({WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"}).find(function(t){return void 0!==e.style[t]});return"string"==typeof t&&t}()},a={audio:"canPlayType"in document.createElement("audio"),video:"canPlayType"in document.createElement("video"),check:function(e,t){var i=!1,n=!1,l=s.getBrowser(),o=l.isIPhone&&t&&a.inline;switch(e){case"video":n=(i=a.video)&&a.rangeInput&&(!l.isIPhone||o);break;case"audio":n=(i=a.audio)&&a.rangeInput;break;case"youtube":i=!0,n=a.rangeInput&&(!l.isIPhone||o);break;case"vimeo":i=!0,n=a.rangeInput&&!l.isIPhone;break;default:n=(i=a.audio&&a.video)&&a.rangeInput}return{api:i,ui:n}},storage:function(){if(!("localStorage"in window))return!1;try{return window.localStorage.setItem("___test","___test"),window.localStorage.removeItem("___test"),!0}catch(e){return!1}}(),pip:!s.getBrowser().isIPhone&&s.is.function(s.createElement("video").webkitSetPresentationMode),airplay:s.is.function(window.WebKitPlaybackTargetAvailabilityEvent),inline:"playsInline"in document.createElement("video"),mime:function(e){var t=this.media;try{if(!s.is.function(t.canPlayType))return!1;if("video"===this.type)switch(e){case"video/webm":return t.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/no/,"");case"video/mp4":return t.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/,"");case"video/ogg":return t.canPlayType('video/ogg; codecs="theora"').replace(/no/,"");default:return!1}else if("audio"===this.type)switch(e){case"audio/mpeg":return t.canPlayType("audio/mpeg;").replace(/no/,"");case"audio/ogg":return t.canPlayType('audio/ogg; codecs="vorbis"').replace(/no/,"");case"audio/wav":return t.canPlayType('audio/wav; codecs="1"').replace(/no/,"");default:return!1}}catch(e){return!1}return!1},textTracks:"textTracks"in document.createElement("video"),passiveListeners:function(){var e=!1;try{var t=Object.defineProperty({},"passive",{get:function(){return e=!0,null}});window.addEventListener("test",null,t)}catch(e){}return e}(),rangeInput:function(){var e=document.createElement("input");return e.type="range","range"===e.type}(),touch:"ontouchstart"in document.documentElement,transitions:!1!==s.transitionEnd,reducedMotion:"matchMedia"in window&&window.matchMedia("(prefers-reduced-motion)").matches},l=function(){var e=!1;return s.is.function(document.cancelFullScreen)?e="":["webkit","o","moz","ms","khtml"].some(function(t){return s.is.function(document[t+"CancelFullScreen"])?(e=t,!0):!(!s.is.function(document.msExitFullscreen)||!document.msFullscreenEnabled)&&(e="ms",!0)}),e}(),o={prefix:l,enabled:document.fullscreenEnabled||document.webkitFullscreenEnabled||document.mozFullScreenEnabled||document.msFullscreenEnabled,eventType:"ms"===l?"MSFullscreenChange":l+"fullscreenchange",isFullScreen:function(e){if(!o.enabled)return!1;var t=s.is.nullOrUndefined(e)?document.body:e;switch(l){case"":return document.fullscreenElement===t;case"moz":return document.mozFullScreenElement===t;default:return document[l+"FullscreenElement"]===t}},requestFullScreen:function(e){if(!o.enabled)return!1;var t=s.is.nullOrUndefined(e)?document.body:e;return l.length?t[l+("ms"===l?"RequestFullscreen":"RequestFullScreen")]():t.requestFullScreen()},cancelFullScreen:function(){return!!o.enabled&&(l.length?document[l+("ms"===l?"ExitFullscreen":"CancelFullScreen")]():document.cancelFullScreen())},element:function(){return o.enabled?l.length?document[l+"FullscreenElement"]:document.fullscreenElement:null},setup:function(){if(this.supported.ui&&"audio"!==this.type&&this.config.fullscreen.enabled){var e=o.enabled;e||this.config.fullscreen.fallback&&!s.inFrame()?(this.console.log((e?"Native":"Fallback")+" fullscreen enabled"),s.toggleClass(this.elements.container,this.config.classNames.fullscreen.enabled,!0)):this.console.log("Fullscreen not supported and fallback disabled"),this.elements.buttons&&this.elements.buttons.fullscreen&&s.toggleState(this.elements.buttons.fullscreen,!1),s.trapFocus.call(this)}}},r={setup:function(){var e=null,i={};return a.storage&&this.config.storage.enabled?(window.localStorage.removeItem("plyr-volume"),(e=window.localStorage.getItem(this.config.storage.key))&&(/^\d+(\.\d+)?$/.test(e)?t({volume:parseFloat(e)}):i=JSON.parse(e)),i):i},set:t,get:e},c=s.getBrowser(),u={global:function(){var e=this,t=null,i=function(e){return e.keyCode?e.keyCode:e.which},n=function(n){var a=i(n),l="keydown"===n.type,r=l&&a===t;if(!(n.altKey||n.ctrlKey||n.metaKey||n.shiftKey)&&s.is.number(a)){if(l){var c=[48,49,50,51,52,53,54,56,57,32,75,38,40,77,39,37,70,67,73,76,79],u=s.getFocusElement();if(s.is.htmlElement(u)&&s.matches(u,e.config.selectors.editable))return;switch(c.includes(a)&&(n.preventDefault(),n.stopPropagation()),a){case 48:case 49:case 50:case 51:case 52:case 53:case 54:case 55:case 56:case 57:r||(e.currentTime=e.duration/10*(a-48));break;case 32:case 75:r||e.togglePlay();break;case 38:e.increaseVolume(.1);break;case 40:e.decreaseVolume(.1);break;case 77:r||(e.muted=!e.muted);break;case 39:e.forward();break;case 37:e.rewind();break;case 70:e.toggleFullscreen();break;case 67:r||e.toggleCaptions();break;case 76:e.loop=!e.loop}!o.enabled&&e.fullscreen.active&&27===a&&e.toggleFullscreen(),t=a}else t=null}};this.config.keyboard.global?s.on(window,"keydown keyup",n,!1):this.config.keyboard.focused&&s.on(this.elements.container,"keydown keyup",n,!1),s.on(this.elements.container,"focusout",function(t){s.toggleClass(t.target,e.config.classNames.tabFocus,!1)}),s.on(this.elements.container,"keydown",function(t){9===t.keyCode&&window.setTimeout(function(){s.toggleClass(s.getFocusElement(),e.config.classNames.tabFocus,!0)},0)}),this.config.hideControls&&s.on(this.elements.container,"mouseenter mouseleave mousemove touchstart touchend touchmove enterfullscreen exitfullscreen",function(t){e.toggleControls(t)}),o.enabled&&s.on(document,o.eventType,function(t){e.toggleFullscreen(t)})},media:function(){var e=this;if(s.on(this.media,"timeupdate seeking",function(t){return d.timeUpdate.call(e,t)}),s.on(this.media,"durationchange loadedmetadata",function(t){return d.durationUpdate.call(e,t)}),s.on(this.media,"loadeddata",function(){s.toggleHidden(e.elements.volume,!e.hasAudio),s.toggleHidden(e.elements.buttons.mute,!e.hasAudio)}),s.on(this.media,"ended",function(){"video"===e.type&&e.config.showPosterOnEnd&&(e.restart(),e.media.load())}),s.on(this.media,"progress playing",function(t){return d.updateProgress.call(e,t)}),s.on(this.media,"volumechange",function(t){return d.updateVolume.call(e,t)}),s.on(this.media,"playing play pause ended",function(t){return d.checkPlaying.call(e,t)}),s.on(this.media,"stalled waiting canplay seeked playing",function(t){return d.checkLoading.call(e,t)}),this.supported.ui&&this.config.clickToPlay&&"audio"!==this.type){var t=s.getElement.call(this,"."+this.config.classNames.video);if(!s.is.htmlElement(t))return;s.on(t,"click",function(){e.config.hideControls&&a.touch&&!e.paused||(e.paused?e.play():e.ended?(e.restart(),e.play()):e.pause())})}this.config.disableContextMenu&&s.on(this.media,"contextmenu",function(e){e.preventDefault()},!1),s.on(this.media,"ratechange",function(){p.updateSetting.call(e,"speed"),r.set.call(e,{speed:e.speed})}),s.on(this.media,"qualitychange",function(){p.updateSetting.call(e,"quality"),r.set.call(e,{quality:e.quality})}),s.on(this.media,"languagechange",function(){r.set.call(e,{language:e.language})}),s.on(this.media,"volumechange",function(){r.set.call(e,{volume:e.volume,muted:e.muted})}),s.on(this.media,"captionsenabled captionsdisabled",function(){p.updateSetting.call(e,"captions"),r.set.call(e,{captions:e.captions.enabled})}),s.on(this.media,this.config.events.concat(["keyup","keydown"]).join(" "),function(t){var i={};"error"===t.type&&(i=e.media.error),s.dispatchEvent.call(e,e.elements.container,t.type,!0,i)})},controls:function(){var e=this,t=c.isIE?"change":"input",i=function(t,i,n){var a=e.config.listeners[i];s.is.function(a)&&a.call(e,t),!t.defaultPrevented&&s.is.function(n)&&n.call(e,t)};s.on(this.elements.buttons.play,"click",function(t){return i(t,"play",function(){e.togglePlay()})}),s.on(this.elements.buttons.restart,"click",function(t){return i(t,"restart",function(){e.restart()})}),s.on(this.elements.buttons.rewind,"click",function(t){return i(t,"rewind",function(){e.rewind()})}),s.on(this.elements.buttons.forward,"click",function(t){return i(t,"forward",function(){e.forward()})}),s.on(this.elements.buttons.mute,"click",function(t){return i(t,"mute",function(){e.muted=!e.muted})}),s.on(this.elements.buttons.captions,"click",function(t){return i(t,"captions",function(){e.toggleCaptions()})}),s.on(this.elements.buttons.fullscreen,"click",function(t){return i(t,"fullscreen",function(){e.toggleFullscreen()})}),s.on(this.elements.buttons.pip,"click",function(t){return i(t,"pip",function(){e.pip="toggle"})}),s.on(this.elements.buttons.airplay,"click",function(t){return i(t,"airplay",function(){e.airplay()})}),s.on(this.elements.buttons.settings,"click",function(t){p.toggleMenu.call(e,t)}),s.on(document.documentElement,"click",function(t){p.toggleMenu.call(e,t)}),s.on(this.elements.settings.form,"click",function(t){t.stopPropagation(),s.matches(t.target,e.config.selectors.inputs.language)?i(t,"language",function(){e.language=t.target.value}):s.matches(t.target,e.config.selectors.inputs.quality)?i(t,"quality",function(){e.quality=t.target.value}):s.matches(t.target,e.config.selectors.inputs.speed)?i(t,"speed",function(){e.speed=parseFloat(t.target.value)}):p.showTab.call(e,t)}),s.on(this.elements.inputs.seek,t,function(t){return i(t,"seek",function(){e.currentTime=t.target.value/t.target.max*e.duration})}),this.config.toggleInvert&&!s.is.htmlElement(this.elements.display.duration)&&s.on(this.elements.display.currentTime,"click",function(){0!==e.currentTime&&(e.config.invertTime=!e.config.invertTime,d.timeUpdate.call(e))}),s.on(this.elements.inputs.volume,t,function(t){return i(t,"volume",function(){e.volume=t.target.value})}),c.isWebkit&&s.on(s.getElements.call(this,'input[type="range"]'),"input",function(t){p.updateRangeFill.call(e,t.target)}),s.on(this.elements.progress,"mouseenter mouseleave mousemove",function(t){return p.updateSeekTooltip.call(e,t)}),this.config.hideControls&&(s.on(this.elements.controls,"mouseenter mouseleave",function(t){e.elements.controls.hover="mouseenter"===t.type}),s.on(this.elements.controls,"mousedown mouseup touchstart touchend touchcancel",function(t){e.elements.controls.pressed=["mousedown","touchstart"].includes(t.type)}),s.on(this.elements.controls,"focusin focusout",function(t){e.toggleControls(t)})),s.on(this.elements.inputs.volume,"wheel",function(t){return i(t,"volume",function(){var i=t.webkitDirectionInvertedFromDevice,n=0;(t.deltaY<0||t.deltaX>0)&&(i?(e.decreaseVolume(.02),n=-1):(e.increaseVolume(.02),n=1)),(t.deltaY>0||t.deltaX<0)&&(i?(e.increaseVolume(.02),n=1):(e.decreaseVolume(.02),n=-1)),(1===n&&e.media.volume<1||-1===n&&e.media.volume>0)&&t.preventDefault()})},!1)}},d={addStyleHook:function(){s.toggleClass(this.elements.container,this.config.selectors.container.replace(".",""),!0),s.toggleClass(this.elements.container,this.config.classNames.uiSupported,this.supported.ui)},toggleNativeControls:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.isHTML5?this.media.setAttribute("controls",""):this.media.removeAttribute("controls")},build:function(){if(u.media.call(this),!this.supported.ui)return this.console.warn("Basic support only for "+this.type),s.removeElement.call(this,"controls"),s.removeElement.call(this,"buttons.play"),void d.toggleNativeControls.call(this,!0);s.is.htmlElement(this.elements.controls)||(p.inject.call(this),u.controls.call(this)),s.is.htmlElement(this.elements.controls)&&(d.toggleNativeControls.call(this),o.setup.call(this),m.setup.call(this),this.volume=null,this.muted=null,this.speed=null,this.loop=null,this.options.quality=[],d.timeUpdate.call(this),d.checkPlaying.call(this),this.ready=!0,s.dispatchEvent.call(this,this.media,"ready"),d.setTitle.call(this))},setTitle:function(){var e=this.config.i18n.play;if(s.is.string(this.config.title)&&!s.is.empty(this.config.title)&&(e+=", "+this.config.title,this.elements.container.setAttribute("aria-label",this.config.title)),s.is.nodeList(this.elements.buttons.play)&&Array.from(this.elements.buttons.play).forEach(function(t){t.setAttribute("aria-label",e)}),this.isEmbed){var t=s.getElement.call(this,"iframe");if(!s.is.htmlElement(t))return;var i=s.is.empty(this.config.title)?"video":this.config.title;t.setAttribute("title",this.config.i18n.frameTitle.replace("{title}",i))}},checkPlaying:function(){var e=this;s.toggleClass(this.elements.container,this.config.classNames.playing,this.playing),s.toggleClass(this.elements.container,this.config.classNames.stopped,this.paused),s.is.nodeList(this.elements.buttons.play)&&Array.from(this.elements.buttons.play).forEach(function(t){return s.toggleState(t,e.playing)}),this.toggleControls(!this.playing)},checkLoading:function(e){var t=this;this.loading=["stalled","waiting"].includes(e.type),clearTimeout(this.timers.loading),this.timers.loading=setTimeout(function(){s.toggleClass(t.elements.container,t.config.classNames.loading,t.loading),t.toggleControls(t.loading)},this.loading?250:0)},updateVolume:function(){this.supported.ui&&(s.is.htmlElement(this.elements.inputs.volume)&&d.setRange.call(this,this.elements.inputs.volume,this.muted?0:this.volume),s.is.htmlElement(this.elements.buttons.mute)&&s.toggleState(this.elements.buttons.mute,this.muted||0===this.volume))},setRange:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;s.is.htmlElement(e)&&(e.value=t,p.updateRangeFill.call(this,e))},setProgress:function(e,t){var i=s.is.number(t)?t:0,n=s.is.htmlElement(e)?e:this.elements.display.buffer;if(s.is.htmlElement(n)){n.value=i;var a=n.getElementsByTagName("span")[0];s.is.htmlElement(a)&&(a.childNodes[0].nodeValue=i)}},updateProgress:function(e){var t=this;if(this.supported.ui&&s.is.event(e)){var i=0;if(e)switch(e.type){case"timeupdate":case"seeking":i=s.getPercentage(this.currentTime,this.duration),"timeupdate"===e.type&&d.setRange.call(this,this.elements.inputs.seek,i);break;case"playing":case"progress":i=function(){var e=t.media.buffered;return e&&e.length?s.getPercentage(e.end(0),t.duration):s.is.number(e)?100*e:0}(),d.setProgress.call(this,this.elements.display.buffer,i)}}},updateTimeDisplay:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(s.is.htmlElement(e)&&s.is.number(t)){var n=function(e){return("0"+e).slice(-2)},a=function(e){return parseInt(e/60/60%60,10)},l=a(t),o=function(e){return parseInt(e/60%60,10)}(t),r=function(e){return parseInt(e%60,10)}(t);a(this.duration)>0?l+=":":l="",e.textContent=(i?"-":"")+l+n(o)+":"+n(r)}},timeUpdate:function(e){var t=!s.is.htmlElement(this.elements.display.duration)&&this.config.invertTime;d.updateTimeDisplay.call(this,this.elements.display.currentTime,t?this.duration-this.currentTime:this.currentTime,t),e&&"timeupdate"===e.type&&this.media.seeking||d.updateProgress.call(this,e)},durationUpdate:function(){this.supported.ui&&(!s.is.htmlElement(this.elements.display.duration)&&this.config.displayDuration&&this.paused&&d.updateTimeDisplay.call(this,this.elements.display.currentTime,this.duration),s.is.htmlElement(this.elements.display.duration)&&d.updateTimeDisplay.call(this,this.elements.display.duration,this.duration),p.updateSeekTooltip.call(this))}},h=s.getBrowser(),p={updateRangeFill:function(e){if(h.isWebkit){var t=s.is.event(e)?e.target:e;if(s.is.htmlElement(t)&&"range"===t.getAttribute("type")){s.is.htmlElement(this.elements.styleSheet)||(this.elements.styleSheet=s.createElement("style"),this.elements.container.appendChild(this.elements.styleSheet));var i=this.elements.styleSheet.sheet,n=t.value/t.max*100,a="#"+t.id+"::-webkit-slider-runnable-track",l="{ background-image: linear-gradient(to right, currentColor "+n+"%, transparent "+n+"%) }",o=Array.from(i.rules).findIndex(function(e){return e.selectorText===a});-1!==o&&i.deleteRule(o),i.insertRule([a,l].join(" "))}}},getIconUrl:function(){return{url:this.config.iconUrl,absolute:0===this.config.iconUrl.indexOf("http")||h.isIE&&!window.svg4everybody}},createIcon:function(e,t){var i=p.getIconUrl.call(this),n=(i.absolute?"":i.url)+"#"+this.config.iconPrefix,a=document.createElementNS("http://www.w3.org/2000/svg","svg");s.setAttributes(a,s.extend(t,{role:"presentation"}));var l=document.createElementNS("http://www.w3.org/2000/svg","use"),o=n+"-"+e;return"href"in l?l.setAttributeNS("http://www.w3.org/1999/xlink","href",o):l.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",o),a.appendChild(l),a},createLabel:function(e,t){var i=this.config.i18n[e],n=Object.assign({},t);switch(e){case"pip":i="PIP";break;case"airplay":i="AirPlay"}return"class"in n?n.class+=" "+this.config.classNames.hidden:n.class=this.config.classNames.hidden,s.createElement("span",n,i)},createBadge:function(e){if(s.is.empty(e))return null;var t=s.createElement("span",{class:this.config.classNames.menu.value});return t.appendChild(s.createElement("span",{class:this.config.classNames.menu.badge},e)),t},createButton:function(e,t){var i=s.createElement("button"),n=Object.assign({},t),a=e,l=!1,o=void 0,r=void 0,c=void 0,u=void 0;switch("type"in n||(n.type="button"),"class"in n?n.class.includes(this.config.classNames.control)&&(n.class+=" "+this.config.classNames.control):n.class=this.config.classNames.control,a){case"play":l=!0,o="play",c="pause",r="play",u="pause";break;case"mute":l=!0,o="mute",c="unmute",r="volume",u="muted";break;case"captions":l=!0,o="enableCaptions",c="disableCaptions",r="captions-off",u="captions-on";break;case"fullscreen":l=!0,o="enterFullscreen",c="exitFullscreen",r="enter-fullscreen",u="exit-fullscreen";break;case"play-large":n.class+=" "+this.config.classNames.control+"--overlaid",a="play",o="play",r="play";break;default:o=a,r=a}return l?(i.appendChild(p.createIcon.call(this,u,{class:"icon--pressed"})),i.appendChild(p.createIcon.call(this,r,{class:"icon--not-pressed"})),i.appendChild(p.createLabel.call(this,c,{class:"label--pressed"})),i.appendChild(p.createLabel.call(this,o,{class:"label--not-pressed"})),n["aria-pressed"]=!1,n["aria-label"]=this.config.i18n[o]):(i.appendChild(p.createIcon.call(this,r)),i.appendChild(p.createLabel.call(this,o))),s.extend(n,s.getAttributesFromSelector(this.config.selectors.buttons[a],n)),s.setAttributes(i,n),this.elements.buttons[a]=i,i},createRange:function(e,t){var i=s.createElement("label",{for:t.id,class:this.config.classNames.hidden},this.config.i18n[e]),n=s.createElement("input",s.extend(s.getAttributesFromSelector(this.config.selectors.inputs[e]),{type:"range",min:0,max:100,step:.01,value:0,autocomplete:"off"},t));return this.elements.inputs[e]=n,p.updateRangeFill.call(this,n),{label:i,input:n}},createProgress:function(e,t){var i=s.createElement("progress",s.extend(s.getAttributesFromSelector(this.config.selectors.display[e]),{min:0,max:100,value:0},t));if("volume"!==e){i.appendChild(s.createElement("span",null,"0"));var n="";switch(e){case"played":n=this.config.i18n.played;break;case"buffer":n=this.config.i18n.buffered}i.textContent="% "+n.toLowerCase()}return this.elements.display[e]=i,i},createTime:function(e){var t=s.createElement("span",{class:"plyr__time"});return t.appendChild(s.createElement("span",{class:this.config.classNames.hidden},this.config.i18n[e])),t.appendChild(s.createElement("span",s.getAttributesFromSelector(this.config.selectors.display[e]),"00:00")),this.elements.display[e]=t,t},createMenuItem:function(e,t,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,l=arguments.length>5&&void 0!==arguments[5]&&arguments[5],o=s.createElement("li"),r=s.createElement("label",{class:this.config.classNames.control}),c=s.createElement("input",s.extend(s.getAttributesFromSelector(this.config.selectors.inputs[i]),{type:"radio",name:"plyr-"+i,value:e,checked:l,class:"plyr__sr-only"})),u=s.createElement("span",{"aria-hidden":!0});r.appendChild(c),r.appendChild(u),r.insertAdjacentHTML("beforeend",n),s.is.htmlElement(a)&&r.appendChild(a),o.appendChild(r),t.appendChild(o)},updateSeekTooltip:function(e){if(this.config.tooltips.seek&&s.is.htmlElement(this.elements.inputs.seek)&&s.is.htmlElement(this.elements.display.seekTooltip)&&0!==this.duration){var t=0,i=this.elements.inputs.seek.getBoundingClientRect(),n=this.config.classNames.tooltip+"--visible";if(s.is.event(e))t=100/i.width*(e.pageX-i.left);else{if(!s.hasClass(this.elements.display.seekTooltip,n))return;t=this.elements.display.seekTooltip.style.left.replace("%","")}t<0?t=0:t>100&&(t=100),d.updateTimeDisplay.call(this,this.elements.display.seekTooltip,this.duration/100*t),this.elements.display.seekTooltip.style.left=t+"%",s.is.event(e)&&["mouseenter","mouseleave"].includes(e.type)&&s.toggleClass(this.elements.display.seekTooltip,n,"mouseenter"===e.type)}},toggleTab:function(e,t){var i=this.elements.settings.tabs[e],n=this.elements.settings.panes[e];s.toggleHidden(i,!t),s.toggleHidden(n,!t)},setQualityMenu:function(e){var t=this,i=this.elements.settings.panes.quality.querySelector("ul");s.is.array(e)?this.options.quality=e.filter(function(e){return t.config.quality.options.includes(e)}):this.options.quality=this.config.quality.options;var n=!s.is.empty(this.options.quality)&&"youtube"===this.type;if(p.toggleTab.call(this,"quality",n),n){s.emptyElement(i);var a=function(e){var i="";switch(e){case"hd2160":i="4K";break;case"hd1440":i="WQHD";break;case"hd1080":case"hd720":i="HD"}return i.length?p.createBadge.call(t,i):null};this.options.quality.forEach(function(e){return p.createMenuItem.call(t,e,i,"quality",p.getLabel.call(t,"quality",e),a(e))}),p.updateSetting.call(this,"quality",i)}},getLabel:function(e,t){switch(e){case"speed":return 1===t?"Normal":t+"×";case"quality":switch(t){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";case"tiny":return"Tiny";case"default":return"Auto";default:return t}case"captions":return p.getLanguage.call(this);default:return null}},updateSetting:function(e,t){var i=this.elements.settings.panes[e],n=null,a=t;switch(e){case"captions":n=this.captions.language,this.captions.enabled||(n="");break;default:if(n=this[e],s.is.empty(n)&&(n=this.config[e].default),!this.options[e].includes(n))return void this.console.warn("Unsupported value of '"+n+"' for "+e);if(!this.config[e].options.includes(n))return void this.console.warn("Disabled value of '"+n+"' for "+e)}s.is.htmlElement(a)||(a=i&&i.querySelector("ul"));var l=a&&a.querySelector('input[value="'+n+'"]');s.is.htmlElement(l)&&(l.checked=!0,this.elements.settings.tabs[e].querySelector("."+this.config.classNames.menu.value).innerHTML=p.getLabel.call(this,e,n))},getLanguage:function(){if(!this.supported.ui)return null;if(!a.textTracks||!m.getTracks.call(this).length)return this.config.i18n.none;if(this.captions.enabled){var e=m.getCurrentTrack.call(this);if(s.is.track(e))return e.label}return this.config.i18n.disabled},setCaptionsMenu:function(){var e=this,t=this.elements.settings.panes.captions.querySelector("ul"),i=m.getTracks.call(this).length;if(p.toggleTab.call(this,"captions",i),s.emptyElement(t),i){var n=m.getTracks.call(this).map(function(e){return{language:e.language,label:s.is.empty(e.label)?e.language.toUpperCase():e.label}});n.unshift({language:"",label:this.config.i18n.none}),n.forEach(function(i){p.createMenuItem.call(e,i.language,t,"language",i.label||i.language,p.createBadge.call(e,i.language.toUpperCase()),i.language.toLowerCase()===e.captions.language.toLowerCase())}),p.updateSetting.call(this,"captions",t)}},setSpeedMenu:function(e){var t=this;s.is.array(e)?this.options.speed=e.filter(function(e){return t.config.speed.options.includes(e)}):this.options.speed=this.config.speed.options;var i=!s.is.empty(this.options.speed);if(p.toggleTab.call(this,"speed",i),i){var n=this.elements.settings.panes.speed.querySelector("ul");s.toggleHidden(this.elements.settings.tabs.speed,!1),s.toggleHidden(this.elements.settings.panes.speed,!1),s.emptyElement(n),this.options.speed.forEach(function(e){return p.createMenuItem.call(t,e,n,"speed",p.getLabel.call(t,"speed",e))}),p.updateSetting.call(this,"speed",n)}},toggleMenu:function(e){var t=this.elements.settings.form,i=this.elements.buttons.settings,n=s.is.boolean(e)?e:s.is.htmlElement(t)&&"true"===t.getAttribute("aria-hidden");if(s.is.event(e)){var a=s.is.htmlElement(t)&&t.contains(e.target),l=e.target===this.elements.buttons.settings;if(a||!a&&!l&&n)return;l&&e.stopPropagation()}s.is.htmlElement(i)&&i.setAttribute("aria-expanded",n),s.is.htmlElement(t)&&(t.setAttribute("aria-hidden",!n),n?t.removeAttribute("tabindex"):t.setAttribute("tabindex",-1))},getTabSize:function(e){var t=e.cloneNode(!0);t.style.position="absolute",t.style.opacity=0,t.setAttribute("aria-hidden",!1),Array.from(t.querySelectorAll("input[name]")).forEach(function(e){var t=e.getAttribute("name");e.setAttribute("name",t+"-clone")}),e.parentNode.appendChild(t);var i=t.scrollWidth,n=t.scrollHeight;return s.removeElement(t),{width:i,height:n}},showTab:function(e){var t=this.elements.settings.menu,i=e.target,n="false"===i.getAttribute("aria-expanded"),l=document.getElementById(i.getAttribute("aria-controls"));if(s.is.htmlElement(l)&&"tabpanel"===l.getAttribute("role")){var o=t.querySelector('[role="tabpanel"][aria-hidden="false"]'),r=o.parentNode;if(Array.from(t.querySelectorAll('[aria-controls="'+o.getAttribute("id")+'"]')).forEach(function(e){e.setAttribute("aria-expanded",!1)}),a.transitions&&!a.reducedMotion){r.style.width=o.scrollWidth+"px",r.style.height=o.scrollHeight+"px";var c=p.getTabSize.call(this,l),u=function e(t){t.target===r&&["width","height"].includes(t.propertyName)&&(r.style.width="",r.style.height="",s.off(r,s.transitionEnd,e))};s.on(r,s.transitionEnd,u),r.style.width=c.width+"px",r.style.height=c.height+"px"}o.setAttribute("aria-hidden",!0),o.setAttribute("tabindex",-1),l.setAttribute("aria-hidden",!n),i.setAttribute("aria-expanded",n),l.removeAttribute("tabindex"),l.querySelectorAll("button:not(:disabled), input:not(:disabled), [tabindex]")[0].focus()}},create:function(e){var t=this;if(s.is.empty(this.config.controls))return null;var i=s.createElement("div",s.getAttributesFromSelector(this.config.selectors.controls.wrapper));if(this.config.controls.includes("restart")&&i.appendChild(p.createButton.call(this,"restart")),this.config.controls.includes("rewind")&&i.appendChild(p.createButton.call(this,"rewind")),this.config.controls.includes("play")&&i.appendChild(p.createButton.call(this,"play")),this.config.controls.includes("fast-forward")&&i.appendChild(p.createButton.call(this,"fast-forward")),this.config.controls.includes("progress")){var n=s.createElement("span",s.getAttributesFromSelector(this.config.selectors.progress)),l=p.createRange.call(this,"seek",{id:"plyr-seek-"+e.id});if(n.appendChild(l.label),n.appendChild(l.input),n.appendChild(p.createProgress.call(this,"buffer")),this.config.tooltips.seek){var o=s.createElement("span",{role:"tooltip",class:this.config.classNames.tooltip},"00:00");n.appendChild(o),this.elements.display.seekTooltip=o}this.elements.progress=n,i.appendChild(this.elements.progress)}if(this.config.controls.includes("current-time")&&i.appendChild(p.createTime.call(this,"currentTime")),this.config.controls.includes("duration")&&i.appendChild(p.createTime.call(this,"duration")),this.config.controls.includes("mute")&&i.appendChild(p.createButton.call(this,"mute")),this.config.controls.includes("volume")){var r=s.createElement("span",{class:"plyr__volume"}),c={max:1,step:.05,value:this.config.volume},u=p.createRange.call(this,"volume",s.extend(c,{id:"plyr-volume-"+e.id}));r.appendChild(u.label),r.appendChild(u.input),this.elements.volume=r,i.appendChild(r)}if(this.config.controls.includes("captions")&&i.appendChild(p.createButton.call(this,"captions")),this.config.controls.includes("settings")&&!s.is.empty(this.config.settings)){var d=s.createElement("div",{class:"plyr__menu"});d.appendChild(p.createButton.call(this,"settings",{id:"plyr-settings-toggle-"+e.id,"aria-haspopup":!0,"aria-controls":"plyr-settings-"+e.id,"aria-expanded":!1}));var h=s.createElement("form",{class:"plyr__menu__container",id:"plyr-settings-"+e.id,"aria-hidden":!0,"aria-labelled-by":"plyr-settings-toggle-"+e.id,role:"tablist",tabindex:-1}),m=s.createElement("div"),g=s.createElement("div",{id:"plyr-settings-"+e.id+"-home","aria-hidden":!1,"aria-labelled-by":"plyr-settings-toggle-"+e.id,role:"tabpanel"}),f=s.createElement("ul",{role:"tablist"});this.config.settings.forEach(function(i){var n=s.createElement("li",{role:"tab",hidden:""}),a=s.createElement("button",s.extend(s.getAttributesFromSelector(t.config.selectors.buttons.settings),{type:"button",class:t.config.classNames.control+" "+t.config.classNames.control+"--forward",id:"plyr-settings-"+e.id+"-"+i+"-tab","aria-haspopup":!0,"aria-controls":"plyr-settings-"+e.id+"-"+i,"aria-expanded":!1}),t.config.i18n[i]),l=s.createElement("span",{class:t.config.classNames.menu.value});l.innerHTML=e[i],a.appendChild(l),n.appendChild(a),f.appendChild(n),t.elements.settings.tabs[i]=n}),g.appendChild(f),m.appendChild(g),this.config.settings.forEach(function(i){var n=s.createElement("div",{id:"plyr-settings-"+e.id+"-"+i,"aria-hidden":!0,"aria-labelled-by":"plyr-settings-"+e.id+"-"+i+"-tab",role:"tabpanel",tabindex:-1,hidden:""}),a=s.createElement("button",{type:"button",class:t.config.classNames.control+" "+t.config.classNames.control+"--back","aria-haspopup":!0,"aria-controls":"plyr-settings-"+e.id+"-home","aria-expanded":!1},t.config.i18n[i]);n.appendChild(a);var l=s.createElement("ul");n.appendChild(l),m.appendChild(n),t.elements.settings.panes[i]=n}),h.appendChild(m),d.appendChild(h),i.appendChild(d),this.elements.settings.form=h,this.elements.settings.menu=d}return this.config.controls.includes("pip")&&a.pip&&i.appendChild(p.createButton.call(this,"pip")),this.config.controls.includes("airplay")&&a.airplay&&i.appendChild(p.createButton.call(this,"airplay")),this.config.controls.includes("fullscreen")&&i.appendChild(p.createButton.call(this,"fullscreen")),this.config.controls.includes("play-large")&&this.elements.container.appendChild(p.createButton.call(this,"play-large")),this.elements.controls=i,this.config.controls.includes("settings")&&this.config.settings.includes("speed")&&p.setSpeedMenu.call(this),i},inject:function(){var e=this;if(this.config.loadSprite){var t=p.getIconUrl.call(this);t.absolute&&s.loadSprite(t.url,"sprite-plyr")}this.id=Math.floor(1e4*Math.random());var i=null;i=s.is.string(this.config.controls)?this.config.controls:s.is.function(this.config.controls)?this.config.controls({id:this.id,seektime:this.config.seekTime,title:this.config.title}):p.create.call(this,{id:this.id,seektime:this.config.seekTime,speed:this.speed,quality:this.quality,captions:p.getLanguage.call(this)});var n=void 0;if(s.is.string(this.config.selectors.controls.container)&&(n=document.querySelector(this.config.selectors.controls.container)),s.is.htmlElement(n)||(n=this.elements.container),s.is.htmlElement(i)?n.appendChild(i):n.insertAdjacentHTML("beforeend",i),s.is.htmlElement(this.elements.controls)&&s.findElements.call(this),this.config.tooltips.controls){var a=s.getElements.call(this,[this.config.selectors.controls.wrapper," ",this.config.selectors.labels," .",this.config.classNames.hidden].join(""));Array.from(a).forEach(function(t){s.toggleClass(t,e.config.classNames.hidden,!1),s.toggleClass(t,e.config.classNames.tooltip,!0),t.setAttribute("role","tooltip")})}}},m={setup:function(){this.supported.ui&&(s.is.empty(r.get.call(this).language)?s.is.empty(this.captions.language)&&(this.captions.language=this.config.captions.language.toLowerCase()):this.captions.language=r.get.call(this).language,s.is.boolean(this.captions.enabled)||(s.is.empty(r.get.call(this).language)?this.captions.enabled=this.config.captions.active:this.captions.enabled=r.get.call(this).captions),["video","vimeo"].includes(this.type)&&("video"!==this.type||a.textTracks)?(s.is.htmlElement(this.elements.captions)||(this.elements.captions=s.createElement("div",s.getAttributesFromSelector(this.config.selectors.captions)),s.insertAfter(this.elements.captions,this.elements.wrapper)),s.toggleClass(this.elements.container,this.config.classNames.captions.enabled,!s.is.empty(m.getTracks.call(this))),s.is.empty(m.getTracks.call(this))||(m.setLanguage.call(this),m.show.call(this),this.config.controls.includes("settings")&&this.config.settings.includes("captions")&&p.setCaptionsMenu.call(this))):this.config.controls.includes("settings")&&this.config.settings.includes("captions")&&p.setCaptionsMenu.call(this))},setLanguage:function(){var e=this;if("video"===this.type){m.getTracks.call(this).forEach(function(t){s.on(t,"cuechange",function(t){return m.setCue.call(e,t)}),t.mode="hidden"});var t=m.getCurrentTrack.call(this);s.is.track(t)&&Array.from(t.activeCues||[]).length&&m.setCue.call(this,t)}else"vimeo"===this.type&&this.captions.active&&this.embed.enableTextTrack(this.language)},getTracks:function(){return s.is.nullOrUndefined(this.media)?[]:Array.from(this.media.textTracks||[]).filter(function(e){return["captions","subtitles"].includes(e.kind)})},getCurrentTrack:function(){var e=this;return m.getTracks.call(this).find(function(t){return t.language.toLowerCase()===e.language})},setCue:function(e){var t=s.is.event(e)?e.target:e,i=t.activeCues[0];t===m.getCurrentTrack.call(this)&&(s.is.cue(i)?m.setText.call(this,i.getCueAsHTML()):m.setText.call(this,null),s.dispatchEvent.call(this,this.media,"cuechange"))},setText:function(e){if(this.supported.ui)if(s.is.htmlElement(this.elements.captions)){var t=s.createElement("span");s.emptyElement(this.elements.captions);var i=s.is.nullOrUndefined(e)?"":e;s.is.string(i)?t.textContent=i.trim():t.appendChild(i),this.elements.captions.appendChild(t)}else this.console.warn("No captions element to render to")},show:function(){if(s.is.htmlElement(this.elements.buttons.captions)){var e=r.get.call(this).captions;s.is.boolean(e)?this.captions.active=e:e=this.config.captions.active,e&&(s.toggleClass(this.elements.container,this.config.classNames.captions.active,!0),s.toggleState(this.elements.buttons.captions,!0))}}},g={setup:function(){var e=this,t=s.parseYouTubeId(this.embedId),i=s.getElements.call(this,'[id^="'+this.type+'-"]');Array.from(i).forEach(s.removeElement),s.toggleClass(this.elements.wrapper,this.config.classNames.embed,!0),g.setAspectRatio.call(this),this.media.setAttribute("id",s.generateId(this.type)),s.is.object(window.YT)?g.ready.call(this,t):(s.loadScript(this.config.urls.youtube.api),window.onYouTubeReadyCallbacks=window.onYouTubeReadyCallbacks||[],window.onYouTubeReadyCallbacks.push(function(){g.ready.call(e,t)}),window.onYouTubeIframeAPIReady=function(){window.onYouTubeReadyCallbacks.forEach(function(e){e()})})},getTitle:function(){var e=this;if(s.is.function(this.embed.getVideoData)){var t=this.embed.getVideoData().title;if(s.is.empty(t))return this.config.title=t,void d.setTitle.call(this)}var i=this.config.keys.google,n=s.parseYouTubeId(this.embedId);if(s.is.string(i)&&!s.is.empty(i)){var a="https://www.googleapis.com/youtube/v3/videos?id="+n+"&key="+i+"&fields=items(snippet(title))&part=snippet";fetch(a).then(function(e){return e.ok?e.json():null}).then(function(t){null!==t&&s.is.object(t)&&(e.config.title=t.items[0].snippet.title,d.setTitle.call(e))}).catch(function(){})}},setAspectRatio:function(){var e=this.config.ratio.split(":");this.elements.wrapper.style.paddingBottom=100/e[0]*e[1]+"%"},ready:function(e){var t=this;t.embed=new window.YT.Player(t.media.id,{videoId:e,playerVars:{autoplay:t.config.autoplay?1:0,controls:t.supported.ui?0:1,rel:0,showinfo:0,iv_load_policy:3,modestbranding:1,disablekb:1,playsinline:1,origin:window&&window.location.hostname,widget_referrer:window&&window.location.href,cc_load_policy:this.captions.active?1:0,cc_lang_pref:this.config.captions.language},events:{onError:function(e){if(!s.is.object(t.media.error)){var i={code:e.data};switch(e.data){case 2:i.message="The request contains an invalid parameter value. For example, this error occurs if you specify a video ID that does not have 11 characters, or if the video ID contains invalid characters, such as exclamation points or asterisks.";break;case 5:i.message="The requested content cannot be played in an HTML5 player or another error related to the HTML5 player has occurred.";break;case 100:i.message="The video requested was not found. This error occurs when a video has been removed (for any reason) or has been marked as private.";break;case 101:case 150:i.message="The owner of the requested video does not allow it to be played in embedded players.";break;default:i.message="An unknown error occured"}t.media.error=i,s.dispatchEvent.call(t,t.media,"error")}},onPlaybackQualityChange:function(e){var i=e.target;t.media.quality=i.getPlaybackQuality(),s.dispatchEvent.call(t,t.media,"qualitychange")},onPlaybackRateChange:function(e){var i=e.target;t.media.playbackRate=i.getPlaybackRate(),s.dispatchEvent.call(t,t.media,"ratechange")},onReady:function(e){var i=e.target;g.getTitle.call(t),t.media.play=function(){i.playVideo(),t.media.paused=!1},t.media.pause=function(){i.pauseVideo(),t.media.paused=!0},t.media.stop=function(){i.stopVideo(),t.media.paused=!0},t.media.duration=i.getDuration(),t.media.paused=!0,t.media.currentTime=0,Object.defineProperty(t.media,"currentTime",{get:function(){return Number(i.getCurrentTime())},set:function(e){t.media.seeking=!0,s.dispatchEvent.call(t,t.media,"seeking"),i.seekTo(e)}}),Object.defineProperty(t.media,"playbackRate",{get:function(){return i.getPlaybackRate()},set:function(e){i.setPlaybackRate(e)}}),Object.defineProperty(t.media,"quality",{get:function(){return i.getPlaybackQuality()},set:function(e){s.dispatchEvent.call(t,t.media,"qualityrequested",!1,{quality:e}),i.setPlaybackQuality(e)}});var n=t.config.volume;Object.defineProperty(t.media,"volume",{get:function(){return n},set:function(e){n=e,i.setVolume(100*n),s.dispatchEvent.call(t,t.media,"volumechange")}});var a=t.config.muted;Object.defineProperty(t.media,"muted",{get:function(){return a},set:function(e){var n=s.is.boolean(e)?e:a;a=n,i[n?"mute":"unMute"](),s.dispatchEvent.call(t,t.media,"volumechange")}}),Object.defineProperty(t.media,"currentSrc",{get:function(){return i.getVideoUrl()}}),Object.defineProperty(t.media,"ended",{get:function(){return t.currentTime===t.duration}}),t.config.controls.includes("settings")&&t.config.settings.includes("speed")&&p.setSpeedMenu.call(t,i.getAvailablePlaybackRates()),t.supported.ui&&t.media.setAttribute("tabindex",-1),s.dispatchEvent.call(t,t.media,"timeupdate"),s.dispatchEvent.call(t,t.media,"durationchange"),window.clearInterval(t.timers.buffering),t.timers.buffering=window.setInterval(function(){t.media.buffered=i.getVideoLoadedFraction(),(null===t.media.lastBuffered||t.media.lastBuffered<t.media.buffered)&&s.dispatchEvent.call(t,t.media,"progress"),t.media.lastBuffered=t.media.buffered,1===t.media.buffered&&(window.clearInterval(t.timers.buffering),s.dispatchEvent.call(t,t.media,"canplaythrough"))},200),window.setTimeout(function(){return d.build.call(t)},50)},onStateChange:function(e){var i=e.target;switch(window.clearInterval(t.timers.playing),e.data){case 0:t.media.paused=!0,t.media.loop?(i.stopVideo(),i.playVideo()):s.dispatchEvent.call(t,t.media,"ended");break;case 1:t.media.seeking&&s.dispatchEvent.call(t,t.media,"seeked"),t.media.seeking=!1,t.media.paused&&s.dispatchEvent.call(t,t.media,"play"),t.media.paused=!1,s.dispatchEvent.call(t,t.media,"playing"),t.timers.playing=window.setInterval(function(){s.dispatchEvent.call(t,t.media,"timeupdate")},50),t.media.duration!==i.getDuration()&&(t.media.duration=i.getDuration(),s.dispatchEvent.call(t,t.media,"durationchange")),p.setQualityMenu.call(t,i.getAvailableQualityLevels());break;case 2:t.media.paused=!0,s.dispatchEvent.call(t,t.media,"pause")}s.dispatchEvent.call(t,t.elements.container,"statechange",!1,{code:e.data})}}})}},f={setup:function(){var e=this,t=s.getElements.call(this,'[id^="'+this.type+'-"]');Array.from(t).forEach(s.removeElement),s.toggleClass(this.elements.wrapper,this.config.classNames.embed,!0),f.setAspectRatio.call(this),this.media.setAttribute("id",s.generateId(this.type)),s.is.object(window.Vimeo)?f.ready.call(this):s.loadScript(this.config.urls.vimeo.api,function(){f.ready.call(e)})},setAspectRatio:function(e){var t=s.is.string(e)?e.split(":"):this.config.ratio.split(":"),i=100/t[0]*t[1],n=(200-i)/4;this.elements.wrapper.style.paddingBottom=i+"%",this.media.style.transform="translateY(-"+n+"%)"},ready:function(){var e=this,t=this,i={loop:t.config.loop.active,autoplay:t.autoplay,byline:!1,portrait:!1,title:!1,speed:!0,transparent:0,gesture:"media"},n=s.buildUrlParameters(i),a=s.parseVimeoId(t.embedId),l=s.createElement("iframe"),o="https://player.vimeo.com/video/"+a+"?"+n;l.setAttribute("src",o),l.setAttribute("allowfullscreen",""),t.media.appendChild(l),t.embed=new window.Vimeo.Player(l),t.media.paused=!0,t.media.currentTime=0,t.media.play=function(){t.embed.play().then(function(){t.media.paused=!1})},t.media.pause=function(){t.embed.pause().then(function(){t.media.paused=!0})},t.media.stop=function(){t.embed.stop().then(function(){t.media.paused=!0,t.currentTime=0})};var r=t.media.currentTime;Object.defineProperty(t.media,"currentTime",{get:function(){return r},set:function(e){var i=t.media.paused;t.media.seeking=!0,s.dispatchEvent.call(t,t.media,"seeking"),t.embed.setCurrentTime(e),i&&t.pause()}});var c=t.config.speed.selected;Object.defineProperty(t.media,"playbackRate",{get:function(){return c},set:function(e){t.embed.setPlaybackRate(e).then(function(){c=e,s.dispatchEvent.call(t,t.media,"ratechange")})}});var u=t.config.volume;Object.defineProperty(t.media,"volume",{get:function(){return u},set:function(e){t.embed.setVolume(e).then(function(){u=e,s.dispatchEvent.call(t,t.media,"volumechange")})}});var h=t.config.muted;Object.defineProperty(t.media,"muted",{get:function(){return h},set:function(e){var i=!!s.is.boolean(e)&&e;t.embed.setVolume(i?0:t.config.volume).then(function(){h=i,s.dispatchEvent.call(t,t.media,"volumechange")})}});var g=t.config.loop;Object.defineProperty(t.media,"loop",{get:function(){return g},set:function(e){var i=s.is.boolean(e)?e:t.config.loop.active;t.embed.setLoop(i).then(function(){g=i})}});var y=void 0;t.embed.getVideoUrl().then(function(e){y=e}),Object.defineProperty(t.media,"currentSrc",{get:function(){return y}}),Object.defineProperty(t.media,"ended",{get:function(){return t.currentTime===t.duration}}),Promise.all([t.embed.getVideoWidth(),t.embed.getVideoHeight()]).then(function(t){var i=s.getAspectRatio(t[0],t[1]);f.setAspectRatio.call(e,i)}),t.embed.setAutopause(t.config.autopause).then(function(e){t.config.autopause=e}),t.config.controls.includes("settings")&&t.config.settings.includes("speed")&&p.setSpeedMenu.call(t),t.embed.getVideoTitle().then(function(i){t.config.title=i,d.setTitle.call(e)}),t.embed.getCurrentTime().then(function(e){r=e,s.dispatchEvent.call(t,t.media,"timeupdate")}),t.embed.getDuration().then(function(e){t.media.duration=e,s.dispatchEvent.call(t,t.media,"durationchange")}),t.embed.getTextTracks().then(function(e){t.media.textTracks=e,m.setup.call(t)}),t.embed.on("cuechange",function(e){var i=null;e.cues.length&&(i=s.stripHTML(e.cues[0].text)),m.setText.call(t,i)}),t.embed.on("loaded",function(){s.is.htmlElement(t.embed.element)&&t.supported.ui&&t.embed.element.setAttribute("tabindex",-1)}),t.embed.on("play",function(){t.media.paused&&s.dispatchEvent.call(t,t.media,"play"),t.media.paused=!1,s.dispatchEvent.call(t,t.media,"playing")}),t.embed.on("pause",function(){t.media.paused=!0,s.dispatchEvent.call(t,t.media,"pause")}),t.embed.on("timeupdate",function(e){t.media.seeking=!1,r=e.seconds,s.dispatchEvent.call(t,t.media,"timeupdate")}),t.embed.on("progress",function(e){t.media.buffered=e.percent,s.dispatchEvent.call(t,t.media,"progress"),1===parseInt(e.percent,10)&&s.dispatchEvent.call(t,t.media,"canplaythrough")}),t.embed.on("seeked",function(){t.media.seeking=!1,s.dispatchEvent.call(t,t.media,"seeked"),s.dispatchEvent.call(t,t.media,"play")}),t.embed.on("ended",function(){t.media.paused=!0,s.dispatchEvent.call(t,t.media,"ended")}),t.embed.on("error",function(e){t.media.error=e,s.dispatchEvent.call(t,t.media,"error")}),window.setTimeout(function(){return d.build.call(t)},0)}},y=s.getBrowser(),b={setup:function(){if(this.media)if(s.toggleClass(this.elements.container,this.config.classNames.type.replace("{0}",this.type),!0),this.isEmbed&&s.toggleClass(this.elements.container,this.config.classNames.type.replace("{0}","video"),!0),this.supported.ui&&(s.toggleClass(this.elements.container,this.config.classNames.pip.supported,a.pip&&"video"===this.type),s.toggleClass(this.elements.container,this.config.classNames.airplay.supported,a.airplay&&this.isHTML5),s.toggleClass(this.elements.container,this.config.classNames.stopped,this.config.autoplay),s.toggleClass(this.elements.container,this.config.classNames.isIos,y.isIos),s.toggleClass(this.elements.container,this.config.classNames.isTouch,a.touch)),["video","youtube","vimeo"].includes(this.type)&&(this.elements.wrapper=s.createElement("div",{class:this.config.classNames.video}),s.wrap(this.media,this.elements.wrapper)),this.isEmbed)switch(this.type){case"youtube":g.setup.call(this);break;case"vimeo":f.setup.call(this)}else this.isHTML5&&d.setTitle.call(this);else this.console.warn("No media element found!")},cancelRequests:function(){this.isHTML5&&(Array.from(this.media.querySelectorAll("source")).forEach(s.removeElement),this.media.setAttribute("src",this.config.blankVideo),this.media.load(),this.console.log("Cancelled network requests"))}},v={insertElements:function(e,t){var i=this;s.is.string(t)?s.insertElement(e,this.media,{src:t}):s.is.array(t)&&t.forEach(function(t){s.insertElement(e,i.media,t)})},change:function(e){var t=this;s.is.object(e)&&"sources"in e&&e.sources.length?(b.cancelRequests.call(this),this.destroy.call(this,function(){if(s.removeElement(t.media),t.media=null,s.is.htmlElement(t.elements.container)&&t.elements.container.removeAttribute("class"),"type"in e&&(t.type=e.type,"video"===t.type)){var i=e.sources[0];"type"in i&&n.embed.includes(i.type)&&(t.type=i.type)}switch(t.supported=a.check(t.type,t.config.inline),t.type){case"video":t.media=s.createElement("video");break;case"audio":t.media=s.createElement("audio");break;case"youtube":case"vimeo":t.media=s.createElement("div"),t.embedId=e.sources[0].src}t.elements.container.appendChild(t.media),s.is.boolean(e.autoplay)&&(t.config.autoplay=e.autoplay),t.isHTML5&&(t.config.crossorigin&&t.media.setAttribute("crossorigin",""),t.config.autoplay&&t.media.setAttribute("autoplay",""),"poster"in e&&t.media.setAttribute("poster",e.poster),t.config.loop.active&&t.media.setAttribute("loop",""),t.config.muted&&t.media.setAttribute("muted",""),t.config.inline&&t.media.setAttribute("playsinline","")),s.toggleClass(t.elements.container,t.config.classNames.captions.active,t.supported.ui&&t.captions.enabled),d.addStyleHook.call(t),t.isHTML5&&v.insertElements.call(t,"source",e.sources),t.config.title=e.title,b.setup.call(t),t.isHTML5&&("tracks"in e&&v.insertElements.call(t,"track",e.tracks),t.media.load()),(t.isHTML5||t.isEmbed&&!t.supported.ui)&&d.build.call(t)},!0)):this.console.warn("Invalid source format")}},k=(function(){function e(e){this.value=e}function t(t){function i(s,a){try{var l=t[s](a),o=l.value;o instanceof e?Promise.resolve(o.value).then(function(e){i("next",e)},function(e){i("throw",e)}):n(l.done?"return":"normal",l.value)}catch(e){n("throw",e)}}function n(e,t){switch(e){case"return":s.resolve({value:t,done:!0});break;case"throw":s.reject(t);break;default:s.resolve({value:t,done:!1})}(s=s.next)?i(s.key,s.arg):a=null}var s,a;this._invoke=function(e,t){return new Promise(function(n,l){var o={key:e,arg:t,resolve:n,reject:l,next:null};a?a=a.next=o:(s=a=o,i(e,t))})},"function"!=typeof t.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(t.prototype[Symbol.asyncIterator]=function(){return this}),t.prototype.next=function(e){return this._invoke("next",e)},t.prototype.throw=function(e){return this._invoke("throw",e)},t.prototype.return=function(e){return this._invoke("return",e)}}(),function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}),w=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),E={x:0,y:0};return function(){function e(t,n){var l=this;if(k(this,e),this.timers={},this.ready=!1,this.media=t,s.is.string(this.media)&&(this.media=document.querySelectorAll(this.media)),(window.jQuery&&this.media instanceof jQuery||s.is.nodeList(this.media)||s.is.array(this.media))&&(this.media=this.media[0]),this.config=s.extend({},i,n,function(){try{return JSON.parse(l.media.getAttribute("data-plyr"))}catch(e){return null}}()),this.elements={container:null,buttons:{},display:{},progress:{},inputs:{},settings:{menu:null,panes:{},tabs:{}},captions:null},this.captions={enabled:null,currentTrack:null},this.fullscreen={active:!1},this.options={speed:[],quality:[]},this.console={log:function(){},warn:function(){},error:function(){}},this.config.debug&&"console"in window&&(this.console={log:console.log,warn:console.warn,error:console.error},this.console.log("Debugging enabled")),this.console.log("Config",this.config),this.console.log("Support",a),!s.is.nullOrUndefined(this.media)&&s.is.htmlElement(this.media))if(this.media.plyr)this.console.warn("Target already setup");else if(this.config.enabled)if(a.check().api){this.elements.original=this.media.cloneNode(!0);var o=this.media.tagName.toLowerCase();switch(o){case"div":if(this.type=this.media.getAttribute("data-type"),this.embedId=this.media.getAttribute("data-video-id"),s.is.empty(this.type))return void this.console.error("Setup failed: embed type missing");if(s.is.empty(this.embedId))return void this.console.error("Setup failed: video id missing");this.media.removeAttribute("data-type"),this.media.removeAttribute("data-video-id");break;case"video":case"audio":this.type=o,this.media.hasAttribute("crossorigin")&&(this.config.crossorigin=!0),this.media.hasAttribute("autoplay")&&(this.config.autoplay=!0),this.media.hasAttribute("playsinline")&&(this.config.inline=!0),this.media.hasAttribute("muted")&&(this.config.muted=!0),this.media.hasAttribute("loop")&&(this.config.loop.active=!0);break;default:return void this.console.error("Setup failed: unsupported type")}r.setup.call(this),this.supported=a.check(this.type,this.config.inline),this.supported.api?(this.media.plyr=this,this.elements.container=s.createElement("div"),s.wrap(this.media,this.elements.container),this.elements.container.setAttribute("tabindex",0),u.global.call(this),d.addStyleHook.call(this),b.setup.call(this),this.config.debug&&s.on(this.elements.container,this.config.events.join(" "),function(e){l.console.log("event: "+e.type)}),(this.isHTML5||this.isEmbed&&!this.supported.ui)&&d.build.call(this)):this.console.error("Setup failed: no support")}else this.console.error("Setup failed: no support");else this.console.error("Setup failed: disabled by config");else this.console.error("Setup failed: no suitable element passed")}return w(e,[{key:"play",value:function(){return"play"in this.media&&this.media.play(),this}},{key:"pause",value:function(){return"pause"in this.media&&this.media.pause(),this}},{key:"togglePlay",value:function(e){return!s.is.boolean(e)&&this.media.paused||e?this.play():this.pause()}},{key:"stop",value:function(){return this.restart().pause()}},{key:"restart",value:function(){return this.currentTime=0,this}},{key:"rewind",value:function(e){return this.currentTime=this.currentTime-(s.is.number(e)?e:this.config.seekTime),this}},{key:"forward",value:function(e){return this.currentTime=this.currentTime+(s.is.number(e)?e:this.config.seekTime),this}},{key:"increaseVolume",value:function(e){var t=this.media.muted?0:this.volume;return this.volume=t+s.is.number(e)?e:1,this}},{key:"decreaseVolume",value:function(e){var t=this.media.muted?0:this.volume;return this.volume=t-s.is.number(e)?e:1,this}},{key:"toggleCaptions",value:function(e){if(!this.supported.ui||!s.is.htmlElement(this.elements.buttons.captions))return this;var t=s.is.boolean(e)?e:-1===this.elements.container.className.indexOf(this.config.classNames.captions.active);return this.captions.enabled===t?this:(this.captions.enabled=t,s.toggleState(this.elements.buttons.captions,this.captions.enabled),s.toggleClass(this.elements.container,this.config.classNames.captions.active,this.captions.enabled),s.dispatchEvent.call(this,this.media,this.captions.enabled?"captionsenabled":"captionsdisabled"),this)}},{key:"toggleFullscreen",value:function(e){if(o.enabled){if(!s.is.event(e)||e.type!==o.eventType)return this.fullscreen.active?o.cancelFullScreen():o.requestFullScreen(this.elements.container),this;this.fullscreen.active=o.isFullScreen(this.elements.container)}else this.fullscreen.active=!this.fullscreen.active,s.toggleClass(this.elements.container,this.config.classNames.fullscreen.fallback,this.fullscreen.active),this.fullscreen.active?E={x:window.pageXOffset||0,y:window.pageYOffset||0}:window.scrollTo(E.x,E.y),document.body.style.overflow=this.fullscreen.active?"hidden":"";return s.is.htmlElement(this.elements.buttons.fullscreen)&&s.toggleState(this.elements.buttons.fullscreen,this.fullscreen.active),s.dispatchEvent.call(this,this.media,this.fullscreen.active?"enterfullscreen":"exitfullscreen"),this}},{key:"airplay",value:function(){return a.airplay?(this.media.webkitShowPlaybackTargetPicker(),this):this}},{key:"toggleControls",value:function(e){var t=this;if(!s.is.htmlElement(this.elements.controls))return this;if(!this.supported.ui||"audio"===this.type)return this;var i=0,n=e,l=!1;if(s.is.boolean(e)||(s.is.event(e)?(l="enterfullscreen"===e.type,n=["mouseenter","mousemove","touchstart","touchmove","focusin"].includes(e.type),["mousemove","touchmove","touchend"].includes(e.type)&&(i=2e3),"focusin"===e.type&&(i=3e3,s.toggleClass(this.elements.controls,this.config.classNames.noTransition,!0))):n=s.hasClass(this.elements.container,this.config.classNames.hideControls)),window.clearTimeout(this.timers.controls),n||this.paused||this.loading){if(s.toggleClass(this.elements.container,this.config.classNames.hideControls,!1)&&s.dispatchEvent.call(this,this.media,"controlsshown"),this.paused||this.loading)return this;a.touch&&(i=3e3)}return n&&!this.playing||(this.timers.controls=window.setTimeout(function(){console.warn({pressed:t.elements.controls.pressed,hover:t.elements.controls.pressed,playing:t.playing,paused:t.paused,loading:t.loading}),(!t.elements.controls.pressed&&!t.elements.controls.hover||l)&&(s.hasClass(t.elements.container,t.config.classNames.hideControls)||s.toggleClass(t.elements.controls,t.config.classNames.noTransition,!1),s.toggleClass(t.elements.container,t.config.classNames.hideControls,!0)&&(s.dispatchEvent.call(t,t.media,"controlshidden"),t.config.controls.includes("settings")&&!s.is.empty(t.config.settings)&&p.toggleMenu.call(t,!1)))},i)),this}},{key:"on",value:function(e,t){return s.on(this.elements.container,e,t),this}},{key:"off",value:function(e,t){return s.off(this.elements.container,e,t),this}},{key:"supports",value:function(e){return a.mime.call(this,e)}},{key:"destroy",value:function(e){var t=this,i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=function(){if(document.body.style.overflow="",t.embed=null,t.embedId=null,i)Object.keys(t.elements).length&&(t.elements.buttons&&t.elements.buttons.play&&Array.from(t.elements.buttons.play).forEach(function(e){return s.removeElement(e)}),s.removeElement(t.elements.captions),s.removeElement(t.elements.controls),s.removeElement(t.elements.wrapper),t.elements.buttons.play=null,t.elements.captions=null,t.elements.controls=null,t.elements.wrapper=null),s.is.function(e)&&e();else{var n=t.elements.container.parentNode;s.is.htmlElement(n)&&n.replaceChild(t.elements.original,t.elements.container),s.dispatchEvent.call(t,t.elements.original,"destroyed",!0),s.is.function(e)&&e.call(t.elements.original),t.elements=null}};switch(this.type){case"youtube":window.clearInterval(this.timers.buffering),window.clearInterval(this.timers.playing),this.embed.destroy(),n();break;case"vimeo":this.embed.unload().then(n),window.setTimeout(n,200);break;case"video":case"audio":d.toggleNativeControls.call(this,!0),n()}}},{key:"isHTML5",get:function(){return n.html5.includes(this.type)}},{key:"isEmbed",get:function(){return n.embed.includes(this.type)}},{key:"paused",get:function(){return this.media.paused}},{key:"playing",get:function(){return!this.paused&&!this.ended&&(!this.isHTML5||this.media.readyState>2)}},{key:"ended",get:function(){return this.media.ended}},{key:"currentTime",set:function(e){var t=0;s.is.number(e)&&(t=e),t<0?t=0:t>this.duration&&(t=this.duration),this.media.currentTime=t.toFixed(4),this.console.log("Seeking to "+this.currentTime+" seconds")},get:function(){return Number(this.media.currentTime)}},{key:"seeking",get:function(){return this.media.seeking}},{key:"duration",get:function(){var e=parseInt(this.config.duration,10),t=Number(this.media.duration);return Number.isNaN(e)?t:e}},{key:"volume",set:function(e){var t=e;s.is.string(t)&&(t=Number(t)),s.is.number(t)||(t=r.get.call(this).volume),s.is.number(t)||(t=this.config.volume),t>1&&(t=1),t<0&&(t=0),this.config.volume=t,this.media.volume=t,this.muted&&t>0&&(this.muted=!1)},get:function(){return this.media.volume}},{key:"muted",set:function(e){var t=e;s.is.boolean(t)||(t=r.get.call(this).muted),s.is.boolean(t)||(t=this.config.muted),this.config.muted=t,this.media.muted=t},get:function(){return this.media.muted}},{key:"hasAudio",get:function(){return!this.isHTML5||(this.media.mozHasAudio||Boolean(this.media.webkitAudioDecodedByteCount)||Boolean(this.media.audioTracks&&this.media.audioTracks.length))}},{key:"speed",set:function(e){var t=null;(t=s.is.number(e)?e:s.is.number(r.get.call(this).speed)?r.get.call(this).speed:this.config.speed.selected)<.1&&(t=.1),t>2&&(t=2),this.config.speed.options.includes(t)?(this.config.speed.selected=t,this.media.playbackRate=t):this.console.warn("Unsupported speed ("+t+")")},get:function(){return this.media.playbackRate}},{key:"quality",set:function(e){var t=null;t=s.is.string(e)?e:s.is.number(r.get.call(this).quality)?r.get.call(this).quality:this.config.quality.selected,this.options.quality.includes(t)?(this.config.quality.selected=t,this.media.quality=t):this.console.warn("Unsupported quality option ("+t+")")},get:function(){return this.media.quality}},{key:"loop",set:function(e){var t=s.is.boolean(e)?e:this.config.loop.active;this.config.loop.active=t,this.media.loop=t},get:function(){return this.media.loop}},{key:"source",set:function(e){v.change.call(this,e)},get:function(){return this.media.currentSrc}},{key:"poster",set:function(e){this.isHTML5&&"video"===this.type?s.is.string(e)&&this.media.setAttribute("poster",e):this.console.warn("Poster can only be set on HTML5 video")},get:function(){return this.isHTML5&&"video"===this.type?this.media.getAttribute("poster"):null}},{key:"autoplay",set:function(e){var t=s.is.boolean(e)?e:this.config.autoplay;this.config.autoplay=t},get:function(){return this.config.autoplay}},{key:"language",set:function(e){if(s.is.string(e)&&(this.toggleCaptions(!s.is.empty(e)),!s.is.empty(e))){var t=e.toLowerCase();this.language!==t&&(this.captions.language=t,m.setText.call(this,null),m.setLanguage.call(this),s.dispatchEvent.call(this,this.media,"languagechange"))}},get:function(){return this.captions.language}},{key:"pip",set:function(e){var t={pip:"picture-in-picture",inline:"inline"};if(a.pip){var i=s.is.boolean(e)?e:this.pip===t.inline;this.media.webkitSetPresentationMode(i?t.pip:t.inline)}},get:function(){return a.pip?this.media.webkitPresentationMode:null}}]),e}()}); +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define("Plyr",t):e.Plyr=t()}(this,function(){"use strict";function e(){var e=window.localStorage.getItem(this.config.storage.key);return s.is.empty(e)?{}:JSON.parse(e)}function t(t){if(a.storage&&this.config.storage.enabled&&s.is.object(t)){var i=e.call(this);s.extend(i,t),window.localStorage.setItem(this.config.storage.key,JSON.stringify(i))}}var i={enabled:!0,title:"",debug:!1,autoplay:!1,autopause:!1,seekTime:10,volume:1,muted:!1,duration:null,displayDuration:!0,invertTime:!0,toggleInvert:!0,ratio:"16:9",clickToPlay:!0,hideControls:!0,showPosterOnEnd:!1,disableContextMenu:!0,loadSprite:!0,iconPrefix:"plyr",iconUrl:"https://cdn.plyr.io/2.0.10/plyr.svg",blankVideo:"https://cdn.plyr.io/static/blank.mp4",quality:{default:"default",options:["hd2160","hd1440","hd1080","hd720","large","medium","small","tiny","default"]},loop:{active:!1},speed:{selected:1,options:[.5,.75,1,1.25,1.5,1.75,2]},keyboard:{focused:!0,global:!1},tooltips:{controls:!1,seek:!0},captions:{active:!1,language:window.navigator.language.split("-")[0]},fullscreen:{enabled:!0,fallback:!0},storage:{enabled:!0,key:"plyr"},controls:["play-large","play","progress","current-time","mute","volume","captions","settings","pip","airplay","fullscreen"],settings:["captions","quality","speed","loop"],i18n:{restart:"Restart",rewind:"Rewind {seektime} secs",play:"Play",pause:"Pause",forward:"Forward {seektime} secs",seek:"Seek",played:"Played",buffered:"Buffered",currentTime:"Current time",duration:"Duration",volume:"Volume",mute:"Mute",unmute:"Unmute",enableCaptions:"Enable captions",disableCaptions:"Disable captions",enterFullscreen:"Enter fullscreen",exitFullscreen:"Exit fullscreen",frameTitle:"Player for {title}",captions:"Captions",settings:"Settings",speed:"Speed",quality:"Quality",loop:"Loop",start:"Start",end:"End",all:"All",reset:"Reset",none:"None",disabled:"Disabled"},urls:{vimeo:{api:"https://player.vimeo.com/api/player.js"},youtube:{api:"https://www.youtube.com/iframe_api"}},listeners:{seek:null,play:null,pause:null,restart:null,rewind:null,forward:null,mute:null,volume:null,captions:null,fullscreen:null,pip:null,airplay:null,speed:null,quality:null,loop:null,language:null},events:["ended","progress","stalled","playing","waiting","canplay","canplaythrough","loadstart","loadeddata","loadedmetadata","timeupdate","volumechange","play","pause","error","seeking","seeked","emptied","ratechange","cuechange","enterfullscreen","exitfullscreen","captionsenabled","captionsdisabled","languagechange","controlshidden","controlsshown","ready","statechange","qualitychange","qualityrequested"],selectors:{editable:"input, textarea, select, [contenteditable]",container:".plyr",controls:{container:null,wrapper:".plyr__controls"},labels:"[data-plyr]",buttons:{play:'[data-plyr="play"]',pause:'[data-plyr="pause"]',restart:'[data-plyr="restart"]',rewind:'[data-plyr="rewind"]',forward:'[data-plyr="fast-forward"]',mute:'[data-plyr="mute"]',captions:'[data-plyr="captions"]',fullscreen:'[data-plyr="fullscreen"]',pip:'[data-plyr="pip"]',airplay:'[data-plyr="airplay"]',settings:'[data-plyr="settings"]',loop:'[data-plyr="loop"]'},inputs:{seek:'[data-plyr="seek"]',volume:'[data-plyr="volume"]',speed:'[data-plyr="speed"]',language:'[data-plyr="language"]',quality:'[data-plyr="quality"]'},display:{currentTime:".plyr__time--current",duration:".plyr__time--duration",buffer:".plyr__progress--buffer",played:".plyr__progress--played",loop:".plyr__progress--loop",volume:".plyr__volume--display"},progress:".plyr__progress",captions:".plyr__captions",menu:{quality:".js-plyr__menu__list--quality"}},classNames:{video:"plyr__video-wrapper",embed:"plyr__video-embed",control:"plyr__control",type:"plyr--{0}",stopped:"plyr--stopped",playing:"plyr--playing",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",uiSupported:"plyr--full-ui",noTransition:"plyr--no-transition",menu:{value:"plyr__menu__value",badge:"plyr__badge"},captions:{enabled:"plyr--captions-enabled",active:"plyr--captions-active"},fullscreen:{enabled:"plyr--fullscreen-enabled",fallback:"plyr--fullscreen-fallback"},pip:{supported:"plyr--pip-supported",active:"plyr--pip-active"},airplay:{supported:"plyr--airplay-supported",active:"plyr--airplay-active"},tabFocus:"plyr__tab-focus"},keys:{google:null}},n={embed:["youtube","vimeo"],html5:["video","audio"]},s={is:{object:function(e){return this.getConstructor(e)===Object},number:function(e){return this.getConstructor(e)===Number&&!Number.isNaN(e)},string:function(e){return this.getConstructor(e)===String},boolean:function(e){return this.getConstructor(e)===Boolean},function:function(e){return this.getConstructor(e)===Function},array:function(e){return!this.nullOrUndefined(e)&&Array.isArray(e)},nodeList:function(e){return this.instanceof(e,window.NodeList)},htmlElement:function(e){return this.instanceof(e,window.HTMLElement)},textNode:function(e){return this.getConstructor(e)===Text},event:function(e){return this.instanceof(e,window.Event)},cue:function(e){return this.instanceof(e,window.TextTrackCue)||this.instanceof(e,window.VTTCue)},track:function(e){return this.instanceof(e,window.TextTrack)||!this.nullOrUndefined(e)&&this.string(e.kind)},nullOrUndefined:function(e){return null===e||void 0===e},empty:function(e){return this.nullOrUndefined(e)||(this.string(e)||this.array(e)||this.nodeList(e))&&!e.length||this.object(e)&&!Object.keys(e).length},instanceof:function(e,t){return Boolean(e&&t&&e instanceof t)},getConstructor:function(e){return this.nullOrUndefined(e)?null:e.constructor}},getBrowser:function(){return{isIE:!!document.documentMode,isWebkit:"WebkitAppearance"in document.documentElement.style&&!/Edge/.test(navigator.userAgent),isIPhone:/(iPhone|iPod)/gi.test(navigator.platform),isIos:/(iPad|iPhone|iPod)/gi.test(navigator.platform)}},loadScript:function(e,t){if(!document.querySelectorAll('script[src="'+e+'"]').length){var i=document.createElement("script");i.src=e;var n=document.getElementsByTagName("script")[0];s.is.function(t)&&i.addEventListener("load",function(e){return t.call(null,e)},!1),n.parentNode.insertBefore(i,n)}},loadSprite:function(e,t){function i(e){this.innerHTML=e,document.body.insertBefore(this,document.body.childNodes[0])}if(s.is.string(e)){var n=s.is.string(t);if(!n||!document.querySelectorAll("#"+t).length){var l=document.createElement("div");if(s.toggleHidden(l,!0),n&&l.setAttribute("id",t),a.storage){var o=window.localStorage.getItem("cache-"+t);if(null!==o){var r=JSON.parse(o);return void i.call(l,r.content)}}fetch(e).then(function(e){return e.ok?e.text():null}).then(function(e){null!==e&&(a.storage&&window.localStorage.setItem("cache-"+t,JSON.stringify({content:e})),i.call(l,e))}).catch(function(){})}}},generateId:function(e){return e+"-"+Math.floor(1e4*Math.random())},inFrame:function(){try{return window.self!==window.top}catch(e){return!0}},wrap:function(e,t){var i=e.length?e:[e];Array.from(i).reverse().forEach(function(e,i){var n=i>0?t.cloneNode(!0):t,s=e.parentNode,a=e.nextSibling;n.appendChild(e),a?s.insertBefore(n,a):s.appendChild(n)})},createElement:function(e,t,i){var n=document.createElement(e);return s.is.object(t)&&s.setAttributes(n,t),s.is.string(i)&&(n.textContent=i),n},insertAfter:function(e,t){t.parentNode.insertBefore(e,t.nextSibling)},insertElement:function(e,t,i,n){t.appendChild(s.createElement(e,i,n))},removeElement:function(e){return s.is.htmlElement(e)&&s.is.htmlElement(e.parentNode)?(e.parentNode.removeChild(e),e):null},emptyElement:function(e){for(var t=e.childNodes.length;t>0;)e.removeChild(e.lastChild),t-=1},setAttributes:function(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})},getAttributesFromSelector:function(e,t){if(!s.is.string(e)||s.is.empty(e))return{};var i={},n=t;return e.split(",").forEach(function(e){var t=e.trim(),a=t.replace(".",""),l=t.replace(/[[\]]/g,"").split("="),o=l[0],r=l.length>1?l[1].replace(/["']/g,""):"";switch(t.charAt(0)){case".":s.is.object(n)&&s.is.string(n.class)&&(n.class+=" "+a),i.class=a;break;case"#":i.id=t.replace("#","");break;case"[":i[o]=r}}),i},toggleClass:function(e,t,i){if(s.is.htmlElement(e)){var n=e.classList.contains(t);return e.classList[i?"add":"remove"](t),i&&!n||!i&&n}return null},hasClass:function(e,t){return s.is.htmlElement(e)&&e.classList.contains(t)},toggleHidden:function(e,t){s.is.htmlElement(e)&&(t?e.setAttribute("hidden",""):e.removeAttribute("hidden"))},matches:function(e,t){var i={Element:Element},n=i.matches||i.webkitMatchesSelector||i.mozMatchesSelector||i.msMatchesSelector||function(){return Array.from(document.querySelectorAll(t)).includes(this)};return n.call(e,t)},getElements:function(e){return this.elements.container.querySelectorAll(e)},getElement:function(e){return this.elements.container.querySelector(e)},findElements:function(){try{return this.elements.controls=s.getElement.call(this,this.config.selectors.controls.wrapper),this.elements.buttons={play:s.getElements.call(this,this.config.selectors.buttons.play),pause:s.getElement.call(this,this.config.selectors.buttons.pause),restart:s.getElement.call(this,this.config.selectors.buttons.restart),rewind:s.getElement.call(this,this.config.selectors.buttons.rewind),forward:s.getElement.call(this,this.config.selectors.buttons.forward),mute:s.getElement.call(this,this.config.selectors.buttons.mute),pip:s.getElement.call(this,this.config.selectors.buttons.pip),airplay:s.getElement.call(this,this.config.selectors.buttons.airplay),settings:s.getElement.call(this,this.config.selectors.buttons.settings),captions:s.getElement.call(this,this.config.selectors.buttons.captions),fullscreen:s.getElement.call(this,this.config.selectors.buttons.fullscreen)},this.elements.progress=s.getElement.call(this,this.config.selectors.progress),this.elements.inputs={seek:s.getElement.call(this,this.config.selectors.inputs.seek),volume:s.getElement.call(this,this.config.selectors.inputs.volume)},this.elements.display={buffer:s.getElement.call(this,this.config.selectors.display.buffer),duration:s.getElement.call(this,this.config.selectors.display.duration),currentTime:s.getElement.call(this,this.config.selectors.display.currentTime)},s.is.htmlElement(this.elements.progress)&&(this.elements.display.seekTooltip=this.elements.progress.querySelector("."+this.config.classNames.tooltip)),!0}catch(e){return this.console.warn("It looks like there is a problem with your custom controls HTML",e),this.toggleNativeControls(!0),!1}},getFocusElement:function(){var e=document.activeElement;return e=e&&e!==document.body?document.querySelector(":focus"):null},trapFocus:function(){var e=this,t=s.getElements.call(this,"button:not(:disabled), input:not(:disabled), [tabindex]"),i=t[0],n=t[t.length-1];s.on(this.elements.container,"keydown",function(t){if("Tab"===t.key&&9===t.keyCode&&e.fullscreen.active){var a=s.getFocusElement();a!==n||t.shiftKey?a===i&&t.shiftKey&&(n.focus(),t.preventDefault()):(i.focus(),t.preventDefault())}},!1)},toggleListener:function(e,t,i,n,l,o){if(!s.is.nullOrUndefined(e))if(s.is.nodeList(e))Array.from(e).forEach(function(e){e instanceof Node&&s.toggleListener.call(null,e,t,i,n,l,o)});else{var r=t.split(" "),c=!!s.is.boolean(o)&&o;a.passiveListeners&&(c={passive:!s.is.boolean(l)||l,capture:!!s.is.boolean(o)&&o}),r.forEach(function(t){e[n?"addEventListener":"removeEventListener"](t,i,c)})}},on:function(e,t,i,n,a){s.toggleListener(e,t,i,!0,n,a)},off:function(e,t,i,n,a){s.toggleListener(e,t,i,!1,n,a)},dispatchEvent:function(e,t,i,n){if(e&&t){var a=new CustomEvent(t,{bubbles:!!s.is.boolean(i)&&i,detail:Object.assign({},n,{plyr:this instanceof Plyr?this:null})});e.dispatchEvent(a)}},toggleState:function(e,t){if(s.is.htmlElement(e)){var i="true"===e.getAttribute("aria-pressed"),n=s.is.boolean(t)?t:!i;e.setAttribute("aria-pressed",n)}},getPercentage:function(e,t){return 0===e||0===t||Number.isNaN(e)||Number.isNaN(t)?0:(e/t*100).toFixed(2)},extend:function(){for(var e=arguments.length,t=Array(e),i=0;i<e;i++)t[i]=arguments[i];var n=t.length;if(!n)return null;if(1===n)return t[0];var a=Array.prototype.shift.call(t);return s.is.object(a)||(a={}),t.forEach(function(e){s.is.object(e)&&Object.keys(e).forEach(function(t){e[t]&&e[t].constructor&&e[t].constructor===Object?(a[t]=a[t]||{},s.extend(a[t],e[t])):a[t]=e[t]})}),a},parseYouTubeId:function(e){return e.match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/)?RegExp.$2:e},parseVimeoId:function(e){if(s.is.number(Number(e)))return e;return e.match(/^.*(vimeo.com\/|video\/)(\d+).*/)?RegExp.$2:e},buildUrlParameters:function(e){return s.is.object(e)?Object.keys(e).map(function(t){return encodeURIComponent(t)+"="+encodeURIComponent(e[t])}).join("&"):""},stripHTML:function(e){var t=document.createDocumentFragment(),i=document.createElement("div");return t.appendChild(i),i.innerHTML=e,t.firstChild.innerText},getAspectRatio:function(e,t){var i=function e(t,i){return 0===i?t:e(i,t%i)}(e,t);return e/i+":"+t/i},transitionEnd:function(){var e=document.createElement("span"),t=Object.keys({WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"}).find(function(t){return void 0!==e.style[t]});return"string"==typeof t&&t}()},a={audio:"canPlayType"in document.createElement("audio"),video:"canPlayType"in document.createElement("video"),check:function(e,t){var i=!1,n=!1,l=s.getBrowser(),o=l.isIPhone&&t&&a.inline;switch(e){case"video":n=(i=a.video)&&a.rangeInput&&(!l.isIPhone||o);break;case"audio":n=(i=a.audio)&&a.rangeInput;break;case"youtube":i=!0,n=a.rangeInput&&(!l.isIPhone||o);break;case"vimeo":i=!0,n=a.rangeInput&&!l.isIPhone;break;default:n=(i=a.audio&&a.video)&&a.rangeInput}return{api:i,ui:n}},storage:function(){if(!("localStorage"in window))return!1;try{return window.localStorage.setItem("___test","___test"),window.localStorage.removeItem("___test"),!0}catch(e){return!1}}(),pip:!s.getBrowser().isIPhone&&s.is.function(s.createElement("video").webkitSetPresentationMode),airplay:s.is.function(window.WebKitPlaybackTargetAvailabilityEvent),inline:"playsInline"in document.createElement("video"),mime:function(e){var t=this.media;try{if(!s.is.function(t.canPlayType))return!1;if("video"===this.type)switch(e){case"video/webm":return t.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/no/,"");case"video/mp4":return t.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/,"");case"video/ogg":return t.canPlayType('video/ogg; codecs="theora"').replace(/no/,"");default:return!1}else if("audio"===this.type)switch(e){case"audio/mpeg":return t.canPlayType("audio/mpeg;").replace(/no/,"");case"audio/ogg":return t.canPlayType('audio/ogg; codecs="vorbis"').replace(/no/,"");case"audio/wav":return t.canPlayType('audio/wav; codecs="1"').replace(/no/,"");default:return!1}}catch(e){return!1}return!1},textTracks:"textTracks"in document.createElement("video"),passiveListeners:function(){var e=!1;try{var t=Object.defineProperty({},"passive",{get:function(){return e=!0,null}});window.addEventListener("test",null,t)}catch(e){}return e}(),rangeInput:function(){var e=document.createElement("input");return e.type="range","range"===e.type}(),touch:"ontouchstart"in document.documentElement,transitions:!1!==s.transitionEnd,reducedMotion:"matchMedia"in window&&window.matchMedia("(prefers-reduced-motion)").matches},l=function(){var e=!1;return s.is.function(document.cancelFullScreen)?e="":["webkit","o","moz","ms","khtml"].some(function(t){return s.is.function(document[t+"CancelFullScreen"])?(e=t,!0):!(!s.is.function(document.msExitFullscreen)||!document.msFullscreenEnabled)&&(e="ms",!0)}),e}(),o={prefix:l,enabled:document.fullscreenEnabled||document.webkitFullscreenEnabled||document.mozFullScreenEnabled||document.msFullscreenEnabled,eventType:"ms"===l?"MSFullscreenChange":l+"fullscreenchange",isFullScreen:function(e){if(!o.enabled)return!1;var t=s.is.nullOrUndefined(e)?document.body:e;switch(l){case"":return document.fullscreenElement===t;case"moz":return document.mozFullScreenElement===t;default:return document[l+"FullscreenElement"]===t}},requestFullScreen:function(e){if(!o.enabled)return!1;var t=s.is.nullOrUndefined(e)?document.body:e;return l.length?t[l+("ms"===l?"RequestFullscreen":"RequestFullScreen")]():t.requestFullScreen()},cancelFullScreen:function(){return!!o.enabled&&(l.length?document[l+("ms"===l?"ExitFullscreen":"CancelFullScreen")]():document.cancelFullScreen())},element:function(){return o.enabled?l.length?document[l+"FullscreenElement"]:document.fullscreenElement:null},setup:function(){if(this.supported.ui&&"audio"!==this.type&&this.config.fullscreen.enabled){var e=o.enabled;e||this.config.fullscreen.fallback&&!s.inFrame()?(this.console.log((e?"Native":"Fallback")+" fullscreen enabled"),s.toggleClass(this.elements.container,this.config.classNames.fullscreen.enabled,!0)):this.console.log("Fullscreen not supported and fallback disabled"),this.elements.buttons&&this.elements.buttons.fullscreen&&s.toggleState(this.elements.buttons.fullscreen,!1),s.trapFocus.call(this)}}},r={setup:function(){var e=null,i={};return a.storage&&this.config.storage.enabled?(window.localStorage.removeItem("plyr-volume"),(e=window.localStorage.getItem(this.config.storage.key))&&(/^\d+(\.\d+)?$/.test(e)?t({volume:parseFloat(e)}):i=JSON.parse(e)),i):i},set:t,get:e},c=s.getBrowser(),u={global:function(){var e=this,t=null,i=function(e){return e.keyCode?e.keyCode:e.which},n=function(n){var a=i(n),l="keydown"===n.type,r=l&&a===t;if(!(n.altKey||n.ctrlKey||n.metaKey||n.shiftKey)&&s.is.number(a)){if(l){var c=[48,49,50,51,52,53,54,56,57,32,75,38,40,77,39,37,70,67,73,76,79],u=s.getFocusElement();if(s.is.htmlElement(u)&&s.matches(u,e.config.selectors.editable))return;switch(c.includes(a)&&(n.preventDefault(),n.stopPropagation()),a){case 48:case 49:case 50:case 51:case 52:case 53:case 54:case 55:case 56:case 57:r||(e.currentTime=e.duration/10*(a-48));break;case 32:case 75:r||e.togglePlay();break;case 38:e.increaseVolume(.1);break;case 40:e.decreaseVolume(.1);break;case 77:r||(e.muted=!e.muted);break;case 39:e.forward();break;case 37:e.rewind();break;case 70:e.toggleFullscreen();break;case 67:r||e.toggleCaptions();break;case 76:e.loop=!e.loop}!o.enabled&&e.fullscreen.active&&27===a&&e.toggleFullscreen(),t=a}else t=null}};this.config.keyboard.global?s.on(window,"keydown keyup",n,!1):this.config.keyboard.focused&&s.on(this.elements.container,"keydown keyup",n,!1),s.on(this.elements.container,"focusout",function(t){s.toggleClass(t.target,e.config.classNames.tabFocus,!1)}),s.on(this.elements.container,"keydown",function(t){9===t.keyCode&&window.setTimeout(function(){s.toggleClass(s.getFocusElement(),e.config.classNames.tabFocus,!0)},0)}),this.config.hideControls&&s.on(this.elements.container,"mouseenter mouseleave mousemove touchstart touchend touchmove enterfullscreen exitfullscreen",function(t){e.toggleControls(t)}),o.enabled&&s.on(document,o.eventType,function(t){e.toggleFullscreen(t)})},media:function(){var e=this;if(s.on(this.media,"timeupdate seeking",function(t){return d.timeUpdate.call(e,t)}),s.on(this.media,"durationchange loadedmetadata",function(t){return d.durationUpdate.call(e,t)}),s.on(this.media,"loadeddata",function(){s.toggleHidden(e.elements.volume,!e.hasAudio),s.toggleHidden(e.elements.buttons.mute,!e.hasAudio)}),s.on(this.media,"ended",function(){"video"===e.type&&e.config.showPosterOnEnd&&(e.restart(),e.media.load())}),s.on(this.media,"progress playing",function(t){return d.updateProgress.call(e,t)}),s.on(this.media,"volumechange",function(t){return d.updateVolume.call(e,t)}),s.on(this.media,"playing play pause ended",function(t){return d.checkPlaying.call(e,t)}),s.on(this.media,"stalled waiting canplay seeked playing",function(t){return d.checkLoading.call(e,t)}),this.supported.ui&&this.config.clickToPlay&&"audio"!==this.type){var t=s.getElement.call(this,"."+this.config.classNames.video);if(!s.is.htmlElement(t))return;s.on(t,"click",function(){e.config.hideControls&&a.touch&&!e.paused||(e.paused?e.play():e.ended?(e.restart(),e.play()):e.pause())})}this.config.disableContextMenu&&s.on(this.media,"contextmenu",function(e){e.preventDefault()},!1),s.on(this.media,"ratechange",function(){p.updateSetting.call(e,"speed"),r.set.call(e,{speed:e.speed})}),s.on(this.media,"qualitychange",function(){p.updateSetting.call(e,"quality"),r.set.call(e,{quality:e.quality})}),s.on(this.media,"languagechange",function(){r.set.call(e,{language:e.language})}),s.on(this.media,"volumechange",function(){r.set.call(e,{volume:e.volume,muted:e.muted})}),s.on(this.media,"captionsenabled captionsdisabled",function(){p.updateSetting.call(e,"captions"),r.set.call(e,{captions:e.captions.enabled})}),s.on(this.media,this.config.events.concat(["keyup","keydown"]).join(" "),function(t){var i={};"error"===t.type&&(i=e.media.error),s.dispatchEvent.call(e,e.elements.container,t.type,!0,i)})},controls:function(){var e=this,t=c.isIE?"change":"input",i=function(t,i,n){var a=e.config.listeners[i];s.is.function(a)&&a.call(e,t),!t.defaultPrevented&&s.is.function(n)&&n.call(e,t)};s.on(this.elements.buttons.play,"click",function(t){return i(t,"play",function(){e.togglePlay()})}),s.on(this.elements.buttons.restart,"click",function(t){return i(t,"restart",function(){e.restart()})}),s.on(this.elements.buttons.rewind,"click",function(t){return i(t,"rewind",function(){e.rewind()})}),s.on(this.elements.buttons.forward,"click",function(t){return i(t,"forward",function(){e.forward()})}),s.on(this.elements.buttons.mute,"click",function(t){return i(t,"mute",function(){e.muted=!e.muted})}),s.on(this.elements.buttons.captions,"click",function(t){return i(t,"captions",function(){e.toggleCaptions()})}),s.on(this.elements.buttons.fullscreen,"click",function(t){return i(t,"fullscreen",function(){e.toggleFullscreen()})}),s.on(this.elements.buttons.pip,"click",function(t){return i(t,"pip",function(){e.pip="toggle"})}),s.on(this.elements.buttons.airplay,"click",function(t){return i(t,"airplay",function(){e.airplay()})}),s.on(this.elements.buttons.settings,"click",function(t){p.toggleMenu.call(e,t)}),s.on(document.documentElement,"click",function(t){p.toggleMenu.call(e,t)}),s.on(this.elements.settings.form,"click",function(t){t.stopPropagation(),s.matches(t.target,e.config.selectors.inputs.language)?i(t,"language",function(){e.language=t.target.value}):s.matches(t.target,e.config.selectors.inputs.quality)?i(t,"quality",function(){e.quality=t.target.value}):s.matches(t.target,e.config.selectors.inputs.speed)?i(t,"speed",function(){e.speed=parseFloat(t.target.value)}):p.showTab.call(e,t)}),s.on(this.elements.inputs.seek,t,function(t){return i(t,"seek",function(){e.currentTime=t.target.value/t.target.max*e.duration})}),this.config.toggleInvert&&!s.is.htmlElement(this.elements.display.duration)&&s.on(this.elements.display.currentTime,"click",function(){0!==e.currentTime&&(e.config.invertTime=!e.config.invertTime,d.timeUpdate.call(e))}),s.on(this.elements.inputs.volume,t,function(t){return i(t,"volume",function(){e.volume=t.target.value})}),c.isWebkit&&s.on(s.getElements.call(this,'input[type="range"]'),"input",function(t){p.updateRangeFill.call(e,t.target)}),s.on(this.elements.progress,"mouseenter mouseleave mousemove",function(t){return p.updateSeekTooltip.call(e,t)}),this.config.hideControls&&(s.on(this.elements.controls,"mouseenter mouseleave",function(t){e.elements.controls.hover="mouseenter"===t.type}),s.on(this.elements.controls,"mousedown mouseup touchstart touchend touchcancel",function(t){e.elements.controls.pressed=["mousedown","touchstart"].includes(t.type)}),s.on(this.elements.controls,"focusin focusout",function(t){e.toggleControls(t)})),s.on(this.elements.inputs.volume,"wheel",function(t){return i(t,"volume",function(){var i=t.webkitDirectionInvertedFromDevice,n=0;(t.deltaY<0||t.deltaX>0)&&(i?(e.decreaseVolume(.02),n=-1):(e.increaseVolume(.02),n=1)),(t.deltaY>0||t.deltaX<0)&&(i?(e.increaseVolume(.02),n=1):(e.decreaseVolume(.02),n=-1)),(1===n&&e.media.volume<1||-1===n&&e.media.volume>0)&&t.preventDefault()})},!1)}},d={addStyleHook:function(){s.toggleClass(this.elements.container,this.config.selectors.container.replace(".",""),!0),s.toggleClass(this.elements.container,this.config.classNames.uiSupported,this.supported.ui)},toggleNativeControls:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.isHTML5?this.media.setAttribute("controls",""):this.media.removeAttribute("controls")},build:function(){if(u.media.call(this),!this.supported.ui)return this.console.warn("Basic support only for "+this.type),s.removeElement.call(this,"controls"),s.removeElement.call(this,"buttons.play"),void d.toggleNativeControls.call(this,!0);s.is.htmlElement(this.elements.controls)||(p.inject.call(this),u.controls.call(this)),s.is.htmlElement(this.elements.controls)&&(d.toggleNativeControls.call(this),o.setup.call(this),m.setup.call(this),this.volume=null,this.muted=null,this.speed=null,this.loop=null,this.options.quality=[],d.timeUpdate.call(this),d.checkPlaying.call(this),this.ready=!0,s.dispatchEvent.call(this,this.media,"ready"),d.setTitle.call(this))},setTitle:function(){var e=this.config.i18n.play;if(s.is.string(this.config.title)&&!s.is.empty(this.config.title)&&(e+=", "+this.config.title,this.elements.container.setAttribute("aria-label",this.config.title)),s.is.nodeList(this.elements.buttons.play)&&Array.from(this.elements.buttons.play).forEach(function(t){t.setAttribute("aria-label",e)}),this.isEmbed){var t=s.getElement.call(this,"iframe");if(!s.is.htmlElement(t))return;var i=s.is.empty(this.config.title)?"video":this.config.title;t.setAttribute("title",this.config.i18n.frameTitle.replace("{title}",i))}},checkPlaying:function(){var e=this;s.toggleClass(this.elements.container,this.config.classNames.playing,this.playing),s.toggleClass(this.elements.container,this.config.classNames.stopped,this.paused),s.is.nodeList(this.elements.buttons.play)&&Array.from(this.elements.buttons.play).forEach(function(t){return s.toggleState(t,e.playing)}),this.toggleControls(!this.playing)},checkLoading:function(e){var t=this;this.loading=["stalled","waiting"].includes(e.type),clearTimeout(this.timers.loading),this.timers.loading=setTimeout(function(){s.toggleClass(t.elements.container,t.config.classNames.loading,t.loading),t.toggleControls(t.loading)},this.loading?250:0)},updateVolume:function(){this.supported.ui&&(s.is.htmlElement(this.elements.inputs.volume)&&d.setRange.call(this,this.elements.inputs.volume,this.muted?0:this.volume),s.is.htmlElement(this.elements.buttons.mute)&&s.toggleState(this.elements.buttons.mute,this.muted||0===this.volume))},setRange:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;s.is.htmlElement(e)&&(e.value=t,p.updateRangeFill.call(this,e))},setProgress:function(e,t){var i=s.is.number(t)?t:0,n=s.is.htmlElement(e)?e:this.elements.display.buffer;if(s.is.htmlElement(n)){n.value=i;var a=n.getElementsByTagName("span")[0];s.is.htmlElement(a)&&(a.childNodes[0].nodeValue=i)}},updateProgress:function(e){var t=this;if(this.supported.ui&&s.is.event(e)){var i=0;if(e)switch(e.type){case"timeupdate":case"seeking":i=s.getPercentage(this.currentTime,this.duration),"timeupdate"===e.type&&d.setRange.call(this,this.elements.inputs.seek,i);break;case"playing":case"progress":i=function(){var e=t.media.buffered;return e&&e.length?s.getPercentage(e.end(0),t.duration):s.is.number(e)?100*e:0}(),d.setProgress.call(this,this.elements.display.buffer,i)}}},updateTimeDisplay:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(s.is.htmlElement(e)&&s.is.number(t)){var n=function(e){return("0"+e).slice(-2)},a=function(e){return parseInt(e/60/60%60,10)},l=a(t),o=function(e){return parseInt(e/60%60,10)}(t),r=function(e){return parseInt(e%60,10)}(t);a(this.duration)>0?l+=":":l="",e.textContent=(i?"-":"")+l+n(o)+":"+n(r)}},timeUpdate:function(e){var t=!s.is.htmlElement(this.elements.display.duration)&&this.config.invertTime;d.updateTimeDisplay.call(this,this.elements.display.currentTime,t?this.duration-this.currentTime:this.currentTime,t),e&&"timeupdate"===e.type&&this.media.seeking||d.updateProgress.call(this,e)},durationUpdate:function(){this.supported.ui&&(!s.is.htmlElement(this.elements.display.duration)&&this.config.displayDuration&&this.paused&&d.updateTimeDisplay.call(this,this.elements.display.currentTime,this.duration),s.is.htmlElement(this.elements.display.duration)&&d.updateTimeDisplay.call(this,this.elements.display.duration,this.duration),p.updateSeekTooltip.call(this))}},h=s.getBrowser(),p={updateRangeFill:function(e){if(h.isWebkit){var t=s.is.event(e)?e.target:e;if(s.is.htmlElement(t)&&"range"===t.getAttribute("type")){s.is.htmlElement(this.elements.styleSheet)||(this.elements.styleSheet=s.createElement("style"),this.elements.container.appendChild(this.elements.styleSheet));var i=this.elements.styleSheet.sheet,n=t.value/t.max*100,a="#"+t.id+"::-webkit-slider-runnable-track",l="{ background-image: linear-gradient(to right, currentColor "+n+"%, transparent "+n+"%) }",o=Array.from(i.rules).findIndex(function(e){return e.selectorText===a});-1!==o&&i.deleteRule(o),i.insertRule([a,l].join(" "))}}},getIconUrl:function(){return{url:this.config.iconUrl,absolute:0===this.config.iconUrl.indexOf("http")||h.isIE&&!window.svg4everybody}},createIcon:function(e,t){var i=p.getIconUrl.call(this),n=(i.absolute?"":i.url)+"#"+this.config.iconPrefix,a=document.createElementNS("http://www.w3.org/2000/svg","svg");s.setAttributes(a,s.extend(t,{role:"presentation"}));var l=document.createElementNS("http://www.w3.org/2000/svg","use"),o=n+"-"+e;return"href"in l?l.setAttributeNS("http://www.w3.org/1999/xlink","href",o):l.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",o),a.appendChild(l),a},createLabel:function(e,t){var i=this.config.i18n[e],n=Object.assign({},t);switch(e){case"pip":i="PIP";break;case"airplay":i="AirPlay"}return"class"in n?n.class+=" "+this.config.classNames.hidden:n.class=this.config.classNames.hidden,s.createElement("span",n,i)},createBadge:function(e){if(s.is.empty(e))return null;var t=s.createElement("span",{class:this.config.classNames.menu.value});return t.appendChild(s.createElement("span",{class:this.config.classNames.menu.badge},e)),t},createButton:function(e,t){var i=s.createElement("button"),n=Object.assign({},t),a=e,l=!1,o=void 0,r=void 0,c=void 0,u=void 0;switch("type"in n||(n.type="button"),"class"in n?n.class.includes(this.config.classNames.control)&&(n.class+=" "+this.config.classNames.control):n.class=this.config.classNames.control,a){case"play":l=!0,o="play",c="pause",r="play",u="pause";break;case"mute":l=!0,o="mute",c="unmute",r="volume",u="muted";break;case"captions":l=!0,o="enableCaptions",c="disableCaptions",r="captions-off",u="captions-on";break;case"fullscreen":l=!0,o="enterFullscreen",c="exitFullscreen",r="enter-fullscreen",u="exit-fullscreen";break;case"play-large":n.class+=" "+this.config.classNames.control+"--overlaid",a="play",o="play",r="play";break;default:o=a,r=a}return l?(i.appendChild(p.createIcon.call(this,u,{class:"icon--pressed"})),i.appendChild(p.createIcon.call(this,r,{class:"icon--not-pressed"})),i.appendChild(p.createLabel.call(this,c,{class:"label--pressed"})),i.appendChild(p.createLabel.call(this,o,{class:"label--not-pressed"})),n["aria-pressed"]=!1,n["aria-label"]=this.config.i18n[o]):(i.appendChild(p.createIcon.call(this,r)),i.appendChild(p.createLabel.call(this,o))),s.extend(n,s.getAttributesFromSelector(this.config.selectors.buttons[a],n)),s.setAttributes(i,n),this.elements.buttons[a]=i,i},createRange:function(e,t){var i=s.createElement("label",{for:t.id,class:this.config.classNames.hidden},this.config.i18n[e]),n=s.createElement("input",s.extend(s.getAttributesFromSelector(this.config.selectors.inputs[e]),{type:"range",min:0,max:100,step:.01,value:0,autocomplete:"off"},t));return this.elements.inputs[e]=n,p.updateRangeFill.call(this,n),{label:i,input:n}},createProgress:function(e,t){var i=s.createElement("progress",s.extend(s.getAttributesFromSelector(this.config.selectors.display[e]),{min:0,max:100,value:0},t));if("volume"!==e){i.appendChild(s.createElement("span",null,"0"));var n="";switch(e){case"played":n=this.config.i18n.played;break;case"buffer":n=this.config.i18n.buffered}i.textContent="% "+n.toLowerCase()}return this.elements.display[e]=i,i},createTime:function(e){var t=s.createElement("span",{class:"plyr__time"});return t.appendChild(s.createElement("span",{class:this.config.classNames.hidden},this.config.i18n[e])),t.appendChild(s.createElement("span",s.getAttributesFromSelector(this.config.selectors.display[e]),"00:00")),this.elements.display[e]=t,t},createMenuItem:function(e,t,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,l=arguments.length>5&&void 0!==arguments[5]&&arguments[5],o=s.createElement("li"),r=s.createElement("label",{class:this.config.classNames.control}),c=s.createElement("input",s.extend(s.getAttributesFromSelector(this.config.selectors.inputs[i]),{type:"radio",name:"plyr-"+i,value:e,checked:l,class:"plyr__sr-only"})),u=s.createElement("span",{"aria-hidden":!0});r.appendChild(c),r.appendChild(u),r.insertAdjacentHTML("beforeend",n),s.is.htmlElement(a)&&r.appendChild(a),o.appendChild(r),t.appendChild(o)},updateSeekTooltip:function(e){if(this.config.tooltips.seek&&s.is.htmlElement(this.elements.inputs.seek)&&s.is.htmlElement(this.elements.display.seekTooltip)&&0!==this.duration){var t=0,i=this.elements.inputs.seek.getBoundingClientRect(),n=this.config.classNames.tooltip+"--visible";if(s.is.event(e))t=100/i.width*(e.pageX-i.left);else{if(!s.hasClass(this.elements.display.seekTooltip,n))return;t=this.elements.display.seekTooltip.style.left.replace("%","")}t<0?t=0:t>100&&(t=100),d.updateTimeDisplay.call(this,this.elements.display.seekTooltip,this.duration/100*t),this.elements.display.seekTooltip.style.left=t+"%",s.is.event(e)&&["mouseenter","mouseleave"].includes(e.type)&&s.toggleClass(this.elements.display.seekTooltip,n,"mouseenter"===e.type)}},toggleTab:function(e,t){var i=this.elements.settings.tabs[e],n=this.elements.settings.panes[e];s.toggleHidden(i,!t),s.toggleHidden(n,!t)},setQualityMenu:function(e){var t=this,i=this.elements.settings.panes.quality.querySelector("ul");s.is.array(e)?this.options.quality=e.filter(function(e){return t.config.quality.options.includes(e)}):this.options.quality=this.config.quality.options;var n=!s.is.empty(this.options.quality)&&"youtube"===this.type;if(p.toggleTab.call(this,"quality",n),n){s.emptyElement(i);var a=function(e){var i="";switch(e){case"hd2160":i="4K";break;case"hd1440":i="WQHD";break;case"hd1080":case"hd720":i="HD"}return i.length?p.createBadge.call(t,i):null};this.options.quality.forEach(function(e){return p.createMenuItem.call(t,e,i,"quality",p.getLabel.call(t,"quality",e),a(e))}),p.updateSetting.call(this,"quality",i)}},getLabel:function(e,t){switch(e){case"speed":return 1===t?"Normal":t+"×";case"quality":switch(t){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";case"tiny":return"Tiny";case"default":return"Auto";default:return t}case"captions":return p.getLanguage.call(this);default:return null}},updateSetting:function(e,t){var i=this.elements.settings.panes[e],n=null,a=t;switch(e){case"captions":n=this.captions.language,this.captions.enabled||(n="");break;default:if(n=this[e],s.is.empty(n)&&(n=this.config[e].default),!this.options[e].includes(n))return void this.console.warn("Unsupported value of '"+n+"' for "+e);if(!this.config[e].options.includes(n))return void this.console.warn("Disabled value of '"+n+"' for "+e)}s.is.htmlElement(a)||(a=i&&i.querySelector("ul"));var l=a&&a.querySelector('input[value="'+n+'"]');s.is.htmlElement(l)&&(l.checked=!0,this.elements.settings.tabs[e].querySelector("."+this.config.classNames.menu.value).innerHTML=p.getLabel.call(this,e,n))},getLanguage:function(){if(!this.supported.ui)return null;if(!a.textTracks||!m.getTracks.call(this).length)return this.config.i18n.none;if(this.captions.enabled){var e=m.getCurrentTrack.call(this);if(s.is.track(e))return e.label}return this.config.i18n.disabled},setCaptionsMenu:function(){var e=this,t=this.elements.settings.panes.captions.querySelector("ul"),i=m.getTracks.call(this).length;if(p.toggleTab.call(this,"captions",i),s.emptyElement(t),i){var n=m.getTracks.call(this).map(function(e){return{language:e.language,label:s.is.empty(e.label)?e.language.toUpperCase():e.label}});n.unshift({language:"",label:this.config.i18n.none}),n.forEach(function(i){p.createMenuItem.call(e,i.language,t,"language",i.label||i.language,p.createBadge.call(e,i.language.toUpperCase()),i.language.toLowerCase()===e.captions.language.toLowerCase())}),p.updateSetting.call(this,"captions",t)}},setSpeedMenu:function(){var e=this;s.is.object(this.options.speed)&&Object.keys(this.options.speed).length||(this.options.speed=[.5,.75,1,1.25,1.5,1.75,2]),this.options.speed=this.options.speed.filter(function(t){return e.config.speed.options.includes(t)});var t=!s.is.empty(this.options.speed);if(p.toggleTab.call(this,"speed",t),t){var i=this.elements.settings.panes.speed.querySelector("ul");s.toggleHidden(this.elements.settings.tabs.speed,!1),s.toggleHidden(this.elements.settings.panes.speed,!1),s.emptyElement(i),this.options.speed.forEach(function(t){return p.createMenuItem.call(e,t,i,"speed",p.getLabel.call(e,"speed",t))}),p.updateSetting.call(this,"speed",i)}},toggleMenu:function(e){var t=this.elements.settings.form,i=this.elements.buttons.settings,n=s.is.boolean(e)?e:s.is.htmlElement(t)&&"true"===t.getAttribute("aria-hidden");if(s.is.event(e)){var a=s.is.htmlElement(t)&&t.contains(e.target),l=e.target===this.elements.buttons.settings;if(a||!a&&!l&&n)return;l&&e.stopPropagation()}s.is.htmlElement(i)&&i.setAttribute("aria-expanded",n),s.is.htmlElement(t)&&(t.setAttribute("aria-hidden",!n),n?t.removeAttribute("tabindex"):t.setAttribute("tabindex",-1))},getTabSize:function(e){var t=e.cloneNode(!0);t.style.position="absolute",t.style.opacity=0,t.setAttribute("aria-hidden",!1),Array.from(t.querySelectorAll("input[name]")).forEach(function(e){var t=e.getAttribute("name");e.setAttribute("name",t+"-clone")}),e.parentNode.appendChild(t);var i=t.scrollWidth,n=t.scrollHeight;return s.removeElement(t),{width:i,height:n}},showTab:function(e){var t=this.elements.settings.menu,i=e.target,n="false"===i.getAttribute("aria-expanded"),l=document.getElementById(i.getAttribute("aria-controls"));if(s.is.htmlElement(l)&&"tabpanel"===l.getAttribute("role")){var o=t.querySelector('[role="tabpanel"][aria-hidden="false"]'),r=o.parentNode;if(Array.from(t.querySelectorAll('[aria-controls="'+o.getAttribute("id")+'"]')).forEach(function(e){e.setAttribute("aria-expanded",!1)}),a.transitions&&!a.reducedMotion){r.style.width=o.scrollWidth+"px",r.style.height=o.scrollHeight+"px";var c=p.getTabSize.call(this,l),u=function e(t){t.target===r&&["width","height"].includes(t.propertyName)&&(r.style.width="",r.style.height="",s.off(r,s.transitionEnd,e))};s.on(r,s.transitionEnd,u),r.style.width=c.width+"px",r.style.height=c.height+"px"}o.setAttribute("aria-hidden",!0),o.setAttribute("tabindex",-1),l.setAttribute("aria-hidden",!n),i.setAttribute("aria-expanded",n),l.removeAttribute("tabindex"),l.querySelectorAll("button:not(:disabled), input:not(:disabled), [tabindex]")[0].focus()}},create:function(e){var t=this;if(s.is.empty(this.config.controls))return null;var i=s.createElement("div",s.getAttributesFromSelector(this.config.selectors.controls.wrapper));if(this.config.controls.includes("restart")&&i.appendChild(p.createButton.call(this,"restart")),this.config.controls.includes("rewind")&&i.appendChild(p.createButton.call(this,"rewind")),this.config.controls.includes("play")&&i.appendChild(p.createButton.call(this,"play")),this.config.controls.includes("fast-forward")&&i.appendChild(p.createButton.call(this,"fast-forward")),this.config.controls.includes("progress")){var n=s.createElement("span",s.getAttributesFromSelector(this.config.selectors.progress)),l=p.createRange.call(this,"seek",{id:"plyr-seek-"+e.id});if(n.appendChild(l.label),n.appendChild(l.input),n.appendChild(p.createProgress.call(this,"buffer")),this.config.tooltips.seek){var o=s.createElement("span",{role:"tooltip",class:this.config.classNames.tooltip},"00:00");n.appendChild(o),this.elements.display.seekTooltip=o}this.elements.progress=n,i.appendChild(this.elements.progress)}if(this.config.controls.includes("current-time")&&i.appendChild(p.createTime.call(this,"currentTime")),this.config.controls.includes("duration")&&i.appendChild(p.createTime.call(this,"duration")),this.config.controls.includes("mute")&&i.appendChild(p.createButton.call(this,"mute")),this.config.controls.includes("volume")){var r=s.createElement("span",{class:"plyr__volume"}),c={max:1,step:.05,value:this.config.volume},u=p.createRange.call(this,"volume",s.extend(c,{id:"plyr-volume-"+e.id}));r.appendChild(u.label),r.appendChild(u.input),this.elements.volume=r,i.appendChild(r)}if(this.config.controls.includes("captions")&&i.appendChild(p.createButton.call(this,"captions")),this.config.controls.includes("settings")&&!s.is.empty(this.config.settings)){var d=s.createElement("div",{class:"plyr__menu"});d.appendChild(p.createButton.call(this,"settings",{id:"plyr-settings-toggle-"+e.id,"aria-haspopup":!0,"aria-controls":"plyr-settings-"+e.id,"aria-expanded":!1}));var h=s.createElement("form",{class:"plyr__menu__container",id:"plyr-settings-"+e.id,"aria-hidden":!0,"aria-labelled-by":"plyr-settings-toggle-"+e.id,role:"tablist",tabindex:-1}),m=s.createElement("div"),g=s.createElement("div",{id:"plyr-settings-"+e.id+"-home","aria-hidden":!1,"aria-labelled-by":"plyr-settings-toggle-"+e.id,role:"tabpanel"}),f=s.createElement("ul",{role:"tablist"});this.config.settings.forEach(function(i){var n=s.createElement("li",{role:"tab",hidden:""}),a=s.createElement("button",s.extend(s.getAttributesFromSelector(t.config.selectors.buttons.settings),{type:"button",class:t.config.classNames.control+" "+t.config.classNames.control+"--forward",id:"plyr-settings-"+e.id+"-"+i+"-tab","aria-haspopup":!0,"aria-controls":"plyr-settings-"+e.id+"-"+i,"aria-expanded":!1}),t.config.i18n[i]),l=s.createElement("span",{class:t.config.classNames.menu.value});l.innerHTML=e[i],a.appendChild(l),n.appendChild(a),f.appendChild(n),t.elements.settings.tabs[i]=n}),g.appendChild(f),m.appendChild(g),this.config.settings.forEach(function(i){var n=s.createElement("div",{id:"plyr-settings-"+e.id+"-"+i,"aria-hidden":!0,"aria-labelled-by":"plyr-settings-"+e.id+"-"+i+"-tab",role:"tabpanel",tabindex:-1,hidden:""}),a=s.createElement("button",{type:"button",class:t.config.classNames.control+" "+t.config.classNames.control+"--back","aria-haspopup":!0,"aria-controls":"plyr-settings-"+e.id+"-home","aria-expanded":!1},t.config.i18n[i]);n.appendChild(a);var l=s.createElement("ul");n.appendChild(l),m.appendChild(n),t.elements.settings.panes[i]=n}),h.appendChild(m),d.appendChild(h),i.appendChild(d),this.elements.settings.form=h,this.elements.settings.menu=d}return this.config.controls.includes("pip")&&a.pip&&i.appendChild(p.createButton.call(this,"pip")),this.config.controls.includes("airplay")&&a.airplay&&i.appendChild(p.createButton.call(this,"airplay")),this.config.controls.includes("fullscreen")&&i.appendChild(p.createButton.call(this,"fullscreen")),this.config.controls.includes("play-large")&&this.elements.container.appendChild(p.createButton.call(this,"play-large")),this.elements.controls=i,this.config.controls.includes("settings")&&this.config.settings.includes("speed")&&p.setSpeedMenu.call(this),i},inject:function(){var e=this;if(this.config.loadSprite){var t=p.getIconUrl.call(this);t.absolute&&s.loadSprite(t.url,"sprite-plyr")}this.id=Math.floor(1e4*Math.random());var i=null;i=s.is.string(this.config.controls)?this.config.controls:s.is.function(this.config.controls)?this.config.controls({id:this.id,seektime:this.config.seekTime,title:this.config.title}):p.create.call(this,{id:this.id,seektime:this.config.seekTime,speed:this.speed,quality:this.quality,captions:p.getLanguage.call(this)});var n=void 0;if(s.is.string(this.config.selectors.controls.container)&&(n=document.querySelector(this.config.selectors.controls.container)),s.is.htmlElement(n)||(n=this.elements.container),s.is.htmlElement(i)?n.appendChild(i):n.insertAdjacentHTML("beforeend",i),s.is.htmlElement(this.elements.controls)&&s.findElements.call(this),this.config.tooltips.controls){var a=s.getElements.call(this,[this.config.selectors.controls.wrapper," ",this.config.selectors.labels," .",this.config.classNames.hidden].join(""));Array.from(a).forEach(function(t){s.toggleClass(t,e.config.classNames.hidden,!1),s.toggleClass(t,e.config.classNames.tooltip,!0),t.setAttribute("role","tooltip")})}}},m={setup:function(){this.supported.ui&&(s.is.empty(r.get.call(this).language)?s.is.empty(this.captions.language)&&(this.captions.language=this.config.captions.language.toLowerCase()):this.captions.language=r.get.call(this).language,s.is.boolean(this.captions.enabled)||(s.is.empty(r.get.call(this).language)?this.captions.enabled=this.config.captions.active:this.captions.enabled=r.get.call(this).captions),["video","vimeo"].includes(this.type)&&("video"!==this.type||a.textTracks)?(s.is.htmlElement(this.elements.captions)||(this.elements.captions=s.createElement("div",s.getAttributesFromSelector(this.config.selectors.captions)),s.insertAfter(this.elements.captions,this.elements.wrapper)),s.toggleClass(this.elements.container,this.config.classNames.captions.enabled,!s.is.empty(m.getTracks.call(this))),s.is.empty(m.getTracks.call(this))||(m.setLanguage.call(this),m.show.call(this),this.config.controls.includes("settings")&&this.config.settings.includes("captions")&&p.setCaptionsMenu.call(this))):this.config.controls.includes("settings")&&this.config.settings.includes("captions")&&p.setCaptionsMenu.call(this))},setLanguage:function(){var e=this;if("video"===this.type){m.getTracks.call(this).forEach(function(t){s.on(t,"cuechange",function(t){return m.setCue.call(e,t)}),t.mode="hidden"});var t=m.getCurrentTrack.call(this);s.is.track(t)&&Array.from(t.activeCues||[]).length&&m.setCue.call(this,t)}else"vimeo"===this.type&&this.captions.active&&this.embed.enableTextTrack(this.language)},getTracks:function(){return s.is.nullOrUndefined(this.media)?[]:Array.from(this.media.textTracks||[]).filter(function(e){return["captions","subtitles"].includes(e.kind)})},getCurrentTrack:function(){var e=this;return m.getTracks.call(this).find(function(t){return t.language.toLowerCase()===e.language})},setCue:function(e){var t=s.is.event(e)?e.target:e,i=t.activeCues[0];t===m.getCurrentTrack.call(this)&&(s.is.cue(i)?m.setText.call(this,i.getCueAsHTML()):m.setText.call(this,null),s.dispatchEvent.call(this,this.media,"cuechange"))},setText:function(e){if(this.supported.ui)if(s.is.htmlElement(this.elements.captions)){var t=s.createElement("span");s.emptyElement(this.elements.captions);var i=s.is.nullOrUndefined(e)?"":e;s.is.string(i)?t.textContent=i.trim():t.appendChild(i),this.elements.captions.appendChild(t)}else this.console.warn("No captions element to render to")},show:function(){if(s.is.htmlElement(this.elements.buttons.captions)){var e=r.get.call(this).captions;s.is.boolean(e)?this.captions.active=e:e=this.config.captions.active,e&&(s.toggleClass(this.elements.container,this.config.classNames.captions.active,!0),s.toggleState(this.elements.buttons.captions,!0))}}},g={setup:function(){var e=this,t=s.parseYouTubeId(this.embedId),i=s.getElements.call(this,'[id^="'+this.type+'-"]');Array.from(i).forEach(s.removeElement),s.toggleClass(this.elements.wrapper,this.config.classNames.embed,!0),g.setAspectRatio.call(this),this.media.setAttribute("id",s.generateId(this.type)),s.is.object(window.YT)?g.ready.call(this,t):(s.loadScript(this.config.urls.youtube.api),window.onYouTubeReadyCallbacks=window.onYouTubeReadyCallbacks||[],window.onYouTubeReadyCallbacks.push(function(){g.ready.call(e,t)}),window.onYouTubeIframeAPIReady=function(){window.onYouTubeReadyCallbacks.forEach(function(e){e()})})},getTitle:function(){var e=this;if(s.is.function(this.embed.getVideoData)){var t=this.embed.getVideoData().title;if(s.is.empty(t))return this.config.title=t,void d.setTitle.call(this)}var i=this.config.keys.google,n=s.parseYouTubeId(this.embedId);if(s.is.string(i)&&!s.is.empty(i)){var a="https://www.googleapis.com/youtube/v3/videos?id="+n+"&key="+i+"&fields=items(snippet(title))&part=snippet";fetch(a).then(function(e){return e.ok?e.json():null}).then(function(t){null!==t&&s.is.object(t)&&(e.config.title=t.items[0].snippet.title,d.setTitle.call(e))}).catch(function(){})}},setAspectRatio:function(){var e=this.config.ratio.split(":");this.elements.wrapper.style.paddingBottom=100/e[0]*e[1]+"%"},ready:function(e){var t=this;t.embed=new window.YT.Player(t.media.id,{videoId:e,playerVars:{autoplay:t.config.autoplay?1:0,controls:t.supported.ui?0:1,rel:0,showinfo:0,iv_load_policy:3,modestbranding:1,disablekb:1,playsinline:1,origin:window&&window.location.hostname,widget_referrer:window&&window.location.href,cc_load_policy:this.captions.active?1:0,cc_lang_pref:this.config.captions.language},events:{onError:function(e){if(!s.is.object(t.media.error)){var i={code:e.data};switch(e.data){case 2:i.message="The request contains an invalid parameter value. For example, this error occurs if you specify a video ID that does not have 11 characters, or if the video ID contains invalid characters, such as exclamation points or asterisks.";break;case 5:i.message="The requested content cannot be played in an HTML5 player or another error related to the HTML5 player has occurred.";break;case 100:i.message="The video requested was not found. This error occurs when a video has been removed (for any reason) or has been marked as private.";break;case 101:case 150:i.message="The owner of the requested video does not allow it to be played in embedded players.";break;default:i.message="An unknown error occured"}t.media.error=i,s.dispatchEvent.call(t,t.media,"error")}},onPlaybackQualityChange:function(e){var i=e.target;t.media.quality=i.getPlaybackQuality(),s.dispatchEvent.call(t,t.media,"qualitychange")},onPlaybackRateChange:function(e){var i=e.target;t.media.playbackRate=i.getPlaybackRate(),s.dispatchEvent.call(t,t.media,"ratechange")},onReady:function(e){var i=e.target;g.getTitle.call(t),t.media.play=function(){i.playVideo(),t.media.paused=!1},t.media.pause=function(){i.pauseVideo(),t.media.paused=!0},t.media.stop=function(){i.stopVideo(),t.media.paused=!0},t.media.duration=i.getDuration(),t.media.paused=!0,t.media.currentTime=0,Object.defineProperty(t.media,"currentTime",{get:function(){return Number(i.getCurrentTime())},set:function(e){t.media.seeking=!0,s.dispatchEvent.call(t,t.media,"seeking"),i.seekTo(e)}}),Object.defineProperty(t.media,"playbackRate",{get:function(){return i.getPlaybackRate()},set:function(e){i.setPlaybackRate(e)}}),Object.defineProperty(t.media,"quality",{get:function(){return i.getPlaybackQuality()},set:function(e){s.dispatchEvent.call(t,t.media,"qualityrequested",!1,{quality:e}),i.setPlaybackQuality(e)}});var n=t.config.volume;Object.defineProperty(t.media,"volume",{get:function(){return n},set:function(e){n=e,i.setVolume(100*n),s.dispatchEvent.call(t,t.media,"volumechange")}});var a=t.config.muted;Object.defineProperty(t.media,"muted",{get:function(){return a},set:function(e){var n=s.is.boolean(e)?e:a;a=n,i[n?"mute":"unMute"](),s.dispatchEvent.call(t,t.media,"volumechange")}}),Object.defineProperty(t.media,"currentSrc",{get:function(){return i.getVideoUrl()}}),Object.defineProperty(t.media,"ended",{get:function(){return t.currentTime===t.duration}}),t.options.speed=i.getAvailablePlaybackRates(),t.supported.ui&&t.media.setAttribute("tabindex",-1),s.dispatchEvent.call(t,t.media,"timeupdate"),s.dispatchEvent.call(t,t.media,"durationchange"),window.clearInterval(t.timers.buffering),t.timers.buffering=window.setInterval(function(){t.media.buffered=i.getVideoLoadedFraction(),(null===t.media.lastBuffered||t.media.lastBuffered<t.media.buffered)&&s.dispatchEvent.call(t,t.media,"progress"),t.media.lastBuffered=t.media.buffered,1===t.media.buffered&&(window.clearInterval(t.timers.buffering),s.dispatchEvent.call(t,t.media,"canplaythrough"))},200),window.setTimeout(function(){return d.build.call(t)},50)},onStateChange:function(e){var i=e.target;switch(window.clearInterval(t.timers.playing),e.data){case 0:t.media.paused=!0,t.media.loop?(i.stopVideo(),i.playVideo()):s.dispatchEvent.call(t,t.media,"ended");break;case 1:t.media.seeking&&s.dispatchEvent.call(t,t.media,"seeked"),t.media.seeking=!1,t.media.paused&&s.dispatchEvent.call(t,t.media,"play"),t.media.paused=!1,s.dispatchEvent.call(t,t.media,"playing"),t.timers.playing=window.setInterval(function(){s.dispatchEvent.call(t,t.media,"timeupdate")},50),t.media.duration!==i.getDuration()&&(t.media.duration=i.getDuration(),s.dispatchEvent.call(t,t.media,"durationchange")),p.setQualityMenu.call(t,i.getAvailableQualityLevels());break;case 2:t.media.paused=!0,s.dispatchEvent.call(t,t.media,"pause")}s.dispatchEvent.call(t,t.elements.container,"statechange",!1,{code:e.data})}}})}},f={setup:function(){var e=this,t=s.getElements.call(this,'[id^="'+this.type+'-"]');Array.from(t).forEach(s.removeElement),s.toggleClass(this.elements.wrapper,this.config.classNames.embed,!0),f.setAspectRatio.call(this),this.media.setAttribute("id",s.generateId(this.type)),s.is.object(window.Vimeo)?f.ready.call(this):s.loadScript(this.config.urls.vimeo.api,function(){f.ready.call(e)})},setAspectRatio:function(e){var t=s.is.string(e)?e.split(":"):this.config.ratio.split(":"),i=100/t[0]*t[1],n=(200-i)/4;this.elements.wrapper.style.paddingBottom=i+"%",this.media.style.transform="translateY(-"+n+"%)"},ready:function(){var e=this,t=this,i={loop:t.config.loop.active,autoplay:t.autoplay,byline:!1,portrait:!1,title:!1,speed:!0,transparent:0,gesture:"media"},n=s.buildUrlParameters(i),a=s.parseVimeoId(t.embedId),l=s.createElement("iframe"),o="https://player.vimeo.com/video/"+a+"?"+n;l.setAttribute("src",o),l.setAttribute("allowfullscreen",""),t.media.appendChild(l),t.embed=new window.Vimeo.Player(l),t.media.paused=!0,t.media.currentTime=0,t.media.play=function(){t.embed.play().then(function(){t.media.paused=!1})},t.media.pause=function(){t.embed.pause().then(function(){t.media.paused=!0})},t.media.stop=function(){t.embed.stop().then(function(){t.media.paused=!0,t.currentTime=0})};var r=t.media.currentTime;Object.defineProperty(t.media,"currentTime",{get:function(){return r},set:function(e){var i=t.media.paused;t.media.seeking=!0,s.dispatchEvent.call(t,t.media,"seeking"),t.embed.setCurrentTime(e),i&&t.pause()}});var c=t.config.speed.selected;Object.defineProperty(t.media,"playbackRate",{get:function(){return c},set:function(e){t.embed.setPlaybackRate(e).then(function(){c=e,s.dispatchEvent.call(t,t.media,"ratechange")})}});var u=t.config.volume;Object.defineProperty(t.media,"volume",{get:function(){return u},set:function(e){t.embed.setVolume(e).then(function(){u=e,s.dispatchEvent.call(t,t.media,"volumechange")})}});var h=t.config.muted;Object.defineProperty(t.media,"muted",{get:function(){return h},set:function(e){var i=!!s.is.boolean(e)&&e;t.embed.setVolume(i?0:t.config.volume).then(function(){h=i,s.dispatchEvent.call(t,t.media,"volumechange")})}});var p=t.config.loop;Object.defineProperty(t.media,"loop",{get:function(){return p},set:function(e){var i=s.is.boolean(e)?e:t.config.loop.active;t.embed.setLoop(i).then(function(){p=i})}});var g=void 0;t.embed.getVideoUrl().then(function(e){g=e}),Object.defineProperty(t.media,"currentSrc",{get:function(){return g}}),Object.defineProperty(t.media,"ended",{get:function(){return t.currentTime===t.duration}}),Promise.all([t.embed.getVideoWidth(),t.embed.getVideoHeight()]).then(function(t){var i=s.getAspectRatio(t[0],t[1]);f.setAspectRatio.call(e,i)}),t.embed.setAutopause(t.config.autopause).then(function(e){t.config.autopause=e}),t.embed.getVideoTitle().then(function(i){t.config.title=i,d.setTitle.call(e)}),t.embed.getCurrentTime().then(function(e){r=e,s.dispatchEvent.call(t,t.media,"timeupdate")}),t.embed.getDuration().then(function(e){t.media.duration=e,s.dispatchEvent.call(t,t.media,"durationchange")}),t.embed.getTextTracks().then(function(e){t.media.textTracks=e,m.setup.call(t)}),t.embed.on("cuechange",function(e){var i=null;e.cues.length&&(i=s.stripHTML(e.cues[0].text)),m.setText.call(t,i)}),t.embed.on("loaded",function(){s.is.htmlElement(t.embed.element)&&t.supported.ui&&t.embed.element.setAttribute("tabindex",-1)}),t.embed.on("play",function(){t.media.paused&&s.dispatchEvent.call(t,t.media,"play"),t.media.paused=!1,s.dispatchEvent.call(t,t.media,"playing")}),t.embed.on("pause",function(){t.media.paused=!0,s.dispatchEvent.call(t,t.media,"pause")}),t.embed.on("timeupdate",function(e){t.media.seeking=!1,r=e.seconds,s.dispatchEvent.call(t,t.media,"timeupdate")}),t.embed.on("progress",function(e){t.media.buffered=e.percent,s.dispatchEvent.call(t,t.media,"progress"),1===parseInt(e.percent,10)&&s.dispatchEvent.call(t,t.media,"canplaythrough")}),t.embed.on("seeked",function(){t.media.seeking=!1,s.dispatchEvent.call(t,t.media,"seeked"),s.dispatchEvent.call(t,t.media,"play")}),t.embed.on("ended",function(){t.media.paused=!0,s.dispatchEvent.call(t,t.media,"ended")}),t.embed.on("error",function(e){t.media.error=e,s.dispatchEvent.call(t,t.media,"error")}),window.setTimeout(function(){return d.build.call(t)},0)}},y=s.getBrowser(),b={setup:function(){if(this.media)if(s.toggleClass(this.elements.container,this.config.classNames.type.replace("{0}",this.type),!0),this.isEmbed&&s.toggleClass(this.elements.container,this.config.classNames.type.replace("{0}","video"),!0),this.supported.ui&&(s.toggleClass(this.elements.container,this.config.classNames.pip.supported,a.pip&&"video"===this.type),s.toggleClass(this.elements.container,this.config.classNames.airplay.supported,a.airplay&&this.isHTML5),s.toggleClass(this.elements.container,this.config.classNames.stopped,this.config.autoplay),s.toggleClass(this.elements.container,this.config.classNames.isIos,y.isIos),s.toggleClass(this.elements.container,this.config.classNames.isTouch,a.touch)),["video","youtube","vimeo"].includes(this.type)&&(this.elements.wrapper=s.createElement("div",{class:this.config.classNames.video}),s.wrap(this.media,this.elements.wrapper)),this.isEmbed)switch(this.type){case"youtube":g.setup.call(this);break;case"vimeo":f.setup.call(this)}else this.isHTML5&&d.setTitle.call(this);else this.console.warn("No media element found!")},cancelRequests:function(){this.isHTML5&&(Array.from(this.media.querySelectorAll("source")).forEach(s.removeElement),this.media.setAttribute("src",this.config.blankVideo),this.media.load(),this.console.log("Cancelled network requests"))}},v={insertElements:function(e,t){var i=this;s.is.string(t)?s.insertElement(e,this.media,{src:t}):s.is.array(t)&&t.forEach(function(t){s.insertElement(e,i.media,t)})},change:function(e){var t=this;s.is.object(e)&&"sources"in e&&e.sources.length?(b.cancelRequests.call(this),this.destroy.call(this,function(){if(s.removeElement(t.media),t.media=null,s.is.htmlElement(t.elements.container)&&t.elements.container.removeAttribute("class"),"type"in e&&(t.type=e.type,"video"===t.type)){var i=e.sources[0];"type"in i&&n.embed.includes(i.type)&&(t.type=i.type)}switch(t.supported=a.check(t.type,t.config.inline),t.type){case"video":t.media=s.createElement("video");break;case"audio":t.media=s.createElement("audio");break;case"youtube":case"vimeo":t.media=s.createElement("div"),t.embedId=e.sources[0].src}t.elements.container.appendChild(t.media),s.is.boolean(e.autoplay)&&(t.config.autoplay=e.autoplay),t.isHTML5&&(t.config.crossorigin&&t.media.setAttribute("crossorigin",""),t.config.autoplay&&t.media.setAttribute("autoplay",""),"poster"in e&&t.media.setAttribute("poster",e.poster),t.config.loop.active&&t.media.setAttribute("loop",""),t.config.muted&&t.media.setAttribute("muted",""),t.config.inline&&t.media.setAttribute("playsinline","")),s.toggleClass(t.elements.container,t.config.classNames.captions.active,t.supported.ui&&t.captions.enabled),d.addStyleHook.call(t),t.isHTML5&&v.insertElements.call(t,"source",e.sources),t.config.title=e.title,b.setup.call(t),t.isHTML5&&("tracks"in e&&v.insertElements.call(t,"track",e.tracks),t.media.load()),(t.isHTML5||t.isEmbed&&!t.supported.ui)&&d.build.call(t)},!0)):this.console.warn("Invalid source format")}},k=(function(){function e(e){this.value=e}function t(t){function i(s,a){try{var l=t[s](a),o=l.value;o instanceof e?Promise.resolve(o.value).then(function(e){i("next",e)},function(e){i("throw",e)}):n(l.done?"return":"normal",l.value)}catch(e){n("throw",e)}}function n(e,t){switch(e){case"return":s.resolve({value:t,done:!0});break;case"throw":s.reject(t);break;default:s.resolve({value:t,done:!1})}(s=s.next)?i(s.key,s.arg):a=null}var s,a;this._invoke=function(e,t){return new Promise(function(n,l){var o={key:e,arg:t,resolve:n,reject:l,next:null};a?a=a.next=o:(s=a=o,i(e,t))})},"function"!=typeof t.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(t.prototype[Symbol.asyncIterator]=function(){return this}),t.prototype.next=function(e){return this._invoke("next",e)},t.prototype.throw=function(e){return this._invoke("throw",e)},t.prototype.return=function(e){return this._invoke("return",e)}}(),function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}),w=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),E={x:0,y:0};return function(){function e(t,n){var l=this;if(k(this,e),this.timers={},this.ready=!1,this.media=t,s.is.string(this.media)&&(this.media=document.querySelectorAll(this.media)),(window.jQuery&&this.media instanceof jQuery||s.is.nodeList(this.media)||s.is.array(this.media))&&(this.media=this.media[0]),this.config=s.extend({},i,n,function(){try{return JSON.parse(l.media.getAttribute("data-plyr-config"))}catch(e){return null}}()),this.elements={container:null,buttons:{},display:{},progress:{},inputs:{},settings:{menu:null,panes:{},tabs:{}},captions:null},this.captions={enabled:null,currentTrack:null},this.fullscreen={active:!1},this.options={speed:[],quality:[]},this.console={log:function(){},warn:function(){},error:function(){}},this.config.debug&&"console"in window&&(this.console={log:console.log,warn:console.warn,error:console.error},this.console.log("Debugging enabled")),this.console.log("Config",this.config),this.console.log("Support",a),!s.is.nullOrUndefined(this.media)&&s.is.htmlElement(this.media))if(this.media.plyr)this.console.warn("Target already setup");else if(this.config.enabled)if(a.check().api){this.elements.original=this.media.cloneNode(!0);var o=this.media.tagName.toLowerCase(),c={provider:"data-plyr-provider",id:"data-plyr-provider-id"};switch(o){case"div":if(this.type=this.media.getAttribute(c.provider),this.embedId=this.media.getAttribute(c.id),s.is.empty(this.type))return void this.console.error("Setup failed: embed type missing");if(s.is.empty(this.embedId))return void this.console.error("Setup failed: video id missing");this.media.removeAttribute(c.provider),this.media.removeAttribute(c.id);break;case"video":case"audio":this.type=o,this.media.hasAttribute("crossorigin")&&(this.config.crossorigin=!0),this.media.hasAttribute("autoplay")&&(this.config.autoplay=!0),this.media.hasAttribute("playsinline")&&(this.config.inline=!0),this.media.hasAttribute("muted")&&(this.config.muted=!0),this.media.hasAttribute("loop")&&(this.config.loop.active=!0);break;default:return void this.console.error("Setup failed: unsupported type")}r.setup.call(this),this.supported=a.check(this.type,this.config.inline),this.supported.api?(this.media.plyr=this,this.elements.container=s.createElement("div"),s.wrap(this.media,this.elements.container),this.elements.container.setAttribute("tabindex",0),u.global.call(this),d.addStyleHook.call(this),b.setup.call(this),this.config.debug&&s.on(this.elements.container,this.config.events.join(" "),function(e){l.console.log("event: "+e.type)}),(this.isHTML5||this.isEmbed&&!this.supported.ui)&&d.build.call(this)):this.console.error("Setup failed: no support")}else this.console.error("Setup failed: no support");else this.console.error("Setup failed: disabled by config");else this.console.error("Setup failed: no suitable element passed")}return w(e,[{key:"play",value:function(){return"play"in this.media&&this.media.play(),this}},{key:"pause",value:function(){return"pause"in this.media&&this.media.pause(),this}},{key:"togglePlay",value:function(e){return!s.is.boolean(e)&&this.media.paused||e?this.play():this.pause()}},{key:"stop",value:function(){return this.restart().pause()}},{key:"restart",value:function(){return this.currentTime=0,this}},{key:"rewind",value:function(e){return this.currentTime=this.currentTime-(s.is.number(e)?e:this.config.seekTime),this}},{key:"forward",value:function(e){return this.currentTime=this.currentTime+(s.is.number(e)?e:this.config.seekTime),this}},{key:"increaseVolume",value:function(e){var t=this.media.muted?0:this.volume;return this.volume=t+s.is.number(e)?e:1,this}},{key:"decreaseVolume",value:function(e){var t=this.media.muted?0:this.volume;return this.volume=t-s.is.number(e)?e:1,this}},{key:"toggleCaptions",value:function(e){if(!this.supported.ui||!s.is.htmlElement(this.elements.buttons.captions))return this;var t=s.is.boolean(e)?e:-1===this.elements.container.className.indexOf(this.config.classNames.captions.active);return this.captions.enabled===t?this:(this.captions.enabled=t,s.toggleState(this.elements.buttons.captions,this.captions.enabled),s.toggleClass(this.elements.container,this.config.classNames.captions.active,this.captions.enabled),s.dispatchEvent.call(this,this.media,this.captions.enabled?"captionsenabled":"captionsdisabled"),this)}},{key:"toggleFullscreen",value:function(e){if(o.enabled){if(!s.is.event(e)||e.type!==o.eventType)return this.fullscreen.active?o.cancelFullScreen():o.requestFullScreen(this.elements.container),this;this.fullscreen.active=o.isFullScreen(this.elements.container)}else this.fullscreen.active=!this.fullscreen.active,s.toggleClass(this.elements.container,this.config.classNames.fullscreen.fallback,this.fullscreen.active),this.fullscreen.active?E={x:window.pageXOffset||0,y:window.pageYOffset||0}:window.scrollTo(E.x,E.y),document.body.style.overflow=this.fullscreen.active?"hidden":"";return s.is.htmlElement(this.elements.buttons.fullscreen)&&s.toggleState(this.elements.buttons.fullscreen,this.fullscreen.active),s.dispatchEvent.call(this,this.media,this.fullscreen.active?"enterfullscreen":"exitfullscreen"),this}},{key:"airplay",value:function(){return a.airplay?(this.media.webkitShowPlaybackTargetPicker(),this):this}},{key:"toggleControls",value:function(e){var t=this;if(!s.is.htmlElement(this.elements.controls))return this;if(!this.supported.ui||"audio"===this.type)return this;var i=0,n=e,l=!1;if(s.is.boolean(e)||(s.is.event(e)?(l="enterfullscreen"===e.type,n=["mouseenter","mousemove","touchstart","touchmove","focusin"].includes(e.type),["mousemove","touchmove","touchend"].includes(e.type)&&(i=2e3),"focusin"===e.type&&(i=3e3,s.toggleClass(this.elements.controls,this.config.classNames.noTransition,!0))):n=s.hasClass(this.elements.container,this.config.classNames.hideControls)),window.clearTimeout(this.timers.controls),n||this.paused||this.loading){if(s.toggleClass(this.elements.container,this.config.classNames.hideControls,!1)&&s.dispatchEvent.call(this,this.media,"controlsshown"),this.paused||this.loading)return this;a.touch&&(i=3e3)}return n&&!this.playing||(this.timers.controls=window.setTimeout(function(){console.warn({pressed:t.elements.controls.pressed,hover:t.elements.controls.pressed,playing:t.playing,paused:t.paused,loading:t.loading}),(!t.elements.controls.pressed&&!t.elements.controls.hover||l)&&(s.hasClass(t.elements.container,t.config.classNames.hideControls)||s.toggleClass(t.elements.controls,t.config.classNames.noTransition,!1),s.toggleClass(t.elements.container,t.config.classNames.hideControls,!0)&&(s.dispatchEvent.call(t,t.media,"controlshidden"),t.config.controls.includes("settings")&&!s.is.empty(t.config.settings)&&p.toggleMenu.call(t,!1)))},i)),this}},{key:"on",value:function(e,t){return s.on(this.elements.container,e,t),this}},{key:"off",value:function(e,t){return s.off(this.elements.container,e,t),this}},{key:"supports",value:function(e){return a.mime.call(this,e)}},{key:"destroy",value:function(e){var t=this,i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=function(){if(document.body.style.overflow="",t.embed=null,t.embedId=null,i)Object.keys(t.elements).length&&(t.elements.buttons&&t.elements.buttons.play&&Array.from(t.elements.buttons.play).forEach(function(e){return s.removeElement(e)}),s.removeElement(t.elements.captions),s.removeElement(t.elements.controls),s.removeElement(t.elements.wrapper),t.elements.buttons.play=null,t.elements.captions=null,t.elements.controls=null,t.elements.wrapper=null),s.is.function(e)&&e();else{var n=t.elements.container.parentNode;s.is.htmlElement(n)&&n.replaceChild(t.elements.original,t.elements.container),s.dispatchEvent.call(t,t.elements.original,"destroyed",!0),s.is.function(e)&&e.call(t.elements.original),t.elements=null}};switch(this.type){case"youtube":window.clearInterval(this.timers.buffering),window.clearInterval(this.timers.playing),this.embed.destroy(),n();break;case"vimeo":this.embed.unload().then(n),window.setTimeout(n,200);break;case"video":case"audio":d.toggleNativeControls.call(this,!0),n()}}},{key:"isHTML5",get:function(){return n.html5.includes(this.type)}},{key:"isEmbed",get:function(){return n.embed.includes(this.type)}},{key:"paused",get:function(){return this.media.paused}},{key:"playing",get:function(){return!this.paused&&!this.ended&&(!this.isHTML5||this.media.readyState>2)}},{key:"ended",get:function(){return this.media.ended}},{key:"currentTime",set:function(e){var t=0;s.is.number(e)&&(t=e),t<0?t=0:t>this.duration&&(t=this.duration),this.media.currentTime=t.toFixed(4),this.console.log("Seeking to "+this.currentTime+" seconds")},get:function(){return Number(this.media.currentTime)}},{key:"seeking",get:function(){return this.media.seeking}},{key:"duration",get:function(){var e=parseInt(this.config.duration,10),t=Number(this.media.duration);return Number.isNaN(e)?t:e}},{key:"volume",set:function(e){var t=e;s.is.string(t)&&(t=Number(t)),s.is.number(t)||(t=r.get.call(this).volume),s.is.number(t)||(t=this.config.volume),t>1&&(t=1),t<0&&(t=0),this.config.volume=t,this.media.volume=t,this.muted&&t>0&&(this.muted=!1)},get:function(){return this.media.volume}},{key:"muted",set:function(e){var t=e;s.is.boolean(t)||(t=r.get.call(this).muted),s.is.boolean(t)||(t=this.config.muted),this.config.muted=t,this.media.muted=t},get:function(){return this.media.muted}},{key:"hasAudio",get:function(){return!this.isHTML5||(this.media.mozHasAudio||Boolean(this.media.webkitAudioDecodedByteCount)||Boolean(this.media.audioTracks&&this.media.audioTracks.length))}},{key:"speed",set:function(e){var t=null;(t=s.is.number(e)?e:s.is.number(r.get.call(this).speed)?r.get.call(this).speed:this.config.speed.selected)<.1&&(t=.1),t>2&&(t=2),this.config.speed.options.includes(t)?(this.config.speed.selected=t,this.media.playbackRate=t):this.console.warn("Unsupported speed ("+t+")")},get:function(){return this.media.playbackRate}},{key:"quality",set:function(e){var t=null;t=s.is.string(e)?e:s.is.number(r.get.call(this).quality)?r.get.call(this).quality:this.config.quality.selected,this.options.quality.includes(t)?(this.config.quality.selected=t,this.media.quality=t):this.console.warn("Unsupported quality option ("+t+")")},get:function(){return this.media.quality}},{key:"loop",set:function(e){var t=s.is.boolean(e)?e:this.config.loop.active;this.config.loop.active=t,this.media.loop=t},get:function(){return this.media.loop}},{key:"source",set:function(e){v.change.call(this,e)},get:function(){return this.media.currentSrc}},{key:"poster",set:function(e){this.isHTML5&&"video"===this.type?s.is.string(e)&&this.media.setAttribute("poster",e):this.console.warn("Poster can only be set on HTML5 video")},get:function(){return this.isHTML5&&"video"===this.type?this.media.getAttribute("poster"):null}},{key:"autoplay",set:function(e){var t=s.is.boolean(e)?e:this.config.autoplay;this.config.autoplay=t},get:function(){return this.config.autoplay}},{key:"language",set:function(e){if(s.is.string(e)&&(this.toggleCaptions(!s.is.empty(e)),!s.is.empty(e))){var t=e.toLowerCase();this.language!==t&&(this.captions.language=t,m.setText.call(this,null),m.setLanguage.call(this),s.dispatchEvent.call(this,this.media,"languagechange"))}},get:function(){return this.captions.language}},{key:"pip",set:function(e){var t={pip:"picture-in-picture",inline:"inline"};if(a.pip){var i=s.is.boolean(e)?e:this.pip===t.inline;this.media.webkitSetPresentationMode(i?t.pip:t.inline)}},get:function(){return a.pip?this.media.webkitPresentationMode:null}}]),e}()}); //# sourceMappingURL=plyr.js.map diff --git a/dist/plyr.js.map b/dist/plyr.js.map index 6f38cad6..81b92cee 100644 --- a/dist/plyr.js.map +++ b/dist/plyr.js.map @@ -1 +1 @@ -{"version":3,"file":"plyr.js","sources":["src/js/storage.js","src/js/defaults.js","src/js/types.js","src/js/utils.js","src/js/support.js","src/js/fullscreen.js","src/js/listeners.js","src/js/ui.js","src/js/controls.js","src/js/captions.js","src/js/plugins/youtube.js","src/js/plugins/vimeo.js","src/js/media.js","src/js/source.js","src/js/plyr.js"],"sourcesContent":["// ==========================================================================\n// Plyr storage\n// ==========================================================================\n\nimport support from './support';\nimport utils from './utils';\n\n// Get contents of local storage\nfunction get() {\n const store = window.localStorage.getItem(this.config.storage.key);\n\n if (utils.is.empty(store)) {\n return {};\n }\n\n return JSON.parse(store);\n}\n\n// Save a value back to local storage\nfunction set(object) {\n // Bail if we don't have localStorage support or it's disabled\n if (!support.storage || !this.config.storage.enabled) {\n return;\n }\n\n // Can only store objectst\n if (!utils.is.object(object)) {\n return;\n }\n\n // Get current storage\n const storage = get.call(this);\n\n // Update the working copy of the values\n utils.extend(storage, object);\n\n // Update storage\n window.localStorage.setItem(this.config.storage.key, JSON.stringify(storage));\n}\n\n// Setup localStorage\nfunction setup() {\n let value = null;\n let storage = {};\n\n // Bail if we don't have localStorage support or it's disabled\n if (!support.storage || !this.config.storage.enabled) {\n return storage;\n }\n\n // Clean up old volume\n // https://github.com/sampotts/plyr/issues/171\n window.localStorage.removeItem('plyr-volume');\n\n // load value from the current key\n value = window.localStorage.getItem(this.config.storage.key);\n\n if (!value) {\n // Key wasn't set (or had been cleared), move along\n } else if (/^\\d+(\\.\\d+)?$/.test(value)) {\n // If value is a number, it's probably volume from an older\n // version of this. See: https://github.com/sampotts/plyr/pull/313\n // Update the key to be JSON\n set({\n volume: parseFloat(value),\n });\n } else {\n // Assume it's JSON from this or a later version of plyr\n storage = JSON.parse(value);\n }\n\n return storage;\n}\n\nexport default { setup, set, get };\n","// Default config\nconst defaults = {\n // Disable\n enabled: true,\n\n // Custom media title\n title: '',\n\n // Logging to console\n debug: false,\n\n // Auto play (if supported)\n autoplay: false,\n\n // Only allow one media playing at once (vimeo only)\n autopause: false,\n\n // Default time to skip when rewind/fast forward\n seekTime: 10,\n\n // Default volume\n volume: 1,\n muted: false,\n\n // Pass a custom duration\n duration: null,\n\n // Display the media duration on load in the current time position\n // If you have opted to display both duration and currentTime, this is ignored\n displayDuration: true,\n\n // Invert the current time to be a countdown\n invertTime: true,\n\n // Clicking the currentTime inverts it's value to show time left rather than elapsed\n toggleInvert: true,\n\n // Aspect ratio (for embeds)\n ratio: '16:9',\n\n // Click video container to play/pause\n clickToPlay: true,\n\n // Auto hide the controls\n hideControls: true,\n\n // Revert to poster on finish (HTML5 - will cause reload)\n showPosterOnEnd: false,\n\n // Disable the standard context menu\n disableContextMenu: true,\n\n // Sprite (for icons)\n loadSprite: true,\n iconPrefix: 'plyr',\n iconUrl: 'https://cdn.plyr.io/2.0.10/plyr.svg',\n\n // Blank video (used to prevent errors on source change)\n blankVideo: 'https://cdn.plyr.io/static/blank.mp4',\n\n // Quality default\n quality: {\n default: 'default',\n options: ['hd2160', 'hd1440', 'hd1080', 'hd720', 'large', 'medium', 'small', 'tiny', 'default'],\n },\n\n // Set loops\n loop: {\n active: false,\n // start: null,\n // end: null,\n },\n\n // Speed default and options to display\n speed: {\n selected: 1,\n options: [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2],\n },\n\n // Keyboard shortcut settings\n keyboard: {\n focused: true,\n global: false,\n },\n\n // Display tooltips\n tooltips: {\n controls: false,\n seek: true,\n },\n\n // Captions settings\n captions: {\n active: false,\n language: window.navigator.language.split('-')[0],\n },\n\n // Fullscreen settings\n fullscreen: {\n enabled: true, // Allow fullscreen?\n fallback: true, // Fallback for vintage browsers\n },\n\n // Local storage\n storage: {\n enabled: true,\n key: 'plyr',\n },\n\n // Default controls\n controls: [\n 'play-large',\n 'play',\n 'progress',\n 'current-time',\n 'mute',\n 'volume',\n 'captions',\n 'settings',\n 'pip',\n 'airplay',\n 'fullscreen',\n ],\n settings: ['captions', 'quality', 'speed', 'loop'],\n\n // Localisation\n i18n: {\n restart: 'Restart',\n rewind: 'Rewind {seektime} secs',\n play: 'Play',\n pause: 'Pause',\n forward: 'Forward {seektime} secs',\n seek: 'Seek',\n played: 'Played',\n buffered: 'Buffered',\n currentTime: 'Current time',\n duration: 'Duration',\n volume: 'Volume',\n mute: 'Mute',\n unmute: 'Unmute',\n enableCaptions: 'Enable captions',\n disableCaptions: 'Disable captions',\n enterFullscreen: 'Enter fullscreen',\n exitFullscreen: 'Exit fullscreen',\n frameTitle: 'Player for {title}',\n captions: 'Captions',\n settings: 'Settings',\n speed: 'Speed',\n quality: 'Quality',\n loop: 'Loop',\n start: 'Start',\n end: 'End',\n all: 'All',\n reset: 'Reset',\n none: 'None',\n disabled: 'Disabled',\n },\n\n // URLs\n urls: {\n vimeo: {\n api: 'https://player.vimeo.com/api/player.js',\n },\n youtube: {\n api: 'https://www.youtube.com/iframe_api',\n },\n },\n\n // Custom control listeners\n listeners: {\n seek: null,\n play: null,\n pause: null,\n restart: null,\n rewind: null,\n forward: null,\n mute: null,\n volume: null,\n captions: null,\n fullscreen: null,\n pip: null,\n airplay: null,\n speed: null,\n quality: null,\n loop: null,\n language: null,\n },\n\n // Events to watch and bubble\n events: [\n // Events to watch on HTML5 media elements and bubble\n // https://developer.mozilla.org/en/docs/Web/Guide/Events/Media_events\n 'ended',\n 'progress',\n 'stalled',\n 'playing',\n 'waiting',\n 'canplay',\n 'canplaythrough',\n 'loadstart',\n 'loadeddata',\n 'loadedmetadata',\n 'timeupdate',\n 'volumechange',\n 'play',\n 'pause',\n 'error',\n 'seeking',\n 'seeked',\n 'emptied',\n 'ratechange',\n 'cuechange',\n\n // Custom events\n 'enterfullscreen',\n 'exitfullscreen',\n 'captionsenabled',\n 'captionsdisabled',\n 'languagechange',\n 'controlshidden',\n 'controlsshown',\n 'ready',\n\n // YouTube\n 'statechange',\n 'qualitychange',\n 'qualityrequested',\n ],\n\n // Selectors\n // Change these to match your template if using custom HTML\n selectors: {\n editable: 'input, textarea, select, [contenteditable]',\n container: '.plyr',\n controls: {\n container: null,\n wrapper: '.plyr__controls',\n },\n labels: '[data-plyr]',\n buttons: {\n play: '[data-plyr=\"play\"]',\n pause: '[data-plyr=\"pause\"]',\n restart: '[data-plyr=\"restart\"]',\n rewind: '[data-plyr=\"rewind\"]',\n forward: '[data-plyr=\"fast-forward\"]',\n mute: '[data-plyr=\"mute\"]',\n captions: '[data-plyr=\"captions\"]',\n fullscreen: '[data-plyr=\"fullscreen\"]',\n pip: '[data-plyr=\"pip\"]',\n airplay: '[data-plyr=\"airplay\"]',\n settings: '[data-plyr=\"settings\"]',\n loop: '[data-plyr=\"loop\"]',\n },\n inputs: {\n seek: '[data-plyr=\"seek\"]',\n volume: '[data-plyr=\"volume\"]',\n speed: '[data-plyr=\"speed\"]',\n language: '[data-plyr=\"language\"]',\n quality: '[data-plyr=\"quality\"]',\n },\n display: {\n currentTime: '.plyr__time--current',\n duration: '.plyr__time--duration',\n buffer: '.plyr__progress--buffer',\n played: '.plyr__progress--played',\n loop: '.plyr__progress--loop',\n volume: '.plyr__volume--display',\n },\n progress: '.plyr__progress',\n captions: '.plyr__captions',\n menu: {\n quality: '.js-plyr__menu__list--quality',\n },\n },\n\n // Class hooks added to the player in different states\n classNames: {\n video: 'plyr__video-wrapper',\n embed: 'plyr__video-embed',\n control: 'plyr__control',\n type: 'plyr--{0}',\n stopped: 'plyr--stopped',\n playing: 'plyr--playing',\n loading: 'plyr--loading',\n hover: 'plyr--hover',\n tooltip: 'plyr__tooltip',\n hidden: 'plyr__sr-only',\n hideControls: 'plyr--hide-controls',\n isIos: 'plyr--is-ios',\n isTouch: 'plyr--is-touch',\n uiSupported: 'plyr--full-ui',\n noTransition: 'plyr--no-transition',\n menu: {\n value: 'plyr__menu__value',\n badge: 'plyr__badge',\n },\n captions: {\n enabled: 'plyr--captions-enabled',\n active: 'plyr--captions-active',\n },\n fullscreen: {\n enabled: 'plyr--fullscreen-enabled',\n fallback: 'plyr--fullscreen-fallback',\n },\n pip: {\n supported: 'plyr--pip-supported',\n active: 'plyr--pip-active',\n },\n airplay: {\n supported: 'plyr--airplay-supported',\n active: 'plyr--airplay-active',\n },\n tabFocus: 'plyr__tab-focus',\n },\n\n // API keys\n keys: {\n google: null,\n },\n};\n\nexport default defaults;\n","// ==========================================================================\n// Plyr supported types\n// ==========================================================================\n\nconst types = {\n embed: ['youtube', 'vimeo'],\n html5: ['video', 'audio'],\n};\n\nexport default types;\n","// ==========================================================================\n// Plyr utils\n// ==========================================================================\n\nimport support from './support';\n\nconst utils = {\n // Check variable types\n is: {\n object(input) {\n return this.getConstructor(input) === Object;\n },\n number(input) {\n return this.getConstructor(input) === Number && !Number.isNaN(input);\n },\n string(input) {\n return this.getConstructor(input) === String;\n },\n boolean(input) {\n return this.getConstructor(input) === Boolean;\n },\n function(input) {\n return this.getConstructor(input) === Function;\n },\n array(input) {\n return !this.nullOrUndefined(input) && Array.isArray(input);\n },\n nodeList(input) {\n return this.instanceof(input, window.NodeList);\n },\n htmlElement(input) {\n return this.instanceof(input, window.HTMLElement);\n },\n textNode(input) {\n return this.getConstructor(input) === Text;\n },\n event(input) {\n return this.instanceof(input, window.Event);\n },\n cue(input) {\n return this.instanceof(input, window.TextTrackCue) || this.instanceof(input, window.VTTCue);\n },\n track(input) {\n return (\n this.instanceof(input, window.TextTrack) || (!this.nullOrUndefined(input) && this.string(input.kind))\n );\n },\n nullOrUndefined(input) {\n return input === null || typeof input === 'undefined';\n },\n empty(input) {\n return (\n this.nullOrUndefined(input) ||\n ((this.string(input) || this.array(input) || this.nodeList(input)) && !input.length) ||\n (this.object(input) && !Object.keys(input).length)\n );\n },\n instanceof(input, constructor) {\n return Boolean(input && constructor && input instanceof constructor);\n },\n getConstructor(input) {\n return !this.nullOrUndefined(input) ? input.constructor : null;\n },\n },\n\n // Unfortunately, due to mixed support, UA sniffing is required\n getBrowser() {\n return {\n isIE: /* @cc_on!@ */ false || !!document.documentMode,\n isWebkit: 'WebkitAppearance' in document.documentElement.style && !/Edge/.test(navigator.userAgent),\n isIPhone: /(iPhone|iPod)/gi.test(navigator.platform),\n isIos: /(iPad|iPhone|iPod)/gi.test(navigator.platform),\n };\n },\n\n // Load an external script\n loadScript(url, callback) {\n // Check script is not already referenced\n if (document.querySelectorAll(`script[src=\"${url}\"]`).length) {\n return;\n }\n\n // Build the element\n const element = document.createElement('script');\n element.src = url;\n\n // Find first script\n const first = document.getElementsByTagName('script')[0];\n\n // Bind callback\n if (utils.is.function(callback)) {\n element.addEventListener('load', event => callback.call(null, event), false);\n }\n\n // Inject\n first.parentNode.insertBefore(element, first);\n },\n\n // Load an external SVG sprite\n loadSprite(url, id) {\n if (!utils.is.string(url)) {\n return;\n }\n\n const prefix = 'cache-';\n const hasId = utils.is.string(id);\n let isCached = false;\n\n function updateSprite(data) {\n // Inject content\n this.innerHTML = data;\n\n // Inject the SVG to the body\n document.body.insertBefore(this, document.body.childNodes[0]);\n }\n\n // Only load once\n if (!hasId || !document.querySelectorAll(`#${id}`).length) {\n // Create container\n const container = document.createElement('div');\n utils.toggleHidden(container, true);\n\n if (hasId) {\n container.setAttribute('id', id);\n }\n\n // Check in cache\n if (support.storage) {\n const cached = window.localStorage.getItem(prefix + id);\n isCached = cached !== null;\n\n if (isCached) {\n const data = JSON.parse(cached);\n updateSprite.call(container, data.content);\n return;\n }\n }\n\n // Get the sprite\n fetch(url)\n .then(response => (response.ok ? response.text() : null))\n .then(text => {\n if (text === null) {\n return;\n }\n\n if (support.storage) {\n window.localStorage.setItem(\n prefix + id,\n JSON.stringify({\n content: text,\n })\n );\n }\n\n updateSprite.call(container, text);\n })\n .catch(() => {});\n }\n },\n\n // Generate a random ID\n generateId(prefix) {\n return `${prefix}-${Math.floor(Math.random() * 10000)}`;\n },\n\n // Determine if we're in an iframe\n inFrame() {\n try {\n return window.self !== window.top;\n } catch (e) {\n return true;\n }\n },\n\n // Wrap an element\n wrap(elements, wrapper) {\n // Convert `elements` to an array, if necessary.\n const targets = elements.length ? elements : [elements];\n\n // Loops backwards to prevent having to clone the wrapper on the\n // first element (see `child` below).\n Array.from(targets)\n .reverse()\n .forEach((element, index) => {\n const child = index > 0 ? wrapper.cloneNode(true) : wrapper;\n\n // Cache the current parent and sibling.\n const parent = element.parentNode;\n const sibling = element.nextSibling;\n\n // Wrap the element (is automatically removed from its current\n // parent).\n child.appendChild(element);\n\n // If the element had a sibling, insert the wrapper before\n // the sibling to maintain the HTML structure; otherwise, just\n // append it to the parent.\n if (sibling) {\n parent.insertBefore(child, sibling);\n } else {\n parent.appendChild(child);\n }\n });\n },\n\n // Create a DocumentFragment\n createElement(type, attributes, text) {\n // Create a new <element>\n const element = document.createElement(type);\n\n // Set all passed attributes\n if (utils.is.object(attributes)) {\n utils.setAttributes(element, attributes);\n }\n\n // Add text node\n if (utils.is.string(text)) {\n element.textContent = text;\n }\n\n // Return built element\n return element;\n },\n\n // Inaert an element after another\n insertAfter(element, target) {\n target.parentNode.insertBefore(element, target.nextSibling);\n },\n\n // Insert a DocumentFragment\n insertElement(type, parent, attributes, text) {\n // Inject the new <element>\n parent.appendChild(utils.createElement(type, attributes, text));\n },\n\n // Remove an element\n removeElement(element) {\n if (!utils.is.htmlElement(element) || !utils.is.htmlElement(element.parentNode)) {\n return null;\n }\n\n element.parentNode.removeChild(element);\n\n return element;\n },\n\n // Remove all child elements\n emptyElement(element) {\n let { length } = element.childNodes;\n\n while (length > 0) {\n element.removeChild(element.lastChild);\n length -= 1;\n }\n },\n\n // Set attributes\n setAttributes(element, attributes) {\n Object.keys(attributes).forEach(key => {\n element.setAttribute(key, attributes[key]);\n });\n },\n\n // Get an attribute object from a string selector\n getAttributesFromSelector(sel, existingAttributes) {\n // For example:\n // '.test' to { class: 'test' }\n // '#test' to { id: 'test' }\n // '[data-test=\"test\"]' to { 'data-test': 'test' }\n\n if (!utils.is.string(sel) || utils.is.empty(sel)) {\n return {};\n }\n\n const attributes = {};\n const existing = existingAttributes;\n\n sel.split(',').forEach(s => {\n // Remove whitespace\n const selector = s.trim();\n const className = selector.replace('.', '');\n const stripped = selector.replace(/[[\\]]/g, '');\n\n // Get the parts and value\n const parts = stripped.split('=');\n const key = parts[0];\n const value = parts.length > 1 ? parts[1].replace(/[\"']/g, '') : '';\n\n // Get the first character\n const start = selector.charAt(0);\n\n switch (start) {\n case '.':\n // Add to existing classname\n if (utils.is.object(existing) && utils.is.string(existing.class)) {\n existing.class += ` ${className}`;\n }\n\n attributes.class = className;\n break;\n\n case '#':\n // ID selector\n attributes.id = selector.replace('#', '');\n break;\n\n case '[':\n // Attribute selector\n attributes[key] = value;\n\n break;\n\n default:\n break;\n }\n });\n\n return attributes;\n },\n\n // Toggle class on an element\n toggleClass(element, className, toggle) {\n if (utils.is.htmlElement(element)) {\n const contains = element.classList.contains(className);\n\n element.classList[toggle ? 'add' : 'remove'](className);\n\n return (toggle && !contains) || (!toggle && contains);\n }\n\n return null;\n },\n\n // Has class name\n hasClass(element, className) {\n return utils.is.htmlElement(element) && element.classList.contains(className);\n },\n\n // Toggle hidden attribute on an element\n toggleHidden(element, toggle) {\n if (!utils.is.htmlElement(element)) {\n return;\n }\n\n if (toggle) {\n element.setAttribute('hidden', '');\n } else {\n element.removeAttribute('hidden');\n }\n },\n\n // Element matches selector\n matches(element, selector) {\n const prototype = { Element };\n\n function match() {\n return Array.from(document.querySelectorAll(selector)).includes(this);\n }\n\n const matches =\n prototype.matches ||\n prototype.webkitMatchesSelector ||\n prototype.mozMatchesSelector ||\n prototype.msMatchesSelector ||\n match;\n\n return matches.call(element, selector);\n },\n\n // Find all elements\n getElements(selector) {\n return this.elements.container.querySelectorAll(selector);\n },\n\n // Find a single element\n getElement(selector) {\n return this.elements.container.querySelector(selector);\n },\n\n // Find the UI controls and store references in custom controls\n // TODO: Allow settings menus with custom controls\n findElements() {\n try {\n this.elements.controls = utils.getElement.call(this, this.config.selectors.controls.wrapper);\n\n // Buttons\n this.elements.buttons = {\n play: utils.getElements.call(this, this.config.selectors.buttons.play),\n pause: utils.getElement.call(this, this.config.selectors.buttons.pause),\n restart: utils.getElement.call(this, this.config.selectors.buttons.restart),\n rewind: utils.getElement.call(this, this.config.selectors.buttons.rewind),\n forward: utils.getElement.call(this, this.config.selectors.buttons.forward),\n mute: utils.getElement.call(this, this.config.selectors.buttons.mute),\n pip: utils.getElement.call(this, this.config.selectors.buttons.pip),\n airplay: utils.getElement.call(this, this.config.selectors.buttons.airplay),\n settings: utils.getElement.call(this, this.config.selectors.buttons.settings),\n captions: utils.getElement.call(this, this.config.selectors.buttons.captions),\n fullscreen: utils.getElement.call(this, this.config.selectors.buttons.fullscreen),\n };\n\n // Progress\n this.elements.progress = utils.getElement.call(this, this.config.selectors.progress);\n\n // Inputs\n this.elements.inputs = {\n seek: utils.getElement.call(this, this.config.selectors.inputs.seek),\n volume: utils.getElement.call(this, this.config.selectors.inputs.volume),\n };\n\n // Display\n this.elements.display = {\n buffer: utils.getElement.call(this, this.config.selectors.display.buffer),\n duration: utils.getElement.call(this, this.config.selectors.display.duration),\n currentTime: utils.getElement.call(this, this.config.selectors.display.currentTime),\n };\n\n // Seek tooltip\n if (utils.is.htmlElement(this.elements.progress)) {\n this.elements.display.seekTooltip = this.elements.progress.querySelector(\n `.${this.config.classNames.tooltip}`\n );\n }\n\n return true;\n } catch (error) {\n // Log it\n this.console.warn('It looks like there is a problem with your custom controls HTML', error);\n\n // Restore native video controls\n this.toggleNativeControls(true);\n\n return false;\n }\n },\n\n // Get the focused element\n getFocusElement() {\n let focused = document.activeElement;\n\n if (!focused || focused === document.body) {\n focused = null;\n } else {\n focused = document.querySelector(':focus');\n }\n\n return focused;\n },\n\n // Trap focus inside container\n trapFocus() {\n const focusable = utils.getElements.call(this, 'button:not(:disabled), input:not(:disabled), [tabindex]');\n const first = focusable[0];\n const last = focusable[focusable.length - 1];\n\n utils.on(\n this.elements.container,\n 'keydown',\n event => {\n // Bail if not tab key or not fullscreen\n if (event.key !== 'Tab' || event.keyCode !== 9 || !this.fullscreen.active) {\n return;\n }\n\n // Get the current focused element\n const focused = utils.getFocusElement();\n\n if (focused === last && !event.shiftKey) {\n // Move focus to first element that can be tabbed if Shift isn't used\n first.focus();\n event.preventDefault();\n } else if (focused === first && event.shiftKey) {\n // Move focus to last element that can be tabbed if Shift is used\n last.focus();\n event.preventDefault();\n }\n },\n false\n );\n },\n\n // Toggle event listener\n toggleListener(elements, event, callback, toggle, passive, capture) {\n // Bail if no elements\n if (utils.is.nullOrUndefined(elements)) {\n return;\n }\n\n // If a nodelist is passed, call itself on each node\n if (utils.is.nodeList(elements)) {\n // Create listener for each node\n Array.from(elements).forEach(element => {\n if (element instanceof Node) {\n utils.toggleListener.call(null, element, event, callback, toggle, passive, capture);\n }\n });\n\n return;\n }\n\n // Allow multiple events\n const events = event.split(' ');\n\n // Build options\n // Default to just capture boolean\n let options = utils.is.boolean(capture) ? capture : false;\n\n // If passive events listeners are supported\n if (support.passiveListeners) {\n options = {\n // Whether the listener can be passive (i.e. default never prevented)\n passive: utils.is.boolean(passive) ? passive : true,\n // Whether the listener is a capturing listener or not\n capture: utils.is.boolean(capture) ? capture : false,\n };\n }\n\n // If a single node is passed, bind the event listener\n events.forEach(type => {\n elements[toggle ? 'addEventListener' : 'removeEventListener'](type, callback, options);\n });\n },\n\n // Bind event handler\n on(element, events, callback, passive, capture) {\n utils.toggleListener(element, events, callback, true, passive, capture);\n },\n\n // Unbind event handler\n off(element, events, callback, passive, capture) {\n utils.toggleListener(element, events, callback, false, passive, capture);\n },\n\n // Trigger event\n dispatchEvent(element, type, bubbles, detail) {\n // Bail if no element\n if (!element || !type) {\n return;\n }\n\n // Create and dispatch the event\n const event = new CustomEvent(type, {\n bubbles: utils.is.boolean(bubbles) ? bubbles : false,\n detail: Object.assign({}, detail, {\n plyr: this instanceof Plyr ? this : null,\n }),\n });\n\n // Dispatch the event\n element.dispatchEvent(event);\n },\n\n // Toggle aria-pressed state on a toggle button\n // http://www.ssbbartgroup.com/blog/how-not-to-misuse-aria-states-properties-and-roles\n toggleState(element, input) {\n // Bail if no target\n if (!utils.is.htmlElement(element)) {\n return;\n }\n\n // Get state\n const pressed = element.getAttribute('aria-pressed') === 'true';\n const state = utils.is.boolean(input) ? input : !pressed;\n\n // Set the attribute on target\n element.setAttribute('aria-pressed', state);\n },\n\n // Get percentage\n getPercentage(current, max) {\n if (current === 0 || max === 0 || Number.isNaN(current) || Number.isNaN(max)) {\n return 0;\n }\n return (current / max * 100).toFixed(2);\n },\n\n // Deep extend/merge destination object with N more objects\n // http://andrewdupont.net/2009/08/28/deep-extending-objects-in-javascript/\n // Removed call to arguments.callee (used explicit function name instead)\n extend(...objects) {\n const { length } = objects;\n\n // Bail if nothing to merge\n if (!length) {\n return null;\n }\n\n // Return first if specified but nothing to merge\n if (length === 1) {\n return objects[0];\n }\n\n // First object is the destination\n let destination = Array.prototype.shift.call(objects);\n if (!utils.is.object(destination)) {\n destination = {};\n }\n\n // Loop through all objects to merge\n objects.forEach(source => {\n if (!utils.is.object(source)) {\n return;\n }\n\n Object.keys(source).forEach(property => {\n if (source[property] && source[property].constructor && source[property].constructor === Object) {\n destination[property] = destination[property] || {};\n utils.extend(destination[property], source[property]);\n } else {\n destination[property] = source[property];\n }\n });\n });\n\n return destination;\n },\n\n // Parse YouTube ID from URL\n parseYouTubeId(url) {\n const regex = /^.*(youtu.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=|&v=)([^#&?]*).*/;\n return url.match(regex) ? RegExp.$2 : url;\n },\n\n // Parse Vimeo ID from URL\n parseVimeoId(url) {\n if (utils.is.number(Number(url))) {\n return url;\n }\n\n const regex = /^.*(vimeo.com\\/|video\\/)(\\d+).*/;\n return url.match(regex) ? RegExp.$2 : url;\n },\n\n // Convert object to URL parameters\n buildUrlParameters(input) {\n if (!utils.is.object(input)) {\n return '';\n }\n\n return Object.keys(input)\n .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(input[key])}`)\n .join('&');\n },\n\n // Remove HTML from a string\n stripHTML(source) {\n const fragment = document.createDocumentFragment();\n const element = document.createElement('div');\n fragment.appendChild(element);\n element.innerHTML = source;\n return fragment.firstChild.innerText;\n },\n\n // Get aspect ratio for dimensions\n getAspectRatio(width, height) {\n const getRatio = (w, h) => (h === 0 ? w : getRatio(h, w % h));\n const ratio = getRatio(width, height);\n return `${width / ratio}:${height / ratio}`;\n },\n\n // Get the transition end event\n transitionEnd: (() => {\n const element = document.createElement('span');\n\n const events = {\n WebkitTransition: 'webkitTransitionEnd',\n MozTransition: 'transitionend',\n OTransition: 'oTransitionEnd otransitionend',\n transition: 'transitionend',\n };\n\n const type = Object.keys(events).find(event => element.style[event] !== undefined);\n\n return typeof type === 'string' ? type : false;\n })(),\n};\n\nexport default utils;\n","// ==========================================================================\n// Plyr support checks\n// ==========================================================================\n\nimport utils from './utils';\n\n// Check for feature support\nconst support = {\n // Basic support\n audio: 'canPlayType' in document.createElement('audio'),\n video: 'canPlayType' in document.createElement('video'),\n\n // Check for support\n // Basic functionality vs full UI\n check(type, inline) {\n let api = false;\n let ui = false;\n const browser = utils.getBrowser();\n const playsInline = browser.isIPhone && inline && support.inline;\n\n switch (type) {\n case 'video':\n api = support.video;\n ui = api && support.rangeInput && (!browser.isIPhone || playsInline);\n break;\n\n case 'audio':\n api = support.audio;\n ui = api && support.rangeInput;\n break;\n\n case 'youtube':\n api = true;\n ui = support.rangeInput && (!browser.isIPhone || playsInline);\n break;\n\n case 'vimeo':\n api = true;\n ui = support.rangeInput && !browser.isIPhone;\n break;\n\n default:\n api = support.audio && support.video;\n ui = api && support.rangeInput;\n }\n\n return {\n api,\n ui,\n };\n },\n\n // Local storage\n // We can't assume if local storage is present that we can use it\n storage: (() => {\n if (!('localStorage' in window)) {\n return false;\n }\n\n // Try to use it (it might be disabled, e.g. user is in private/porn mode)\n // see: https://github.com/sampotts/plyr/issues/131\n const test = '___test';\n try {\n window.localStorage.setItem(test, test);\n window.localStorage.removeItem(test);\n return true;\n } catch (e) {\n return false;\n }\n })(),\n\n // Picture-in-picture support\n // Safari only currently\n pip: (() => {\n const browser = utils.getBrowser();\n return !browser.isIPhone && utils.is.function(utils.createElement('video').webkitSetPresentationMode);\n })(),\n\n // Airplay support\n // Safari only currently\n airplay: utils.is.function(window.WebKitPlaybackTargetAvailabilityEvent),\n\n // Inline playback support\n // https://webkit.org/blog/6784/new-video-policies-for-ios/\n inline: 'playsInline' in document.createElement('video'),\n\n // Check for mime type support against a player instance\n // Credits: http://diveintohtml5.info/everything.html\n // Related: http://www.leanbackplayer.com/test/h5mt.html\n mime(type) {\n const { media } = this;\n\n try {\n // Bail if no checking function\n if (!utils.is.function(media.canPlayType)) {\n return false;\n }\n\n // Type specific checks\n if (this.type === 'video') {\n switch (type) {\n case 'video/webm':\n return media.canPlayType('video/webm; codecs=\"vp8, vorbis\"').replace(/no/, '');\n\n case 'video/mp4':\n return media.canPlayType('video/mp4; codecs=\"avc1.42E01E, mp4a.40.2\"').replace(/no/, '');\n\n case 'video/ogg':\n return media.canPlayType('video/ogg; codecs=\"theora\"').replace(/no/, '');\n\n default:\n return false;\n }\n } else if (this.type === 'audio') {\n switch (type) {\n case 'audio/mpeg':\n return media.canPlayType('audio/mpeg;').replace(/no/, '');\n\n case 'audio/ogg':\n return media.canPlayType('audio/ogg; codecs=\"vorbis\"').replace(/no/, '');\n\n case 'audio/wav':\n return media.canPlayType('audio/wav; codecs=\"1\"').replace(/no/, '');\n\n default:\n return false;\n }\n }\n } catch (e) {\n return false;\n }\n\n // If we got this far, we're stuffed\n return false;\n },\n\n // Check for textTracks support\n textTracks: 'textTracks' in document.createElement('video'),\n\n // Check for passive event listener support\n // https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md\n // https://www.youtube.com/watch?v=NPM6172J22g\n passiveListeners: (() => {\n // Test via a getter in the options object to see if the passive property is accessed\n let supported = false;\n try {\n const options = Object.defineProperty({}, 'passive', {\n get() {\n supported = true;\n return null;\n },\n });\n window.addEventListener('test', null, options);\n } catch (e) {\n // Do nothing\n }\n\n return supported;\n })(),\n\n // <input type=\"range\"> Sliders\n rangeInput: (() => {\n const range = document.createElement('input');\n range.type = 'range';\n return range.type === 'range';\n })(),\n\n // Touch\n // Remember a device can be moust + touch enabled\n touch: 'ontouchstart' in document.documentElement,\n\n // Detect transitions support\n transitions: utils.transitionEnd !== false,\n\n // Reduced motion iOS & MacOS setting\n // https://webkit.org/blog/7551/responsive-design-for-motion/\n reducedMotion: 'matchMedia' in window && window.matchMedia('(prefers-reduced-motion)').matches,\n};\n\nexport default support;\n","// ==========================================================================\n// Plyr fullscreen API\n// ==========================================================================\n\nimport utils from './utils';\n\n// Determine the prefix\nconst prefix = (() => {\n let value = false;\n\n if (utils.is.function(document.cancelFullScreen)) {\n value = '';\n } else {\n // Check for fullscreen support by vendor prefix\n ['webkit', 'o', 'moz', 'ms', 'khtml'].some(pre => {\n if (utils.is.function(document[`${pre}CancelFullScreen`])) {\n value = pre;\n return true;\n } else if (utils.is.function(document.msExitFullscreen) && document.msFullscreenEnabled) {\n // Special case for MS (when isn't it?)\n value = 'ms';\n return true;\n }\n\n return false;\n });\n }\n\n return value;\n})();\n\n// Fullscreen API\nconst fullscreen = {\n // Get the prefix\n prefix,\n\n // Check if we can use it\n enabled:\n document.fullscreenEnabled ||\n document.webkitFullscreenEnabled ||\n document.mozFullScreenEnabled ||\n document.msFullscreenEnabled,\n\n // Yet again Microsoft awesomeness,\n // Sometimes the prefix is 'ms', sometimes 'MS' to keep you on your toes\n eventType: prefix === 'ms' ? 'MSFullscreenChange' : `${prefix}fullscreenchange`,\n\n // Is an element fullscreen\n isFullScreen(element) {\n if (!fullscreen.enabled) {\n return false;\n }\n\n const target = utils.is.nullOrUndefined(element) ? document.body : element;\n\n switch (prefix) {\n case '':\n return document.fullscreenElement === target;\n\n case 'moz':\n return document.mozFullScreenElement === target;\n\n default:\n return document[`${prefix}FullscreenElement`] === target;\n }\n },\n\n // Make an element fullscreen\n requestFullScreen(element) {\n if (!fullscreen.enabled) {\n return false;\n }\n\n const target = utils.is.nullOrUndefined(element) ? document.body : element;\n\n return !prefix.length\n ? target.requestFullScreen()\n : target[prefix + (prefix === 'ms' ? 'RequestFullscreen' : 'RequestFullScreen')]();\n },\n\n // Bail from fullscreen\n cancelFullScreen() {\n if (!fullscreen.enabled) {\n return false;\n }\n\n return !prefix.length\n ? document.cancelFullScreen()\n : document[prefix + (prefix === 'ms' ? 'ExitFullscreen' : 'CancelFullScreen')]();\n },\n\n // Get the current element\n element() {\n if (!fullscreen.enabled) {\n return null;\n }\n\n return !prefix.length ? document.fullscreenElement : document[`${prefix}FullscreenElement`];\n },\n\n // Setup fullscreen\n setup() {\n if (!this.supported.ui || this.type === 'audio' || !this.config.fullscreen.enabled) {\n return;\n }\n\n // Check for native support\n const nativeSupport = fullscreen.enabled;\n\n if (nativeSupport || (this.config.fullscreen.fallback && !utils.inFrame())) {\n this.console.log(`${nativeSupport ? 'Native' : 'Fallback'} fullscreen enabled`);\n\n // Add styling hook to show button\n utils.toggleClass(this.elements.container, this.config.classNames.fullscreen.enabled, true);\n } else {\n this.console.log('Fullscreen not supported and fallback disabled');\n }\n\n // Toggle state\n if (this.elements.buttons && this.elements.buttons.fullscreen) {\n utils.toggleState(this.elements.buttons.fullscreen, false);\n }\n\n // Trap focus in container\n utils.trapFocus.call(this);\n },\n};\n\nexport default fullscreen;\n","// ==========================================================================\n// Plyr Event Listeners\n// ==========================================================================\n\nimport support from './support';\nimport utils from './utils';\nimport controls from './controls';\nimport fullscreen from './fullscreen';\nimport storage from './storage';\nimport ui from './ui';\n\n// Sniff out the browser\nconst browser = utils.getBrowser();\n\nconst listeners = {\n // Global listeners\n global() {\n let last = null;\n\n // Get the key code for an event\n const getKeyCode = event => (event.keyCode ? event.keyCode : event.which);\n\n // Handle key press\n const handleKey = event => {\n const code = getKeyCode(event);\n const pressed = event.type === 'keydown';\n const repeat = pressed && code === last;\n\n // Bail if a modifier key is set\n if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {\n return;\n }\n\n // If the event is bubbled from the media element\n // Firefox doesn't get the keycode for whatever reason\n if (!utils.is.number(code)) {\n return;\n }\n\n // Seek by the number keys\n const seekByKey = () => {\n // Divide the max duration into 10th's and times by the number value\n this.currentTime = this.duration / 10 * (code - 48);\n };\n\n // Handle the key on keydown\n // Reset on keyup\n if (pressed) {\n // Which keycodes should we prevent default\n const preventDefault = [\n 48,\n 49,\n 50,\n 51,\n 52,\n 53,\n 54,\n 56,\n 57,\n 32,\n 75,\n 38,\n 40,\n 77,\n 39,\n 37,\n 70,\n 67,\n 73,\n 76,\n 79,\n ];\n\n // Check focused element\n // and if the focused element is not editable (e.g. text input)\n // and any that accept key input http://webaim.org/techniques/keyboard/\n const focused = utils.getFocusElement();\n if (utils.is.htmlElement(focused) && utils.matches(focused, this.config.selectors.editable)) {\n return;\n }\n\n // If the code is found prevent default (e.g. prevent scrolling for arrows)\n if (preventDefault.includes(code)) {\n event.preventDefault();\n event.stopPropagation();\n }\n\n switch (code) {\n case 48:\n case 49:\n case 50:\n case 51:\n case 52:\n case 53:\n case 54:\n case 55:\n case 56:\n case 57:\n // 0-9\n if (!repeat) {\n seekByKey();\n }\n break;\n\n case 32:\n case 75:\n // Space and K key\n if (!repeat) {\n this.togglePlay();\n }\n break;\n\n case 38:\n // Arrow up\n this.increaseVolume(0.1);\n break;\n\n case 40:\n // Arrow down\n this.decreaseVolume(0.1);\n break;\n\n case 77:\n // M key\n if (!repeat) {\n this.muted = !this.muted;\n }\n break;\n\n case 39:\n // Arrow forward\n this.forward();\n break;\n\n case 37:\n // Arrow back\n this.rewind();\n break;\n\n case 70:\n // F key\n this.toggleFullscreen();\n break;\n\n case 67:\n // C key\n if (!repeat) {\n this.toggleCaptions();\n }\n break;\n\n case 76:\n // L key\n this.loop = !this.loop;\n break;\n\n /* case 73:\n this.setLoop('start');\n break;\n\n case 76:\n this.setLoop();\n break;\n\n case 79:\n this.setLoop('end');\n break; */\n\n default:\n break;\n }\n\n // Escape is handle natively when in full screen\n // So we only need to worry about non native\n if (!fullscreen.enabled && this.fullscreen.active && code === 27) {\n this.toggleFullscreen();\n }\n\n // Store last code for next cycle\n last = code;\n } else {\n last = null;\n }\n };\n\n // Keyboard shortcuts\n if (this.config.keyboard.global) {\n utils.on(window, 'keydown keyup', handleKey, false);\n } else if (this.config.keyboard.focused) {\n utils.on(this.elements.container, 'keydown keyup', handleKey, false);\n }\n\n // Detect tab focus\n // Remove class on blur/focusout\n utils.on(this.elements.container, 'focusout', event => {\n utils.toggleClass(event.target, this.config.classNames.tabFocus, false);\n });\n\n // Add classname to tabbed elements\n utils.on(this.elements.container, 'keydown', event => {\n if (event.keyCode !== 9) {\n return;\n }\n\n // Delay the adding of classname until the focus has changed\n // This event fires before the focusin event\n window.setTimeout(() => {\n utils.toggleClass(utils.getFocusElement(), this.config.classNames.tabFocus, true);\n }, 0);\n });\n\n // Toggle controls visibility based on mouse movement\n if (this.config.hideControls) {\n // Toggle controls on mouse events and entering fullscreen\n utils.on(\n this.elements.container,\n 'mouseenter mouseleave mousemove touchstart touchend touchmove enterfullscreen exitfullscreen',\n event => {\n this.toggleControls(event);\n }\n );\n }\n\n // Handle user exiting fullscreen by escaping etc\n if (fullscreen.enabled) {\n utils.on(document, fullscreen.eventType, event => {\n this.toggleFullscreen(event);\n });\n }\n },\n\n // Listen for media events\n media() {\n // Time change on media\n utils.on(this.media, 'timeupdate seeking', event => ui.timeUpdate.call(this, event));\n\n // Display duration\n utils.on(this.media, 'durationchange loadedmetadata', event => ui.durationUpdate.call(this, event));\n\n // Check for audio tracks on load\n // We can't use `loadedmetadata` as it doesn't seem to have audio tracks at that point\n utils.on(this.media, 'loadeddata', () => {\n utils.toggleHidden(this.elements.volume, !this.hasAudio);\n utils.toggleHidden(this.elements.buttons.mute, !this.hasAudio);\n });\n\n // Handle the media finishing\n utils.on(this.media, 'ended', () => {\n // Show poster on end\n if (this.type === 'video' && this.config.showPosterOnEnd) {\n // Restart\n this.restart();\n\n // Re-load media\n this.media.load();\n }\n });\n\n // Check for buffer progress\n utils.on(this.media, 'progress playing', event => ui.updateProgress.call(this, event));\n\n // Handle native mute\n utils.on(this.media, 'volumechange', event => ui.updateVolume.call(this, event));\n\n // Handle native play/pause\n utils.on(this.media, 'playing play pause ended', event => ui.checkPlaying.call(this, event));\n\n // Loading\n utils.on(this.media, 'stalled waiting canplay seeked playing', event => ui.checkLoading.call(this, event));\n\n // Click video\n if (this.supported.ui && this.config.clickToPlay && this.type !== 'audio') {\n // Re-fetch the wrapper\n const wrapper = utils.getElement.call(this, `.${this.config.classNames.video}`);\n\n // Bail if there's no wrapper (this should never happen)\n if (!utils.is.htmlElement(wrapper)) {\n return;\n }\n\n // On click play, pause ore restart\n utils.on(wrapper, 'click', () => {\n // Touch devices will just show controls (if we're hiding controls)\n if (this.config.hideControls && support.touch && !this.paused) {\n return;\n }\n\n if (this.paused) {\n this.play();\n } else if (this.ended) {\n this.restart();\n this.play();\n } else {\n this.pause();\n }\n });\n }\n\n // Disable right click\n if (this.config.disableContextMenu) {\n utils.on(\n this.media,\n 'contextmenu',\n event => {\n event.preventDefault();\n },\n false\n );\n }\n\n // Speed change\n utils.on(this.media, 'ratechange', () => {\n // Update UI\n controls.updateSetting.call(this, 'speed');\n\n // Save to storage\n storage.set.call(this, { speed: this.speed });\n });\n\n // Quality change\n utils.on(this.media, 'qualitychange', () => {\n // Update UI\n controls.updateSetting.call(this, 'quality');\n\n // Save to storage\n storage.set.call(this, { quality: this.quality });\n });\n\n // Caption language change\n utils.on(this.media, 'languagechange', () => {\n // Save to storage\n storage.set.call(this, { language: this.language });\n });\n\n // Volume change\n utils.on(this.media, 'volumechange', () => {\n // Save to storage\n storage.set.call(this, { volume: this.volume, muted: this.muted });\n });\n\n // Captions toggle\n utils.on(this.media, 'captionsenabled captionsdisabled', () => {\n // Update UI\n controls.updateSetting.call(this, 'captions');\n\n // Save to storage\n storage.set.call(this, { captions: this.captions.enabled });\n });\n\n // Proxy events to container\n // Bubble up key events for Edge\n utils.on(this.media, this.config.events.concat(['keyup', 'keydown']).join(' '), event => {\n let detail = {};\n\n // Get error details from media\n if (event.type === 'error') {\n detail = this.media.error;\n }\n\n utils.dispatchEvent.call(this, this.elements.container, event.type, true, detail);\n });\n },\n\n // Listen for control events\n controls() {\n // IE doesn't support input event, so we fallback to change\n const inputEvent = browser.isIE ? 'change' : 'input';\n\n // Trigger custom and default handlers\n const proxy = (event, handlerKey, defaultHandler) => {\n const customHandler = this.config.listeners[handlerKey];\n\n // Execute custom handler\n if (utils.is.function(customHandler)) {\n customHandler.call(this, event);\n }\n\n // Only call default handler if not prevented in custom handler\n if (!event.defaultPrevented && utils.is.function(defaultHandler)) {\n defaultHandler.call(this, event);\n }\n };\n\n // Play/pause toggle\n utils.on(this.elements.buttons.play, 'click', event =>\n proxy(event, 'play', () => {\n this.togglePlay();\n })\n );\n\n // Pause\n utils.on(this.elements.buttons.restart, 'click', event =>\n proxy(event, 'restart', () => {\n this.restart();\n })\n );\n\n // Rewind\n utils.on(this.elements.buttons.rewind, 'click', event =>\n proxy(event, 'rewind', () => {\n this.rewind();\n })\n );\n\n // Rewind\n utils.on(this.elements.buttons.forward, 'click', event =>\n proxy(event, 'forward', () => {\n this.forward();\n })\n );\n\n // Mute toggle\n utils.on(this.elements.buttons.mute, 'click', event =>\n proxy(event, 'mute', () => {\n this.muted = !this.muted;\n })\n );\n\n // Captions toggle\n utils.on(this.elements.buttons.captions, 'click', event =>\n proxy(event, 'captions', () => {\n this.toggleCaptions();\n })\n );\n\n // Fullscreen toggle\n utils.on(this.elements.buttons.fullscreen, 'click', event =>\n proxy(event, 'fullscreen', () => {\n this.toggleFullscreen();\n })\n );\n\n // Picture-in-Picture\n utils.on(this.elements.buttons.pip, 'click', event =>\n proxy(event, 'pip', () => {\n this.pip = 'toggle';\n })\n );\n\n // Airplay\n utils.on(this.elements.buttons.airplay, 'click', event =>\n proxy(event, 'airplay', () => {\n this.airplay();\n })\n );\n\n // Settings menu\n utils.on(this.elements.buttons.settings, 'click', event => {\n controls.toggleMenu.call(this, event);\n });\n\n // Click anywhere closes menu\n utils.on(document.documentElement, 'click', event => {\n controls.toggleMenu.call(this, event);\n });\n\n // Settings menu\n utils.on(this.elements.settings.form, 'click', event => {\n event.stopPropagation();\n\n // Settings menu items - use event delegation as items are added/removed\n if (utils.matches(event.target, this.config.selectors.inputs.language)) {\n proxy(event, 'language', () => {\n this.language = event.target.value;\n });\n } else if (utils.matches(event.target, this.config.selectors.inputs.quality)) {\n proxy(event, 'quality', () => {\n this.quality = event.target.value;\n });\n } else if (utils.matches(event.target, this.config.selectors.inputs.speed)) {\n proxy(event, 'speed', () => {\n this.speed = parseFloat(event.target.value);\n });\n } else {\n controls.showTab.call(this, event);\n }\n });\n\n // Seek\n utils.on(this.elements.inputs.seek, inputEvent, event =>\n proxy(event, 'seek', () => {\n this.currentTime = event.target.value / event.target.max * this.duration;\n })\n );\n\n // Current time invert\n // Only if one time element is used for both currentTime and duration\n if (this.config.toggleInvert && !utils.is.htmlElement(this.elements.display.duration)) {\n utils.on(this.elements.display.currentTime, 'click', () => {\n // Do nothing if we're at the start\n if (this.currentTime === 0) {\n return;\n }\n\n this.config.invertTime = !this.config.invertTime;\n ui.timeUpdate.call(this);\n });\n }\n\n // Volume\n utils.on(this.elements.inputs.volume, inputEvent, event =>\n proxy(event, 'volume', () => {\n this.volume = event.target.value;\n })\n );\n\n // Polyfill for lower fill in <input type=\"range\"> for webkit\n if (browser.isWebkit) {\n utils.on(utils.getElements.call(this, 'input[type=\"range\"]'), 'input', event => {\n controls.updateRangeFill.call(this, event.target);\n });\n }\n\n // Seek tooltip\n utils.on(this.elements.progress, 'mouseenter mouseleave mousemove', event =>\n controls.updateSeekTooltip.call(this, event)\n );\n\n // Toggle controls visibility based on mouse movement\n if (this.config.hideControls) {\n // Watch for cursor over controls so they don't hide when trying to interact\n utils.on(this.elements.controls, 'mouseenter mouseleave', event => {\n this.elements.controls.hover = event.type === 'mouseenter';\n });\n\n // Watch for cursor over controls so they don't hide when trying to interact\n utils.on(this.elements.controls, 'mousedown mouseup touchstart touchend touchcancel', event => {\n this.elements.controls.pressed = ['mousedown', 'touchstart'].includes(event.type);\n });\n\n // Focus in/out on controls\n utils.on(this.elements.controls, 'focusin focusout', event => {\n this.toggleControls(event);\n });\n }\n\n // Mouse wheel for volume\n utils.on(\n this.elements.inputs.volume,\n 'wheel',\n event =>\n proxy(event, 'volume', () => {\n // Detect \"natural\" scroll - suppored on OS X Safari only\n // Other browsers on OS X will be inverted until support improves\n const inverted = event.webkitDirectionInvertedFromDevice;\n const step = 1 / 50;\n let direction = 0;\n\n // Scroll down (or up on natural) to decrease\n if (event.deltaY < 0 || event.deltaX > 0) {\n if (inverted) {\n this.decreaseVolume(step);\n direction = -1;\n } else {\n this.increaseVolume(step);\n direction = 1;\n }\n }\n\n // Scroll up (or down on natural) to increase\n if (event.deltaY > 0 || event.deltaX < 0) {\n if (inverted) {\n this.increaseVolume(step);\n direction = 1;\n } else {\n this.decreaseVolume(step);\n direction = -1;\n }\n }\n\n // Don't break page scrolling at max and min\n if ((direction === 1 && this.media.volume < 1) || (direction === -1 && this.media.volume > 0)) {\n event.preventDefault();\n }\n }),\n false\n );\n },\n};\n\nexport default listeners;\n","// ==========================================================================\n// Plyr UI\n// ==========================================================================\n\nimport utils from './utils';\nimport captions from './captions';\nimport controls from './controls';\nimport fullscreen from './fullscreen';\nimport listeners from './listeners';\n\nconst ui = {\n addStyleHook() {\n utils.toggleClass(this.elements.container, this.config.selectors.container.replace('.', ''), true);\n utils.toggleClass(this.elements.container, this.config.classNames.uiSupported, this.supported.ui);\n },\n\n // Toggle native HTML5 media controls\n toggleNativeControls(toggle = false) {\n if (toggle && this.isHTML5) {\n this.media.setAttribute('controls', '');\n } else {\n this.media.removeAttribute('controls');\n }\n },\n\n // Setup the UI\n build() {\n // Re-attach media element listeners\n // TODO: Use event bubbling\n listeners.media.call(this);\n\n // Don't setup interface if no support\n if (!this.supported.ui) {\n this.console.warn(`Basic support only for ${this.type}`);\n\n // Remove controls\n utils.removeElement.call(this, 'controls');\n\n // Remove large play\n utils.removeElement.call(this, 'buttons.play');\n\n // Restore native controls\n ui.toggleNativeControls.call(this, true);\n\n // Bail\n return;\n }\n\n // Inject custom controls if not present\n if (!utils.is.htmlElement(this.elements.controls)) {\n // Inject custom controls\n controls.inject.call(this);\n\n // Re-attach control listeners\n listeners.controls.call(this);\n }\n\n // If there's no controls, bail\n if (!utils.is.htmlElement(this.elements.controls)) {\n return;\n }\n\n // Remove native controls\n ui.toggleNativeControls.call(this);\n\n // Setup fullscreen\n fullscreen.setup.call(this);\n\n // Captions\n captions.setup.call(this);\n\n // Reset volume\n this.volume = null;\n\n // Reset mute state\n this.muted = null;\n\n // Reset speed\n this.speed = null;\n\n // Reset loop state\n this.loop = null;\n\n // Reset quality options\n this.options.quality = [];\n\n // Reset time display\n ui.timeUpdate.call(this);\n\n // Update the UI\n ui.checkPlaying.call(this);\n\n // Ready for API calls\n this.ready = true;\n\n // Ready event at end of execution stack\n utils.dispatchEvent.call(this, this.media, 'ready');\n\n // Set the title\n ui.setTitle.call(this);\n },\n\n // Setup aria attribute for play and iframe title\n setTitle() {\n // Find the current text\n let label = this.config.i18n.play;\n\n // If there's a media title set, use that for the label\n if (utils.is.string(this.config.title) && !utils.is.empty(this.config.title)) {\n label += `, ${this.config.title}`;\n\n // Set container label\n this.elements.container.setAttribute('aria-label', this.config.title);\n }\n\n // If there's a play button, set label\n if (utils.is.nodeList(this.elements.buttons.play)) {\n Array.from(this.elements.buttons.play).forEach(button => {\n button.setAttribute('aria-label', label);\n });\n }\n\n // Set iframe title\n // https://github.com/sampotts/plyr/issues/124\n if (this.isEmbed) {\n const iframe = utils.getElement.call(this, 'iframe');\n\n if (!utils.is.htmlElement(iframe)) {\n return;\n }\n\n // Default to media type\n const title = !utils.is.empty(this.config.title) ? this.config.title : 'video';\n\n iframe.setAttribute('title', this.config.i18n.frameTitle.replace('{title}', title));\n }\n },\n\n // Check playing state\n checkPlaying() {\n // Class hooks\n utils.toggleClass(this.elements.container, this.config.classNames.playing, this.playing);\n utils.toggleClass(this.elements.container, this.config.classNames.stopped, this.paused);\n\n // Set aria state\n if (utils.is.nodeList(this.elements.buttons.play)) {\n Array.from(this.elements.buttons.play).forEach(button => utils.toggleState(button, this.playing));\n }\n\n // Toggle controls\n this.toggleControls(!this.playing);\n },\n\n // Check if media is loading\n checkLoading(event) {\n this.loading = ['stalled', 'waiting'].includes(event.type);\n\n // Clear timer\n clearTimeout(this.timers.loading);\n\n // Timer to prevent flicker when seeking\n this.timers.loading = setTimeout(() => {\n // Toggle container class hook\n utils.toggleClass(this.elements.container, this.config.classNames.loading, this.loading);\n\n // Show controls if loading, hide if done\n this.toggleControls(this.loading);\n }, this.loading ? 250 : 0);\n },\n\n // Update volume UI and storage\n updateVolume() {\n if (!this.supported.ui) {\n return;\n }\n\n // Update range\n if (utils.is.htmlElement(this.elements.inputs.volume)) {\n ui.setRange.call(this, this.elements.inputs.volume, this.muted ? 0 : this.volume);\n }\n\n // Update mute state\n if (utils.is.htmlElement(this.elements.buttons.mute)) {\n utils.toggleState(this.elements.buttons.mute, this.muted || this.volume === 0);\n }\n },\n\n // Update seek value and lower fill\n setRange(target, value = 0) {\n if (!utils.is.htmlElement(target)) {\n return;\n }\n\n // eslint-disable-next-line\n target.value = value;\n\n // Webkit range fill\n controls.updateRangeFill.call(this, target);\n },\n\n // Set <progress> value\n setProgress(target, input) {\n const value = utils.is.number(input) ? input : 0;\n const progress = utils.is.htmlElement(target) ? target : this.elements.display.buffer;\n\n // Update value and label\n if (utils.is.htmlElement(progress)) {\n progress.value = value;\n\n // Update text label inside\n const label = progress.getElementsByTagName('span')[0];\n if (utils.is.htmlElement(label)) {\n label.childNodes[0].nodeValue = value;\n }\n }\n },\n\n // Update <progress> elements\n updateProgress(event) {\n if (!this.supported.ui || !utils.is.event(event)) {\n return;\n }\n\n let value = 0;\n\n if (event) {\n switch (event.type) {\n // Video playing\n case 'timeupdate':\n case 'seeking':\n value = utils.getPercentage(this.currentTime, this.duration);\n\n // Set seek range value only if it's a 'natural' time event\n if (event.type === 'timeupdate') {\n ui.setRange.call(this, this.elements.inputs.seek, value);\n }\n\n break;\n\n // Check buffer status\n case 'playing':\n case 'progress':\n value = (() => {\n const { buffered } = this.media;\n\n if (buffered && buffered.length) {\n // HTML5\n return utils.getPercentage(buffered.end(0), this.duration);\n } else if (utils.is.number(buffered)) {\n // YouTube returns between 0 and 1\n return buffered * 100;\n }\n\n return 0;\n })();\n\n ui.setProgress.call(this, this.elements.display.buffer, value);\n\n break;\n\n default:\n break;\n }\n }\n },\n\n // Update the displayed time\n updateTimeDisplay(target = null, time = 0, inverted = false) {\n // Bail if there's no element to display or the value isn't a number\n if (!utils.is.htmlElement(target) || !utils.is.number(time)) {\n return;\n }\n\n // Format time component to add leading zero\n const format = value => `0${value}`.slice(-2);\n\n // Helpers\n const getHours = value => parseInt((value / 60 / 60) % 60, 10);\n const getMinutes = value => parseInt((value / 60) % 60, 10);\n const getSeconds = value => parseInt(value % 60, 10);\n\n // Breakdown to hours, mins, secs\n let hours = getHours(time);\n const mins = getMinutes(time);\n const secs = getSeconds(time);\n\n // Do we need to display hours?\n if (getHours(this.duration) > 0) {\n hours = `${hours}:`;\n } else {\n hours = '';\n }\n\n // Render\n // eslint-disable-next-line no-param-reassign\n target.textContent = `${inverted ? '-' : ''}${hours}${format(mins)}:${format(secs)}`;\n },\n\n // Handle time change event\n timeUpdate(event) {\n // Only invert if only one time element is displayed and used for both duration and currentTime\n const invert = !utils.is.htmlElement(this.elements.display.duration) && this.config.invertTime;\n\n // Duration\n ui.updateTimeDisplay.call(\n this,\n this.elements.display.currentTime,\n invert ? this.duration - this.currentTime : this.currentTime,\n invert\n );\n\n // Ignore updates while seeking\n if (event && event.type === 'timeupdate' && this.media.seeking) {\n return;\n }\n\n // Playing progress\n ui.updateProgress.call(this, event);\n },\n\n // Show the duration on metadataloaded\n durationUpdate() {\n if (!this.supported.ui) {\n return;\n }\n\n // If there's only one time display, display duration there\n if (!utils.is.htmlElement(this.elements.display.duration) && this.config.displayDuration && this.paused) {\n ui.updateTimeDisplay.call(this, this.elements.display.currentTime, this.duration);\n }\n\n // If there's a duration element, update content\n if (utils.is.htmlElement(this.elements.display.duration)) {\n ui.updateTimeDisplay.call(this, this.elements.display.duration, this.duration);\n }\n\n // Update the tooltip (if visible)\n controls.updateSeekTooltip.call(this);\n },\n};\n\nexport default ui;\n","// ==========================================================================\n// Plyr controls\n// ==========================================================================\n\nimport support from './support';\nimport utils from './utils';\nimport ui from './ui';\nimport captions from './captions';\n\n// Sniff out the browser\nconst browser = utils.getBrowser();\n\nconst controls = {\n // Webkit polyfill for lower fill range\n updateRangeFill(target) {\n // WebKit only\n if (!browser.isWebkit) {\n return;\n }\n\n // Get range from event if event passed\n const range = utils.is.event(target) ? target.target : target;\n\n // Needs to be a valid <input type='range'>\n if (!utils.is.htmlElement(range) || range.getAttribute('type') !== 'range') {\n return;\n }\n\n // Inject the stylesheet if needed\n if (!utils.is.htmlElement(this.elements.styleSheet)) {\n this.elements.styleSheet = utils.createElement('style');\n this.elements.container.appendChild(this.elements.styleSheet);\n }\n\n const styleSheet = this.elements.styleSheet.sheet;\n const percentage = range.value / range.max * 100;\n const selector = `#${range.id}::-webkit-slider-runnable-track`;\n const styles = `{ background-image: linear-gradient(to right, currentColor ${percentage}%, transparent ${percentage}%) }`;\n\n // Find old rule if it exists\n const index = Array.from(styleSheet.rules).findIndex(rule => rule.selectorText === selector);\n\n // Remove old rule\n if (index !== -1) {\n styleSheet.deleteRule(index);\n }\n\n // Insert new one\n styleSheet.insertRule([selector, styles].join(' '));\n },\n\n // Get icon URL\n getIconUrl() {\n return {\n url: this.config.iconUrl,\n absolute: this.config.iconUrl.indexOf('http') === 0 || (browser.isIE && !window.svg4everybody),\n };\n },\n\n // Create <svg> icon\n createIcon(type, attributes) {\n const namespace = 'http://www.w3.org/2000/svg';\n const iconUrl = controls.getIconUrl.call(this);\n const iconPath = `${!iconUrl.absolute ? iconUrl.url : ''}#${this.config.iconPrefix}`;\n\n // Create <svg>\n const icon = document.createElementNS(namespace, 'svg');\n utils.setAttributes(\n icon,\n utils.extend(attributes, {\n role: 'presentation',\n })\n );\n\n // Create the <use> to reference sprite\n const use = document.createElementNS(namespace, 'use');\n const path = `${iconPath}-${type}`;\n\n // Set `href` attributes\n // https://github.com/sampotts/plyr/issues/460\n // https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xlink:href\n if ('href' in use) {\n use.setAttributeNS('http://www.w3.org/1999/xlink', 'href', path);\n } else {\n use.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', path);\n }\n\n // Add <use> to <svg>\n icon.appendChild(use);\n\n return icon;\n },\n\n // Create hidden text label\n createLabel(type, attr) {\n let text = this.config.i18n[type];\n const attributes = Object.assign({}, attr);\n\n switch (type) {\n case 'pip':\n text = 'PIP';\n break;\n\n case 'airplay':\n text = 'AirPlay';\n break;\n\n default:\n break;\n }\n\n if ('class' in attributes) {\n attributes.class += ` ${this.config.classNames.hidden}`;\n } else {\n attributes.class = this.config.classNames.hidden;\n }\n\n return utils.createElement('span', attributes, text);\n },\n\n // Create a badge\n createBadge(text) {\n if (utils.is.empty(text)) {\n return null;\n }\n\n const badge = utils.createElement('span', {\n class: this.config.classNames.menu.value,\n });\n\n badge.appendChild(\n utils.createElement(\n 'span',\n {\n class: this.config.classNames.menu.badge,\n },\n text\n )\n );\n\n return badge;\n },\n\n // Create a <button>\n createButton(buttonType, attr) {\n const button = utils.createElement('button');\n const attributes = Object.assign({}, attr);\n let type = buttonType;\n\n let toggle = false;\n let label;\n let icon;\n let labelPressed;\n let iconPressed;\n\n if (!('type' in attributes)) {\n attributes.type = 'button';\n }\n\n if ('class' in attributes) {\n if (attributes.class.includes(this.config.classNames.control)) {\n attributes.class += ` ${this.config.classNames.control}`;\n }\n } else {\n attributes.class = this.config.classNames.control;\n }\n\n // Large play button\n switch (type) {\n case 'play':\n toggle = true;\n label = 'play';\n labelPressed = 'pause';\n icon = 'play';\n iconPressed = 'pause';\n break;\n\n case 'mute':\n toggle = true;\n label = 'mute';\n labelPressed = 'unmute';\n icon = 'volume';\n iconPressed = 'muted';\n break;\n\n case 'captions':\n toggle = true;\n label = 'enableCaptions';\n labelPressed = 'disableCaptions';\n icon = 'captions-off';\n iconPressed = 'captions-on';\n break;\n\n case 'fullscreen':\n toggle = true;\n label = 'enterFullscreen';\n labelPressed = 'exitFullscreen';\n icon = 'enter-fullscreen';\n iconPressed = 'exit-fullscreen';\n break;\n\n case 'play-large':\n attributes.class += ` ${this.config.classNames.control}--overlaid`;\n type = 'play';\n label = 'play';\n icon = 'play';\n break;\n\n default:\n label = type;\n icon = type;\n }\n\n // Setup toggle icon and labels\n if (toggle) {\n // Icon\n button.appendChild(controls.createIcon.call(this, iconPressed, { class: 'icon--pressed' }));\n button.appendChild(controls.createIcon.call(this, icon, { class: 'icon--not-pressed' }));\n\n // Label/Tooltip\n button.appendChild(controls.createLabel.call(this, labelPressed, { class: 'label--pressed' }));\n button.appendChild(controls.createLabel.call(this, label, { class: 'label--not-pressed' }));\n\n // Add aria attributes\n attributes['aria-pressed'] = false;\n attributes['aria-label'] = this.config.i18n[label];\n } else {\n button.appendChild(controls.createIcon.call(this, icon));\n button.appendChild(controls.createLabel.call(this, label));\n }\n\n // Merge attributes\n utils.extend(attributes, utils.getAttributesFromSelector(this.config.selectors.buttons[type], attributes));\n\n utils.setAttributes(button, attributes);\n\n this.elements.buttons[type] = button;\n\n return button;\n },\n\n // Create an <input type='range'>\n createRange(type, attributes) {\n // Seek label\n const label = utils.createElement(\n 'label',\n {\n for: attributes.id,\n class: this.config.classNames.hidden,\n },\n this.config.i18n[type]\n );\n\n // Seek input\n const input = utils.createElement(\n 'input',\n utils.extend(\n utils.getAttributesFromSelector(this.config.selectors.inputs[type]),\n {\n type: 'range',\n min: 0,\n max: 100,\n step: 0.01,\n value: 0,\n autocomplete: 'off',\n },\n attributes\n )\n );\n\n this.elements.inputs[type] = input;\n\n // Set the fill for webkit now\n controls.updateRangeFill.call(this, input);\n\n return {\n label,\n input,\n };\n },\n\n // Create a <progress>\n createProgress(type, attributes) {\n const progress = utils.createElement(\n 'progress',\n utils.extend(\n utils.getAttributesFromSelector(this.config.selectors.display[type]),\n {\n min: 0,\n max: 100,\n value: 0,\n },\n attributes\n )\n );\n\n // Create the label inside\n if (type !== 'volume') {\n progress.appendChild(utils.createElement('span', null, '0'));\n\n let suffix = '';\n switch (type) {\n case 'played':\n suffix = this.config.i18n.played;\n break;\n\n case 'buffer':\n suffix = this.config.i18n.buffered;\n break;\n\n default:\n break;\n }\n\n progress.textContent = `% ${suffix.toLowerCase()}`;\n }\n\n this.elements.display[type] = progress;\n\n return progress;\n },\n\n // Create time display\n createTime(type) {\n const container = utils.createElement('span', {\n class: 'plyr__time',\n });\n\n container.appendChild(\n utils.createElement(\n 'span',\n {\n class: this.config.classNames.hidden,\n },\n this.config.i18n[type]\n )\n );\n\n container.appendChild(\n utils.createElement('span', utils.getAttributesFromSelector(this.config.selectors.display[type]), '00:00')\n );\n\n this.elements.display[type] = container;\n\n return container;\n },\n\n // Create a settings menu item\n createMenuItem(value, list, type, title, badge = null, checked = false) {\n const item = utils.createElement('li');\n\n const label = utils.createElement('label', {\n class: this.config.classNames.control,\n });\n\n const radio = utils.createElement(\n 'input',\n utils.extend(utils.getAttributesFromSelector(this.config.selectors.inputs[type]), {\n type: 'radio',\n name: `plyr-${type}`,\n value,\n checked,\n class: 'plyr__sr-only',\n })\n );\n\n const faux = utils.createElement('span', { 'aria-hidden': true });\n\n label.appendChild(radio);\n label.appendChild(faux);\n label.insertAdjacentHTML('beforeend', title);\n\n if (utils.is.htmlElement(badge)) {\n label.appendChild(badge);\n }\n\n item.appendChild(label);\n list.appendChild(item);\n },\n\n // Update hover tooltip for seeking\n updateSeekTooltip(event) {\n // Bail if setting not true\n if (\n !this.config.tooltips.seek ||\n !utils.is.htmlElement(this.elements.inputs.seek) ||\n !utils.is.htmlElement(this.elements.display.seekTooltip) ||\n this.duration === 0\n ) {\n return;\n }\n\n // Calculate percentage\n let percent = 0;\n const clientRect = this.elements.inputs.seek.getBoundingClientRect();\n const visible = `${this.config.classNames.tooltip}--visible`;\n\n // Determine percentage, if already visible\n if (utils.is.event(event)) {\n percent = 100 / clientRect.width * (event.pageX - clientRect.left);\n } else if (utils.hasClass(this.elements.display.seekTooltip, visible)) {\n percent = this.elements.display.seekTooltip.style.left.replace('%', '');\n } else {\n return;\n }\n\n // Set bounds\n if (percent < 0) {\n percent = 0;\n } else if (percent > 100) {\n percent = 100;\n }\n\n // Display the time a click would seek to\n ui.updateTimeDisplay.call(this, this.elements.display.seekTooltip, this.duration / 100 * percent);\n\n // Set position\n this.elements.display.seekTooltip.style.left = `${percent}%`;\n\n // Show/hide the tooltip\n // If the event is a moues in/out and percentage is inside bounds\n if (utils.is.event(event) && ['mouseenter', 'mouseleave'].includes(event.type)) {\n utils.toggleClass(this.elements.display.seekTooltip, visible, event.type === 'mouseenter');\n }\n },\n\n // Hide/show a tab\n toggleTab(setting, toggle) {\n const tab = this.elements.settings.tabs[setting];\n const pane = this.elements.settings.panes[setting];\n\n utils.toggleHidden(tab, !toggle);\n utils.toggleHidden(pane, !toggle);\n },\n\n // Set the YouTube quality menu\n // TODO: Support for HTML5\n setQualityMenu(options) {\n const type = 'quality';\n const list = this.elements.settings.panes.quality.querySelector('ul');\n\n // Set options if passed and filter based on config\n if (utils.is.array(options)) {\n this.options.quality = options.filter(quality => this.config.quality.options.includes(quality));\n } else {\n this.options.quality = this.config.quality.options;\n }\n\n // Toggle the pane and tab\n const toggle = !utils.is.empty(this.options.quality) && this.type === 'youtube';\n controls.toggleTab.call(this, type, toggle);\n\n // If we're hiding, nothing more to do\n if (!toggle) {\n return;\n }\n\n // Empty the menu\n utils.emptyElement(list);\n\n // Get the badge HTML for HD, 4K etc\n const getBadge = quality => {\n let label = '';\n\n switch (quality) {\n case 'hd2160':\n label = '4K';\n break;\n\n case 'hd1440':\n label = 'WQHD';\n break;\n\n case 'hd1080':\n label = 'HD';\n break;\n\n case 'hd720':\n label = 'HD';\n break;\n\n default:\n break;\n }\n\n if (!label.length) {\n return null;\n }\n\n return controls.createBadge.call(this, label);\n };\n\n this.options.quality.forEach(quality =>\n controls.createMenuItem.call(\n this,\n quality,\n list,\n type,\n controls.getLabel.call(this, 'quality', quality),\n getBadge(quality)\n )\n );\n\n controls.updateSetting.call(this, type, list);\n },\n\n // Translate a value into a nice label\n // TODO: Localisation\n getLabel(setting, value) {\n switch (setting) {\n case 'speed':\n return value === 1 ? 'Normal' : `${value}×`;\n\n case 'quality':\n switch (value) {\n case 'hd2160':\n return '2160P';\n case 'hd1440':\n return '1440P';\n case 'hd1080':\n return '1080P';\n case 'hd720':\n return '720P';\n case 'large':\n return '480P';\n case 'medium':\n return '360P';\n case 'small':\n return '240P';\n case 'tiny':\n return 'Tiny';\n case 'default':\n return 'Auto';\n default:\n return value;\n }\n\n case 'captions':\n return controls.getLanguage.call(this);\n\n default:\n return null;\n }\n },\n\n // Update the selected setting\n updateSetting(setting, container) {\n const pane = this.elements.settings.panes[setting];\n let value = null;\n let list = container;\n\n switch (setting) {\n case 'captions':\n value = this.captions.language;\n\n if (!this.captions.enabled) {\n value = '';\n }\n\n break;\n\n default:\n value = this[setting];\n\n // Get default\n if (utils.is.empty(value)) {\n value = this.config[setting].default;\n }\n\n // Unsupported value\n if (!this.options[setting].includes(value)) {\n this.console.warn(`Unsupported value of '${value}' for ${setting}`);\n return;\n }\n\n // Disabled value\n if (!this.config[setting].options.includes(value)) {\n this.console.warn(`Disabled value of '${value}' for ${setting}`);\n return;\n }\n\n break;\n }\n\n // Get the list if we need to\n if (!utils.is.htmlElement(list)) {\n list = pane && pane.querySelector('ul');\n }\n\n // Find the radio option\n const target = list && list.querySelector(`input[value=\"${value}\"]`);\n\n if (!utils.is.htmlElement(target)) {\n return;\n }\n\n // Check it\n target.checked = true;\n\n // Find the label\n const label = this.elements.settings.tabs[setting].querySelector(`.${this.config.classNames.menu.value}`);\n label.innerHTML = controls.getLabel.call(this, setting, value);\n },\n\n // Set the looping options\n /* setLoopMenu() {\n const options = ['start', 'end', 'all', 'reset'];\n const list = this.elements.settings.panes.loop.querySelector('ul');\n\n // Show the pane and tab\n utils.toggleHidden(this.elements.settings.tabs.loop, false);\n utils.toggleHidden(this.elements.settings.panes.loop, false);\n\n // Toggle the pane and tab\n const toggle = !utils.is.empty(this.loop.options);\n controls.toggleTab.call(this, 'loop', toggle);\n\n // Empty the menu\n utils.emptyElement(list);\n\n options.forEach(option => {\n const item = utils.createElement('li');\n\n const button = utils.createElement(\n 'button',\n utils.extend(utils.getAttributesFromSelector(this.config.selectors.buttons.loop), {\n type: 'button',\n class: this.config.classNames.control,\n 'data-plyr-loop-action': option,\n }),\n this.config.i18n[option]\n );\n\n if (['start', 'end'].includes(option)) {\n const badge = controls.createBadge.call(this, '00:00');\n button.appendChild(badge);\n }\n\n item.appendChild(button);\n list.appendChild(item);\n });\n }, */\n\n // Get current selected caption language\n // TODO: rework this to user the getter in the API?\n getLanguage() {\n if (!this.supported.ui) {\n return null;\n }\n\n if (!support.textTracks || !captions.getTracks.call(this).length) {\n return this.config.i18n.none;\n }\n\n if (this.captions.enabled) {\n const currentTrack = captions.getCurrentTrack.call(this);\n\n if (utils.is.track(currentTrack)) {\n return currentTrack.label;\n }\n }\n\n return this.config.i18n.disabled;\n },\n\n // Set a list of available captions languages\n setCaptionsMenu() {\n // TODO: Captions or language? Currently it's mixed\n const type = 'captions';\n const list = this.elements.settings.panes.captions.querySelector('ul');\n\n // Toggle the pane and tab\n const hasTracks = captions.getTracks.call(this).length;\n controls.toggleTab.call(this, type, hasTracks);\n\n // Empty the menu\n utils.emptyElement(list);\n\n // If there's no captions, bail\n if (!hasTracks) {\n return;\n }\n\n // Re-map the tracks into just the data we need\n const tracks = captions.getTracks.call(this).map(track => ({\n language: track.language,\n label: !utils.is.empty(track.label) ? track.label : track.language.toUpperCase(),\n }));\n\n // Add the \"None\" option to turn off captions\n tracks.unshift({\n language: '',\n label: this.config.i18n.none,\n });\n\n // Generate options\n tracks.forEach(track => {\n controls.createMenuItem.call(\n this,\n track.language,\n list,\n 'language',\n track.label || track.language,\n controls.createBadge.call(this, track.language.toUpperCase()),\n track.language.toLowerCase() === this.captions.language.toLowerCase()\n );\n });\n\n controls.updateSetting.call(this, type, list);\n },\n\n // Set a list of available captions languages\n setSpeedMenu(options) {\n const type = 'speed';\n\n // Set options if passed and filter based on config\n if (utils.is.array(options)) {\n this.options.speed = options.filter(speed => this.config.speed.options.includes(speed));\n } else {\n this.options.speed = this.config.speed.options;\n }\n\n // Toggle the pane and tab\n const toggle = !utils.is.empty(this.options.speed);\n controls.toggleTab.call(this, type, toggle);\n\n // If we're hiding, nothing more to do\n if (!toggle) {\n return;\n }\n\n // Get the list to populate\n const list = this.elements.settings.panes.speed.querySelector('ul');\n\n // Show the pane and tab\n utils.toggleHidden(this.elements.settings.tabs.speed, false);\n utils.toggleHidden(this.elements.settings.panes.speed, false);\n\n // Empty the menu\n utils.emptyElement(list);\n\n // Create items\n this.options.speed.forEach(speed =>\n controls.createMenuItem.call(this, speed, list, type, controls.getLabel.call(this, 'speed', speed))\n );\n\n controls.updateSetting.call(this, type, list);\n },\n\n // Show/hide menu\n toggleMenu(event) {\n const { form } = this.elements.settings;\n const button = this.elements.buttons.settings;\n const show = utils.is.boolean(event)\n ? event\n : utils.is.htmlElement(form) && form.getAttribute('aria-hidden') === 'true';\n\n if (utils.is.event(event)) {\n const isMenuItem = utils.is.htmlElement(form) && form.contains(event.target);\n const isButton = event.target === this.elements.buttons.settings;\n\n // If the click was inside the form or if the click\n // wasn't the button or menu item and we're trying to\n // show the menu (a doc click shouldn't show the menu)\n if (isMenuItem || (!isMenuItem && !isButton && show)) {\n return;\n }\n\n // Prevent the toggle being caught by the doc listener\n if (isButton) {\n event.stopPropagation();\n }\n }\n\n // Set form and button attributes\n if (utils.is.htmlElement(button)) {\n button.setAttribute('aria-expanded', show);\n }\n\n if (utils.is.htmlElement(form)) {\n form.setAttribute('aria-hidden', !show);\n\n if (show) {\n form.removeAttribute('tabindex');\n } else {\n form.setAttribute('tabindex', -1);\n }\n }\n },\n\n // Get the natural size of a tab\n getTabSize(tab) {\n const clone = tab.cloneNode(true);\n clone.style.position = 'absolute';\n clone.style.opacity = 0;\n clone.setAttribute('aria-hidden', false);\n\n // Prevent input's being unchecked due to the name being identical\n Array.from(clone.querySelectorAll('input[name]')).forEach(input => {\n const name = input.getAttribute('name');\n input.setAttribute('name', `${name}-clone`);\n });\n\n // Append to parent so we get the \"real\" size\n tab.parentNode.appendChild(clone);\n\n // Get the sizes before we remove\n const width = clone.scrollWidth;\n const height = clone.scrollHeight;\n\n // Remove from the DOM\n utils.removeElement(clone);\n\n return {\n width,\n height,\n };\n },\n\n // Toggle Menu\n showTab(event) {\n const { menu } = this.elements.settings;\n const tab = event.target;\n const show = tab.getAttribute('aria-expanded') === 'false';\n const pane = document.getElementById(tab.getAttribute('aria-controls'));\n\n // Nothing to show, bail\n if (!utils.is.htmlElement(pane)) {\n return;\n }\n\n // Are we targetting a tab? If not, bail\n const isTab = pane.getAttribute('role') === 'tabpanel';\n if (!isTab) {\n return;\n }\n\n // Hide all other tabs\n // Get other tabs\n const current = menu.querySelector('[role=\"tabpanel\"][aria-hidden=\"false\"]');\n const container = current.parentNode;\n\n // Set other toggles to be expanded false\n Array.from(menu.querySelectorAll(`[aria-controls=\"${current.getAttribute('id')}\"]`)).forEach(toggle => {\n toggle.setAttribute('aria-expanded', false);\n });\n\n // If we can do fancy animations, we'll animate the height/width\n if (support.transitions && !support.reducedMotion) {\n // Set the current width as a base\n container.style.width = `${current.scrollWidth}px`;\n container.style.height = `${current.scrollHeight}px`;\n\n // Get potential sizes\n const size = controls.getTabSize.call(this, pane);\n\n // Restore auto height/width\n const restore = e => {\n // We're only bothered about height and width on the container\n if (e.target !== container || !['width', 'height'].includes(e.propertyName)) {\n return;\n }\n\n // Revert back to auto\n container.style.width = '';\n container.style.height = '';\n\n // Only listen once\n utils.off(container, utils.transitionEnd, restore);\n };\n\n // Listen for the transition finishing and restore auto height/width\n utils.on(container, utils.transitionEnd, restore);\n\n // Set dimensions to target\n container.style.width = `${size.width}px`;\n container.style.height = `${size.height}px`;\n }\n\n // Set attributes on current tab\n current.setAttribute('aria-hidden', true);\n current.setAttribute('tabindex', -1);\n\n // Set attributes on target\n pane.setAttribute('aria-hidden', !show);\n tab.setAttribute('aria-expanded', show);\n pane.removeAttribute('tabindex');\n\n // Focus the first item\n pane.querySelectorAll('button:not(:disabled), input:not(:disabled), [tabindex]')[0].focus();\n },\n\n // Build the default HTML\n // TODO: Set order based on order in the config.controls array?\n create(data) {\n // Do nothing if we want no controls\n if (utils.is.empty(this.config.controls)) {\n return null;\n }\n\n // Create the container\n const container = utils.createElement(\n 'div',\n utils.getAttributesFromSelector(this.config.selectors.controls.wrapper)\n );\n\n // Restart button\n if (this.config.controls.includes('restart')) {\n container.appendChild(controls.createButton.call(this, 'restart'));\n }\n\n // Rewind button\n if (this.config.controls.includes('rewind')) {\n container.appendChild(controls.createButton.call(this, 'rewind'));\n }\n\n // Play/Pause button\n if (this.config.controls.includes('play')) {\n container.appendChild(controls.createButton.call(this, 'play'));\n // container.appendChild(controls.createButton.call(this, 'pause'));\n }\n\n // Fast forward button\n if (this.config.controls.includes('fast-forward')) {\n container.appendChild(controls.createButton.call(this, 'fast-forward'));\n }\n\n // Progress\n if (this.config.controls.includes('progress')) {\n const progress = utils.createElement(\n 'span',\n utils.getAttributesFromSelector(this.config.selectors.progress)\n );\n\n // Seek range slider\n const seek = controls.createRange.call(this, 'seek', {\n id: `plyr-seek-${data.id}`,\n });\n progress.appendChild(seek.label);\n progress.appendChild(seek.input);\n\n // Buffer progress\n progress.appendChild(controls.createProgress.call(this, 'buffer'));\n\n // TODO: Add loop display indicator\n\n // Seek tooltip\n if (this.config.tooltips.seek) {\n const tooltip = utils.createElement(\n 'span',\n {\n role: 'tooltip',\n class: this.config.classNames.tooltip,\n },\n '00:00'\n );\n\n progress.appendChild(tooltip);\n this.elements.display.seekTooltip = tooltip;\n }\n\n this.elements.progress = progress;\n container.appendChild(this.elements.progress);\n }\n\n // Media current time display\n if (this.config.controls.includes('current-time')) {\n container.appendChild(controls.createTime.call(this, 'currentTime'));\n }\n\n // Media duration display\n if (this.config.controls.includes('duration')) {\n container.appendChild(controls.createTime.call(this, 'duration'));\n }\n\n // Toggle mute button\n if (this.config.controls.includes('mute')) {\n container.appendChild(controls.createButton.call(this, 'mute'));\n }\n\n // Volume range control\n if (this.config.controls.includes('volume')) {\n const volume = utils.createElement('span', {\n class: 'plyr__volume',\n });\n\n // Set the attributes\n const attributes = {\n max: 1,\n step: 0.05,\n value: this.config.volume,\n };\n\n // Create the volume range slider\n const range = controls.createRange.call(\n this,\n 'volume',\n utils.extend(attributes, {\n id: `plyr-volume-${data.id}`,\n })\n );\n volume.appendChild(range.label);\n volume.appendChild(range.input);\n\n this.elements.volume = volume;\n\n container.appendChild(volume);\n }\n\n // Toggle captions button\n if (this.config.controls.includes('captions')) {\n container.appendChild(controls.createButton.call(this, 'captions'));\n }\n\n // Settings button / menu\n if (this.config.controls.includes('settings') && !utils.is.empty(this.config.settings)) {\n const menu = utils.createElement('div', {\n class: 'plyr__menu',\n });\n\n menu.appendChild(\n controls.createButton.call(this, 'settings', {\n id: `plyr-settings-toggle-${data.id}`,\n 'aria-haspopup': true,\n 'aria-controls': `plyr-settings-${data.id}`,\n 'aria-expanded': false,\n })\n );\n\n const form = utils.createElement('form', {\n class: 'plyr__menu__container',\n id: `plyr-settings-${data.id}`,\n 'aria-hidden': true,\n 'aria-labelled-by': `plyr-settings-toggle-${data.id}`,\n role: 'tablist',\n tabindex: -1,\n });\n\n const inner = utils.createElement('div');\n\n const home = utils.createElement('div', {\n id: `plyr-settings-${data.id}-home`,\n 'aria-hidden': false,\n 'aria-labelled-by': `plyr-settings-toggle-${data.id}`,\n role: 'tabpanel',\n });\n\n // Create the tab list\n const tabs = utils.createElement('ul', {\n role: 'tablist',\n });\n\n // Build the tabs\n this.config.settings.forEach(type => {\n const tab = utils.createElement('li', {\n role: 'tab',\n hidden: '',\n });\n\n const button = utils.createElement(\n 'button',\n utils.extend(utils.getAttributesFromSelector(this.config.selectors.buttons.settings), {\n type: 'button',\n class: `${this.config.classNames.control} ${this.config.classNames.control}--forward`,\n id: `plyr-settings-${data.id}-${type}-tab`,\n 'aria-haspopup': true,\n 'aria-controls': `plyr-settings-${data.id}-${type}`,\n 'aria-expanded': false,\n }),\n this.config.i18n[type]\n );\n\n const value = utils.createElement('span', {\n class: this.config.classNames.menu.value,\n });\n\n // Speed contains HTML entities\n value.innerHTML = data[type];\n\n button.appendChild(value);\n tab.appendChild(button);\n tabs.appendChild(tab);\n\n this.elements.settings.tabs[type] = tab;\n });\n\n home.appendChild(tabs);\n inner.appendChild(home);\n\n // Build the panes\n this.config.settings.forEach(type => {\n const pane = utils.createElement('div', {\n id: `plyr-settings-${data.id}-${type}`,\n 'aria-hidden': true,\n 'aria-labelled-by': `plyr-settings-${data.id}-${type}-tab`,\n role: 'tabpanel',\n tabindex: -1,\n hidden: '',\n });\n\n const back = utils.createElement(\n 'button',\n {\n type: 'button',\n class: `${this.config.classNames.control} ${this.config.classNames.control}--back`,\n 'aria-haspopup': true,\n 'aria-controls': `plyr-settings-${data.id}-home`,\n 'aria-expanded': false,\n },\n this.config.i18n[type]\n );\n\n pane.appendChild(back);\n\n const options = utils.createElement('ul');\n\n pane.appendChild(options);\n inner.appendChild(pane);\n\n this.elements.settings.panes[type] = pane;\n });\n\n form.appendChild(inner);\n menu.appendChild(form);\n container.appendChild(menu);\n\n this.elements.settings.form = form;\n this.elements.settings.menu = menu;\n }\n\n // Picture in picture button\n if (this.config.controls.includes('pip') && support.pip) {\n container.appendChild(controls.createButton.call(this, 'pip'));\n }\n\n // Airplay button\n if (this.config.controls.includes('airplay') && support.airplay) {\n container.appendChild(controls.createButton.call(this, 'airplay'));\n }\n\n // Toggle fullscreen button\n if (this.config.controls.includes('fullscreen')) {\n container.appendChild(controls.createButton.call(this, 'fullscreen'));\n }\n\n // Larger overlaid play button\n if (this.config.controls.includes('play-large')) {\n this.elements.container.appendChild(controls.createButton.call(this, 'play-large'));\n }\n\n this.elements.controls = container;\n\n if (this.config.controls.includes('settings') && this.config.settings.includes('speed')) {\n controls.setSpeedMenu.call(this);\n }\n\n return container;\n },\n\n // Insert controls\n inject() {\n // Sprite\n if (this.config.loadSprite) {\n const icon = controls.getIconUrl.call(this);\n\n // Only load external sprite using AJAX\n if (icon.absolute) {\n utils.loadSprite(icon.url, 'sprite-plyr');\n }\n }\n\n // Create a unique ID\n this.id = Math.floor(Math.random() * 10000);\n\n // Null by default\n let container = null;\n\n // HTML passed as the option\n if (utils.is.string(this.config.controls)) {\n container = this.config.controls;\n } else if (utils.is.function(this.config.controls)) {\n // A custom function to build controls\n // The function can return a HTMLElement or String\n container = this.config.controls({\n id: this.id,\n seektime: this.config.seekTime,\n title: this.config.title,\n });\n } else {\n // Create controls\n container = controls.create.call(this, {\n id: this.id,\n seektime: this.config.seekTime,\n speed: this.speed,\n quality: this.quality,\n captions: controls.getLanguage.call(this),\n // TODO: Looping\n // loop: 'None',\n });\n }\n\n // Controls container\n let target;\n\n // Inject to custom location\n if (utils.is.string(this.config.selectors.controls.container)) {\n target = document.querySelector(this.config.selectors.controls.container);\n }\n\n // Inject into the container by default\n if (!utils.is.htmlElement(target)) {\n target = this.elements.container;\n }\n\n // Inject controls HTML\n if (utils.is.htmlElement(container)) {\n target.appendChild(container);\n } else {\n target.insertAdjacentHTML('beforeend', container);\n }\n\n // Find the elements if need be\n if (utils.is.htmlElement(this.elements.controls)) {\n utils.findElements.call(this);\n }\n\n // Setup tooltips\n if (this.config.tooltips.controls) {\n const labels = utils.getElements.call(\n this,\n [\n this.config.selectors.controls.wrapper,\n ' ',\n this.config.selectors.labels,\n ' .',\n this.config.classNames.hidden,\n ].join('')\n );\n\n Array.from(labels).forEach(label => {\n utils.toggleClass(label, this.config.classNames.hidden, false);\n utils.toggleClass(label, this.config.classNames.tooltip, true);\n label.setAttribute('role', 'tooltip');\n });\n }\n },\n};\n\nexport default controls;\n","// ==========================================================================\n// Plyr Captions\n// ==========================================================================\n\nimport support from './support';\nimport utils from './utils';\nimport controls from './controls';\nimport storage from './storage';\n\nconst captions = {\n // Setup captions\n setup() {\n // Requires UI support\n if (!this.supported.ui) {\n return;\n }\n\n // Set default language if not set\n if (!utils.is.empty(storage.get.call(this).language)) {\n this.captions.language = storage.get.call(this).language;\n } else if (utils.is.empty(this.captions.language)) {\n this.captions.language = this.config.captions.language.toLowerCase();\n }\n\n // Set captions enabled state if not set\n if (!utils.is.boolean(this.captions.enabled)) {\n if (!utils.is.empty(storage.get.call(this).language)) {\n this.captions.enabled = storage.get.call(this).captions;\n } else {\n this.captions.enabled = this.config.captions.active;\n }\n }\n\n // Only Vimeo and HTML5 video supported at this point\n if (!['video', 'vimeo'].includes(this.type) || (this.type === 'video' && !support.textTracks)) {\n // Clear menu and hide\n if (this.config.controls.includes('settings') && this.config.settings.includes('captions')) {\n controls.setCaptionsMenu.call(this);\n }\n\n return;\n }\n\n // Inject the container\n if (!utils.is.htmlElement(this.elements.captions)) {\n this.elements.captions = utils.createElement(\n 'div',\n utils.getAttributesFromSelector(this.config.selectors.captions)\n );\n\n utils.insertAfter(this.elements.captions, this.elements.wrapper);\n }\n\n // Set the class hook\n utils.toggleClass(\n this.elements.container,\n this.config.classNames.captions.enabled,\n !utils.is.empty(captions.getTracks.call(this))\n );\n\n // If no caption file exists, hide container for caption text\n if (utils.is.empty(captions.getTracks.call(this))) {\n return;\n }\n\n // Set language\n captions.setLanguage.call(this);\n\n // Enable UI\n captions.show.call(this);\n\n // Set available languages in list\n if (this.config.controls.includes('settings') && this.config.settings.includes('captions')) {\n controls.setCaptionsMenu.call(this);\n }\n },\n\n // Set the captions language\n setLanguage() {\n // Setup HTML5 track rendering\n if (this.type === 'video') {\n captions.getTracks.call(this).forEach(track => {\n // Remove previous bindings\n utils.on(track, 'cuechange', event => captions.setCue.call(this, event));\n\n // Turn off native caption rendering to avoid double captions\n // eslint-disable-next-line\n track.mode = 'hidden';\n });\n\n // Get current track\n const currentTrack = captions.getCurrentTrack.call(this);\n\n // Check if suported kind\n if (utils.is.track(currentTrack)) {\n // If we change the active track while a cue is already displayed we need to update it\n if (Array.from(currentTrack.activeCues || []).length) {\n captions.setCue.call(this, currentTrack);\n }\n }\n } else if (this.type === 'vimeo' && this.captions.active) {\n this.embed.enableTextTrack(this.language);\n }\n },\n\n // Get the tracks\n getTracks() {\n // Return empty array at least\n if (utils.is.nullOrUndefined(this.media)) {\n return [];\n }\n\n // Only get accepted kinds\n return Array.from(this.media.textTracks || []).filter(track => ['captions', 'subtitles'].includes(track.kind));\n },\n\n // Get the current track for the current language\n getCurrentTrack() {\n return captions.getTracks.call(this).find(track => track.language.toLowerCase() === this.language);\n },\n\n // Display active caption if it contains text\n setCue(input) {\n // Get the track from the event if needed\n const track = utils.is.event(input) ? input.target : input;\n const active = track.activeCues[0];\n const currentTrack = captions.getCurrentTrack.call(this);\n\n // Only display current track\n if (track !== currentTrack) {\n return;\n }\n\n // Display a cue, if there is one\n if (utils.is.cue(active)) {\n captions.setText.call(this, active.getCueAsHTML());\n } else {\n captions.setText.call(this, null);\n }\n\n utils.dispatchEvent.call(this, this.media, 'cuechange');\n },\n\n // Set the current caption\n setText(input) {\n // Requires UI\n if (!this.supported.ui) {\n return;\n }\n\n if (utils.is.htmlElement(this.elements.captions)) {\n const content = utils.createElement('span');\n\n // Empty the container\n utils.emptyElement(this.elements.captions);\n\n // Default to empty\n const caption = !utils.is.nullOrUndefined(input) ? input : '';\n\n // Set the span content\n if (utils.is.string(caption)) {\n content.textContent = caption.trim();\n } else {\n content.appendChild(caption);\n }\n\n // Set new caption text\n this.elements.captions.appendChild(content);\n } else {\n this.console.warn('No captions element to render to');\n }\n },\n\n // Display captions container and button (for initialization)\n show() {\n // If there's no caption toggle, bail\n if (!utils.is.htmlElement(this.elements.buttons.captions)) {\n return;\n }\n\n // Try to load the value from storage\n let active = storage.get.call(this).captions;\n\n // Otherwise fall back to the default config\n if (!utils.is.boolean(active)) {\n ({ active } = this.config.captions);\n } else {\n this.captions.active = active;\n }\n\n if (active) {\n utils.toggleClass(this.elements.container, this.config.classNames.captions.active, true);\n utils.toggleState(this.elements.buttons.captions, true);\n }\n },\n};\n\nexport default captions;\n","// ==========================================================================\n// YouTube plugin\n// ==========================================================================\n\nimport utils from './../utils';\nimport controls from './../controls';\nimport ui from './../ui';\n\nconst youtube = {\n setup() {\n const videoId = utils.parseYouTubeId(this.embedId);\n\n // Remove old containers\n const containers = utils.getElements.call(this, `[id^=\"${this.type}-\"]`);\n Array.from(containers).forEach(utils.removeElement);\n\n // Add embed class for responsive\n utils.toggleClass(this.elements.wrapper, this.config.classNames.embed, true);\n\n // Set aspect ratio\n youtube.setAspectRatio.call(this);\n\n // Set ID\n this.media.setAttribute('id', utils.generateId(this.type));\n\n // Setup API\n if (utils.is.object(window.YT)) {\n youtube.ready.call(this, videoId);\n } else {\n // Load the API\n utils.loadScript(this.config.urls.youtube.api);\n\n // Setup callback for the API\n window.onYouTubeReadyCallbacks = window.onYouTubeReadyCallbacks || [];\n\n // Add to queue\n window.onYouTubeReadyCallbacks.push(() => {\n youtube.ready.call(this, videoId);\n });\n\n // Set callback to process queue\n window.onYouTubeIframeAPIReady = () => {\n window.onYouTubeReadyCallbacks.forEach(callback => {\n callback();\n });\n };\n }\n },\n\n // Get the media title\n getTitle() {\n // Try via undocumented API method first\n // This method disappears now and then though...\n // https://github.com/sampotts/plyr/issues/709\n if (utils.is.function(this.embed.getVideoData)) {\n const { title } = this.embed.getVideoData();\n\n if (utils.is.empty(title)) {\n this.config.title = title;\n ui.setTitle.call(this);\n return;\n }\n }\n\n // Or via Google API\n const key = this.config.keys.google;\n const videoId = utils.parseYouTubeId(this.embedId);\n if (utils.is.string(key) && !utils.is.empty(key)) {\n const url = `https://www.googleapis.com/youtube/v3/videos?id=${videoId}&key=${key}&fields=items(snippet(title))&part=snippet`;\n\n fetch(url)\n .then(response => (response.ok ? response.json() : null))\n .then(result => {\n if (result !== null && utils.is.object(result)) {\n this.config.title = result.items[0].snippet.title;\n ui.setTitle.call(this);\n }\n })\n .catch(() => {});\n }\n },\n\n // Set aspect ratio\n setAspectRatio() {\n const ratio = this.config.ratio.split(':');\n this.elements.wrapper.style.paddingBottom = `${100 / ratio[0] * ratio[1]}%`;\n },\n\n // API ready\n ready(videoId) {\n const player = this;\n\n // Setup instance\n // https://developers.google.com/youtube/iframe_api_reference\n player.embed = new window.YT.Player(player.media.id, {\n videoId,\n playerVars: {\n autoplay: player.config.autoplay ? 1 : 0, // Autoplay\n controls: player.supported.ui ? 0 : 1, // Only show controls if not fully supported\n rel: 0, // No related vids\n showinfo: 0, // Hide info\n iv_load_policy: 3, // Hide annotations\n modestbranding: 1, // Hide logos as much as possible (they still show one in the corner when paused)\n disablekb: 1, // Disable keyboard as we handle it\n playsinline: 1, // Allow iOS inline playback\n\n // Tracking for stats\n origin: window && window.location.hostname,\n widget_referrer: window && window.location.href,\n\n // Captions are flaky on YouTube\n cc_load_policy: this.captions.active ? 1 : 0,\n cc_lang_pref: this.config.captions.language,\n },\n events: {\n onError(event) {\n // If we've already fired an error, don't do it again\n // YouTube fires onError twice\n if (utils.is.object(player.media.error)) {\n return;\n }\n\n const detail = {\n code: event.data,\n };\n\n // Messages copied from https://developers.google.com/youtube/iframe_api_reference#onError\n switch (event.data) {\n case 2:\n detail.message =\n 'The request contains an invalid parameter value. For example, this error occurs if you specify a video ID that does not have 11 characters, or if the video ID contains invalid characters, such as exclamation points or asterisks.';\n break;\n\n case 5:\n detail.message =\n 'The requested content cannot be played in an HTML5 player or another error related to the HTML5 player has occurred.';\n break;\n\n case 100:\n detail.message =\n 'The video requested was not found. This error occurs when a video has been removed (for any reason) or has been marked as private.';\n break;\n\n case 101:\n case 150:\n detail.message =\n 'The owner of the requested video does not allow it to be played in embedded players.';\n break;\n\n default:\n detail.message = 'An unknown error occured';\n break;\n }\n\n player.media.error = detail;\n\n utils.dispatchEvent.call(player, player.media, 'error');\n },\n onPlaybackQualityChange(event) {\n // Get the instance\n const instance = event.target;\n\n // Get current quality\n player.media.quality = instance.getPlaybackQuality();\n\n utils.dispatchEvent.call(player, player.media, 'qualitychange');\n },\n onPlaybackRateChange(event) {\n // Get the instance\n const instance = event.target;\n\n // Get current speed\n player.media.playbackRate = instance.getPlaybackRate();\n\n utils.dispatchEvent.call(player, player.media, 'ratechange');\n },\n onReady(event) {\n // Get the instance\n const instance = event.target;\n\n // Get the title\n youtube.getTitle.call(player);\n\n // Create a faux HTML5 API using the YouTube API\n player.media.play = () => {\n instance.playVideo();\n player.media.paused = false;\n };\n player.media.pause = () => {\n instance.pauseVideo();\n player.media.paused = true;\n };\n player.media.stop = () => {\n instance.stopVideo();\n player.media.paused = true;\n };\n player.media.duration = instance.getDuration();\n player.media.paused = true;\n\n // Seeking\n player.media.currentTime = 0;\n Object.defineProperty(player.media, 'currentTime', {\n get() {\n return Number(instance.getCurrentTime());\n },\n set(time) {\n // Set seeking flag\n player.media.seeking = true;\n\n // Trigger seeking\n utils.dispatchEvent.call(player, player.media, 'seeking');\n\n // Seek after events sent\n instance.seekTo(time);\n },\n });\n\n // Playback speed\n Object.defineProperty(player.media, 'playbackRate', {\n get() {\n return instance.getPlaybackRate();\n },\n set(input) {\n instance.setPlaybackRate(input);\n },\n });\n\n // Quality\n Object.defineProperty(player.media, 'quality', {\n get() {\n return instance.getPlaybackQuality();\n },\n set(input) {\n // Trigger request event\n utils.dispatchEvent.call(player, player.media, 'qualityrequested', false, {\n quality: input,\n });\n\n instance.setPlaybackQuality(input);\n },\n });\n\n // Volume\n let { volume } = player.config;\n Object.defineProperty(player.media, 'volume', {\n get() {\n return volume;\n },\n set(input) {\n volume = input;\n instance.setVolume(volume * 100);\n utils.dispatchEvent.call(player, player.media, 'volumechange');\n },\n });\n\n // Muted\n let { muted } = player.config;\n Object.defineProperty(player.media, 'muted', {\n get() {\n return muted;\n },\n set(input) {\n const toggle = utils.is.boolean(input) ? input : muted;\n muted = toggle;\n instance[toggle ? 'mute' : 'unMute']();\n utils.dispatchEvent.call(player, player.media, 'volumechange');\n },\n });\n\n // Source\n Object.defineProperty(player.media, 'currentSrc', {\n get() {\n return instance.getVideoUrl();\n },\n });\n\n // Ended\n Object.defineProperty(player.media, 'ended', {\n get() {\n return player.currentTime === player.duration;\n },\n });\n\n // Get available speeds\n if (player.config.controls.includes('settings') && player.config.settings.includes('speed')) {\n controls.setSpeedMenu.call(player, instance.getAvailablePlaybackRates());\n }\n\n // Set the tabindex to avoid focus entering iframe\n if (player.supported.ui) {\n player.media.setAttribute('tabindex', -1);\n }\n\n utils.dispatchEvent.call(player, player.media, 'timeupdate');\n utils.dispatchEvent.call(player, player.media, 'durationchange');\n\n // Reset timer\n window.clearInterval(player.timers.buffering);\n\n // Setup buffering\n player.timers.buffering = window.setInterval(() => {\n // Get loaded % from YouTube\n player.media.buffered = instance.getVideoLoadedFraction();\n\n // Trigger progress only when we actually buffer something\n if (player.media.lastBuffered === null || player.media.lastBuffered < player.media.buffered) {\n utils.dispatchEvent.call(player, player.media, 'progress');\n }\n\n // Set last buffer point\n player.media.lastBuffered = player.media.buffered;\n\n // Bail if we're at 100%\n if (player.media.buffered === 1) {\n window.clearInterval(player.timers.buffering);\n\n // Trigger event\n utils.dispatchEvent.call(player, player.media, 'canplaythrough');\n }\n }, 200);\n\n // Rebuild UI\n window.setTimeout(() => ui.build.call(player), 50);\n },\n onStateChange(event) {\n // Get the instance\n const instance = event.target;\n\n // Reset timer\n window.clearInterval(player.timers.playing);\n\n // Handle events\n // -1 Unstarted\n // 0 Ended\n // 1 Playing\n // 2 Paused\n // 3 Buffering\n // 5 Video cued\n switch (event.data) {\n case 0:\n player.media.paused = true;\n\n // YouTube doesn't support loop for a single video, so mimick it.\n if (player.media.loop) {\n // YouTube needs a call to `stopVideo` before playing again\n instance.stopVideo();\n instance.playVideo();\n } else {\n utils.dispatchEvent.call(player, player.media, 'ended');\n }\n\n break;\n\n case 1:\n // If we were seeking, fire seeked event\n if (player.media.seeking) {\n utils.dispatchEvent.call(player, player.media, 'seeked');\n }\n player.media.seeking = false;\n\n // Only fire play if paused before\n if (player.media.paused) {\n utils.dispatchEvent.call(player, player.media, 'play');\n }\n player.media.paused = false;\n\n utils.dispatchEvent.call(player, player.media, 'playing');\n\n // Poll to get playback progress\n player.timers.playing = window.setInterval(() => {\n utils.dispatchEvent.call(player, player.media, 'timeupdate');\n }, 50);\n\n // Check duration again due to YouTube bug\n // https://github.com/sampotts/plyr/issues/374\n // https://code.google.com/p/gdata-issues/issues/detail?id=8690\n if (player.media.duration !== instance.getDuration()) {\n player.media.duration = instance.getDuration();\n utils.dispatchEvent.call(player, player.media, 'durationchange');\n }\n\n // Get quality\n controls.setQualityMenu.call(player, instance.getAvailableQualityLevels());\n\n break;\n\n case 2:\n player.media.paused = true;\n\n utils.dispatchEvent.call(player, player.media, 'pause');\n\n break;\n\n default:\n break;\n }\n\n utils.dispatchEvent.call(player, player.elements.container, 'statechange', false, {\n code: event.data,\n });\n },\n },\n });\n },\n};\n\nexport default youtube;\n","// ==========================================================================\n// Vimeo plugin\n// ==========================================================================\n\nimport utils from './../utils';\nimport captions from './../captions';\nimport controls from './../controls';\nimport ui from './../ui';\n\nconst vimeo = {\n setup() {\n // Remove old containers\n const containers = utils.getElements.call(this, `[id^=\"${this.type}-\"]`);\n Array.from(containers).forEach(utils.removeElement);\n\n // Add embed class for responsive\n utils.toggleClass(this.elements.wrapper, this.config.classNames.embed, true);\n\n // Set intial ratio\n vimeo.setAspectRatio.call(this);\n\n // Set ID\n this.media.setAttribute('id', utils.generateId(this.type));\n\n // Load the API if not already\n if (!utils.is.object(window.Vimeo)) {\n utils.loadScript(this.config.urls.vimeo.api, () => {\n vimeo.ready.call(this);\n });\n } else {\n vimeo.ready.call(this);\n }\n },\n\n // Set aspect ratio\n // For Vimeo we have an extra 300% height <div> to hide the standard controls and UI\n setAspectRatio(input) {\n const ratio = utils.is.string(input) ? input.split(':') : this.config.ratio.split(':');\n const padding = 100 / ratio[0] * ratio[1];\n const height = 200;\n const offset = (height - padding) / (height / 50);\n this.elements.wrapper.style.paddingBottom = `${padding}%`;\n this.media.style.transform = `translateY(-${offset}%)`;\n },\n\n // API Ready\n ready() {\n const player = this;\n\n // Get Vimeo params for the iframe\n const options = {\n loop: player.config.loop.active,\n autoplay: player.autoplay,\n byline: false,\n portrait: false,\n title: false,\n speed: true,\n transparent: 0,\n gesture: 'media',\n };\n const params = utils.buildUrlParameters(options);\n const id = utils.parseVimeoId(player.embedId);\n\n // Build an iframe\n const iframe = utils.createElement('iframe');\n const src = `https://player.vimeo.com/video/${id}?${params}`;\n iframe.setAttribute('src', src);\n iframe.setAttribute('allowfullscreen', '');\n player.media.appendChild(iframe);\n\n // Setup instance\n // https://github.com/vimeo/player.js\n player.embed = new window.Vimeo.Player(iframe);\n\n player.media.paused = true;\n player.media.currentTime = 0;\n\n // Create a faux HTML5 API using the Vimeo API\n player.media.play = () => {\n player.embed.play().then(() => {\n player.media.paused = false;\n });\n };\n player.media.pause = () => {\n player.embed.pause().then(() => {\n player.media.paused = true;\n });\n };\n player.media.stop = () => {\n player.embed.stop().then(() => {\n player.media.paused = true;\n player.currentTime = 0;\n });\n };\n\n // Seeking\n let { currentTime } = player.media;\n Object.defineProperty(player.media, 'currentTime', {\n get() {\n return currentTime;\n },\n set(time) {\n // Get current paused state\n // Vimeo will automatically play on seek\n const { paused } = player.media;\n\n // Set seeking flag\n player.media.seeking = true;\n\n // Trigger seeking\n utils.dispatchEvent.call(player, player.media, 'seeking');\n\n // Seek after events\n player.embed.setCurrentTime(time);\n\n // Restore pause state\n if (paused) {\n player.pause();\n }\n },\n });\n\n // Playback speed\n let speed = player.config.speed.selected;\n Object.defineProperty(player.media, 'playbackRate', {\n get() {\n return speed;\n },\n set(input) {\n player.embed.setPlaybackRate(input).then(() => {\n speed = input;\n utils.dispatchEvent.call(player, player.media, 'ratechange');\n });\n },\n });\n\n // Volume\n let { volume } = player.config;\n Object.defineProperty(player.media, 'volume', {\n get() {\n return volume;\n },\n set(input) {\n player.embed.setVolume(input).then(() => {\n volume = input;\n utils.dispatchEvent.call(player, player.media, 'volumechange');\n });\n },\n });\n\n // Muted\n let { muted } = player.config;\n Object.defineProperty(player.media, 'muted', {\n get() {\n return muted;\n },\n set(input) {\n const toggle = utils.is.boolean(input) ? input : false;\n\n player.embed.setVolume(toggle ? 0 : player.config.volume).then(() => {\n muted = toggle;\n utils.dispatchEvent.call(player, player.media, 'volumechange');\n });\n },\n });\n\n // Loop\n let { loop } = player.config;\n Object.defineProperty(player.media, 'loop', {\n get() {\n return loop;\n },\n set(input) {\n const toggle = utils.is.boolean(input) ? input : player.config.loop.active;\n\n player.embed.setLoop(toggle).then(() => {\n loop = toggle;\n });\n },\n });\n\n // Source\n let currentSrc;\n player.embed.getVideoUrl().then(value => {\n currentSrc = value;\n });\n Object.defineProperty(player.media, 'currentSrc', {\n get() {\n return currentSrc;\n },\n });\n\n // Ended\n Object.defineProperty(player.media, 'ended', {\n get() {\n return player.currentTime === player.duration;\n },\n });\n\n // Set aspect ratio based on video size\n Promise.all([player.embed.getVideoWidth(), player.embed.getVideoHeight()]).then(dimensions => {\n const ratio = utils.getAspectRatio(dimensions[0], dimensions[1]);\n vimeo.setAspectRatio.call(this, ratio);\n });\n\n // Set autopause\n player.embed.setAutopause(player.config.autopause).then(state => {\n player.config.autopause = state;\n });\n\n // Get available speeds\n if (player.config.controls.includes('settings') && player.config.settings.includes('speed')) {\n controls.setSpeedMenu.call(player);\n }\n\n // Get title\n player.embed.getVideoTitle().then(title => {\n player.config.title = title;\n ui.setTitle.call(this);\n });\n\n // Get current time\n player.embed.getCurrentTime().then(value => {\n currentTime = value;\n utils.dispatchEvent.call(player, player.media, 'timeupdate');\n });\n\n // Get duration\n player.embed.getDuration().then(value => {\n player.media.duration = value;\n utils.dispatchEvent.call(player, player.media, 'durationchange');\n });\n\n // Get captions\n player.embed.getTextTracks().then(tracks => {\n player.media.textTracks = tracks;\n captions.setup.call(player);\n });\n\n player.embed.on('cuechange', data => {\n let cue = null;\n\n if (data.cues.length) {\n cue = utils.stripHTML(data.cues[0].text);\n }\n\n captions.setText.call(player, cue);\n });\n\n player.embed.on('loaded', () => {\n if (utils.is.htmlElement(player.embed.element) && player.supported.ui) {\n const frame = player.embed.element;\n\n // Fix keyboard focus issues\n // https://github.com/sampotts/plyr/issues/317\n frame.setAttribute('tabindex', -1);\n }\n });\n\n player.embed.on('play', () => {\n // Only fire play if paused before\n if (player.media.paused) {\n utils.dispatchEvent.call(player, player.media, 'play');\n }\n player.media.paused = false;\n utils.dispatchEvent.call(player, player.media, 'playing');\n });\n\n player.embed.on('pause', () => {\n player.media.paused = true;\n utils.dispatchEvent.call(player, player.media, 'pause');\n });\n\n player.embed.on('timeupdate', data => {\n player.media.seeking = false;\n currentTime = data.seconds;\n utils.dispatchEvent.call(player, player.media, 'timeupdate');\n });\n\n player.embed.on('progress', data => {\n player.media.buffered = data.percent;\n utils.dispatchEvent.call(player, player.media, 'progress');\n\n if (parseInt(data.percent, 10) === 1) {\n // Trigger event\n utils.dispatchEvent.call(player, player.media, 'canplaythrough');\n }\n });\n\n player.embed.on('seeked', () => {\n player.media.seeking = false;\n utils.dispatchEvent.call(player, player.media, 'seeked');\n utils.dispatchEvent.call(player, player.media, 'play');\n });\n\n player.embed.on('ended', () => {\n player.media.paused = true;\n utils.dispatchEvent.call(player, player.media, 'ended');\n });\n\n player.embed.on('error', detail => {\n player.media.error = detail;\n utils.dispatchEvent.call(player, player.media, 'error');\n });\n\n // Rebuild UI\n window.setTimeout(() => ui.build.call(player), 0);\n },\n};\n\nexport default vimeo;\n","// ==========================================================================\n// Plyr Media\n// ==========================================================================\n\nimport support from './support';\nimport utils from './utils';\nimport youtube from './plugins/youtube';\nimport vimeo from './plugins/vimeo';\nimport ui from './ui';\n\n// Sniff out the browser\nconst browser = utils.getBrowser();\n\nconst media = {\n // Setup media\n setup() {\n // If there's no media, bail\n if (!this.media) {\n this.console.warn('No media element found!');\n return;\n }\n\n // Add type class\n utils.toggleClass(this.elements.container, this.config.classNames.type.replace('{0}', this.type), true);\n\n // Add video class for embeds\n // This will require changes if audio embeds are added\n if (this.isEmbed) {\n utils.toggleClass(this.elements.container, this.config.classNames.type.replace('{0}', 'video'), true);\n }\n\n if (this.supported.ui) {\n // Check for picture-in-picture support\n utils.toggleClass(\n this.elements.container,\n this.config.classNames.pip.supported,\n support.pip && this.type === 'video'\n );\n\n // Check for airplay support\n utils.toggleClass(\n this.elements.container,\n this.config.classNames.airplay.supported,\n support.airplay && this.isHTML5\n );\n\n // If there's no autoplay attribute, assume the video is stopped and add state class\n utils.toggleClass(this.elements.container, this.config.classNames.stopped, this.config.autoplay);\n\n // Add iOS class\n utils.toggleClass(this.elements.container, this.config.classNames.isIos, browser.isIos);\n\n // Add touch class\n utils.toggleClass(this.elements.container, this.config.classNames.isTouch, support.touch);\n }\n\n // Inject the player wrapper\n if (['video', 'youtube', 'vimeo'].includes(this.type)) {\n // Create the wrapper div\n this.elements.wrapper = utils.createElement('div', {\n class: this.config.classNames.video,\n });\n\n // Wrap the video in a container\n utils.wrap(this.media, this.elements.wrapper);\n }\n\n if (this.isEmbed) {\n switch (this.type) {\n case 'youtube':\n youtube.setup.call(this);\n break;\n\n case 'vimeo':\n vimeo.setup.call(this);\n break;\n\n default:\n break;\n }\n } else if (this.isHTML5) {\n ui.setTitle.call(this);\n }\n },\n\n // Cancel current network requests\n // See https://github.com/sampotts/plyr/issues/174\n cancelRequests() {\n if (!this.isHTML5) {\n return;\n }\n\n // Remove child sources\n Array.from(this.media.querySelectorAll('source')).forEach(utils.removeElement);\n\n // Set blank video src attribute\n // This is to prevent a MEDIA_ERR_SRC_NOT_SUPPORTED error\n // Info: http://stackoverflow.com/questions/32231579/how-to-properly-dispose-of-an-html5-video-and-close-socket-or-connection\n this.media.setAttribute('src', this.config.blankVideo);\n\n // Load the new empty source\n // This will cancel existing requests\n // See https://github.com/sampotts/plyr/issues/174\n this.media.load();\n\n // Debugging\n this.console.log('Cancelled network requests');\n },\n};\n\nexport default media;\n","// ==========================================================================\n// Plyr source update\n// ==========================================================================\n\nimport types from './types';\nimport utils from './utils';\nimport media from './media';\nimport ui from './ui';\nimport support from './support';\n\nconst source = {\n // Add elements to HTML5 media (source, tracks, etc)\n insertElements(type, attributes) {\n if (utils.is.string(attributes)) {\n utils.insertElement(type, this.media, {\n src: attributes,\n });\n } else if (utils.is.array(attributes)) {\n attributes.forEach(attribute => {\n utils.insertElement(type, this.media, attribute);\n });\n }\n },\n\n // Update source\n // Sources are not checked for support so be careful\n change(input) {\n if (!utils.is.object(input) || !('sources' in input) || !input.sources.length) {\n this.console.warn('Invalid source format');\n return;\n }\n\n // Cancel current network requests\n media.cancelRequests.call(this);\n\n // Destroy instance and re-setup\n this.destroy.call(\n this,\n () => {\n // TODO: Reset menus here\n\n // Remove elements\n utils.removeElement(this.media);\n this.media = null;\n\n // Reset class name\n if (utils.is.htmlElement(this.elements.container)) {\n this.elements.container.removeAttribute('class');\n }\n\n // Set the type\n if ('type' in input) {\n this.type = input.type;\n\n // Get child type for video (it might be an embed)\n if (this.type === 'video') {\n const firstSource = input.sources[0];\n\n if ('type' in firstSource && types.embed.includes(firstSource.type)) {\n this.type = firstSource.type;\n }\n }\n }\n\n // Check for support\n this.supported = support.check(this.type, this.config.inline);\n\n // Create new markup\n switch (this.type) {\n case 'video':\n this.media = utils.createElement('video');\n break;\n\n case 'audio':\n this.media = utils.createElement('audio');\n break;\n\n case 'youtube':\n case 'vimeo':\n this.media = utils.createElement('div');\n this.embedId = input.sources[0].src;\n break;\n\n default:\n break;\n }\n\n // Inject the new element\n this.elements.container.appendChild(this.media);\n\n // Autoplay the new source?\n if (utils.is.boolean(input.autoplay)) {\n this.config.autoplay = input.autoplay;\n }\n\n // Set attributes for audio and video\n if (this.isHTML5) {\n if (this.config.crossorigin) {\n this.media.setAttribute('crossorigin', '');\n }\n if (this.config.autoplay) {\n this.media.setAttribute('autoplay', '');\n }\n if ('poster' in input) {\n this.media.setAttribute('poster', input.poster);\n }\n if (this.config.loop.active) {\n this.media.setAttribute('loop', '');\n }\n if (this.config.muted) {\n this.media.setAttribute('muted', '');\n }\n if (this.config.inline) {\n this.media.setAttribute('playsinline', '');\n }\n }\n\n // Restore class hooks\n utils.toggleClass(\n this.elements.container,\n this.config.classNames.captions.active,\n this.supported.ui && this.captions.enabled\n );\n\n ui.addStyleHook.call(this);\n\n // Set new sources for html5\n if (this.isHTML5) {\n source.insertElements.call(this, 'source', input.sources);\n }\n\n // Set video title\n this.config.title = input.title;\n\n // Set up from scratch\n media.setup.call(this);\n\n // HTML5 stuff\n if (this.isHTML5) {\n // Setup captions\n if ('tracks' in input) {\n source.insertElements.call(this, 'track', input.tracks);\n }\n\n // Load HTML5 sources\n this.media.load();\n }\n\n // If HTML5 or embed but not fully supported, setupInterface and call ready now\n if (this.isHTML5 || (this.isEmbed && !this.supported.ui)) {\n // Setup interface\n ui.build.call(this);\n }\n },\n true\n );\n },\n};\n\nexport default source;\n","// ==========================================================================\n// Plyr\n// plyr.js v3.0.0\n// https://github.com/sampotts/plyr\n// License: The MIT License (MIT)\n// ==========================================================================\n\nimport defaults from './defaults';\nimport types from './types';\nimport support from './support';\nimport utils from './utils';\n\nimport captions from './captions';\nimport controls from './controls';\nimport fullscreen from './fullscreen';\nimport listeners from './listeners';\nimport media from './media';\nimport storage from './storage';\nimport source from './source';\nimport ui from './ui';\n\n// Globals\nlet scrollPosition = {\n x: 0,\n y: 0,\n};\n\n// Plyr instance\nclass Plyr {\n constructor(target, options) {\n this.timers = {};\n this.ready = false;\n\n // Set the media element\n this.media = target;\n\n // String selector passed\n if (utils.is.string(this.media)) {\n this.media = document.querySelectorAll(this.media);\n }\n\n // jQuery, NodeList or Array passed, use first element\n if (\n (window.jQuery && this.media instanceof jQuery) ||\n utils.is.nodeList(this.media) ||\n utils.is.array(this.media)\n ) {\n // eslint-disable-next-line\n this.media = this.media[0];\n }\n\n // Set config\n this.config = utils.extend(\n {},\n defaults,\n options,\n (() => {\n try {\n return JSON.parse(this.media.getAttribute('data-plyr'));\n } catch (e) {\n return null;\n }\n })()\n );\n\n // Elements cache\n this.elements = {\n container: null,\n buttons: {},\n display: {},\n progress: {},\n inputs: {},\n settings: {\n menu: null,\n panes: {},\n tabs: {},\n },\n captions: null,\n };\n\n // Captions\n this.captions = {\n enabled: null,\n currentTrack: null,\n };\n\n // Fullscreen\n this.fullscreen = {\n active: false,\n };\n\n // Options\n this.options = {\n speed: [],\n quality: [],\n };\n\n // Debugging\n this.console = {\n log() {},\n warn() {},\n error() {},\n };\n if (this.config.debug && 'console' in window) {\n this.console = {\n log: console.log, // eslint-disable-line\n warn: console.warn, // eslint-disable-line\n error: console.error, // eslint-disable-line\n };\n this.console.log('Debugging enabled');\n }\n\n // Log config options and support\n this.console.log('Config', this.config);\n this.console.log('Support', support);\n\n // We need an element to setup\n if (utils.is.nullOrUndefined(this.media) || !utils.is.htmlElement(this.media)) {\n this.console.error('Setup failed: no suitable element passed');\n return;\n }\n\n // Bail if the element is initialized\n if (this.media.plyr) {\n this.console.warn('Target already setup');\n return;\n }\n\n // Bail if not enabled\n if (!this.config.enabled) {\n this.console.error('Setup failed: disabled by config');\n return;\n }\n\n // Bail if disabled or no basic support\n // You may want to disable certain UAs etc\n if (!support.check().api) {\n this.console.error('Setup failed: no support');\n return;\n }\n\n // Cache original element state for .destroy()\n this.elements.original = this.media.cloneNode(true);\n\n // Set media type based on tag or data attribute\n // Supported: video, audio, vimeo, youtube\n const type = this.media.tagName.toLowerCase();\n\n // Different setup based on type\n switch (type) {\n // TODO: Handle passing an iframe for true progressive enhancement\n // case 'iframe':\n case 'div':\n this.type = this.media.getAttribute('data-type');\n this.embedId = this.media.getAttribute('data-video-id');\n\n if (utils.is.empty(this.type)) {\n this.console.error('Setup failed: embed type missing');\n return;\n }\n\n if (utils.is.empty(this.embedId)) {\n this.console.error('Setup failed: video id missing');\n return;\n }\n\n // Clean up\n this.media.removeAttribute('data-type');\n this.media.removeAttribute('data-video-id');\n break;\n\n case 'video':\n case 'audio':\n this.type = type;\n\n if (this.media.hasAttribute('crossorigin')) {\n this.config.crossorigin = true;\n }\n if (this.media.hasAttribute('autoplay')) {\n this.config.autoplay = true;\n }\n if (this.media.hasAttribute('playsinline')) {\n this.config.inline = true;\n }\n if (this.media.hasAttribute('muted')) {\n this.config.muted = true;\n }\n if (this.media.hasAttribute('loop')) {\n this.config.loop.active = true;\n }\n\n break;\n\n default:\n this.console.error('Setup failed: unsupported type');\n return;\n }\n\n // Setup local storage for user settings\n storage.setup.call(this);\n\n // Check for support again but with type\n this.supported = support.check(this.type, this.config.inline);\n\n // If no support for even API, bail\n if (!this.supported.api) {\n this.console.error('Setup failed: no support');\n return;\n }\n\n // Store reference\n this.media.plyr = this;\n\n // Wrap media\n this.elements.container = utils.createElement('div');\n utils.wrap(this.media, this.elements.container);\n\n // Allow focus to be captured\n this.elements.container.setAttribute('tabindex', 0);\n\n // Global listeners\n listeners.global.call(this);\n\n // Add style hook\n ui.addStyleHook.call(this);\n\n // Setup media\n media.setup.call(this);\n\n // Listen for events if debugging\n if (this.config.debug) {\n utils.on(this.elements.container, this.config.events.join(' '), event => {\n this.console.log(`event: ${event.type}`);\n });\n }\n\n // Setup interface\n // If embed but not fully supported, build interface now to avoid flash of controls\n if (this.isHTML5 || (this.isEmbed && !this.supported.ui)) {\n ui.build.call(this);\n }\n }\n\n // ---------------------------------------\n // API\n // ---------------------------------------\n\n /**\n * If the player is HTML5\n */\n get isHTML5() {\n return types.html5.includes(this.type);\n }\n\n /**\n * If the player is an embed - e.g. YouTube or Vimeo\n */\n get isEmbed() {\n return types.embed.includes(this.type);\n }\n\n /**\n * Play the media\n */\n play() {\n if ('play' in this.media) {\n this.media.play();\n }\n return this;\n }\n\n /**\n * Pause the media\n */\n pause() {\n if ('pause' in this.media) {\n this.media.pause();\n }\n return this;\n }\n\n /**\n * Get paused state\n */\n get paused() {\n return this.media.paused;\n }\n\n /**\n * Get playing state\n */\n get playing() {\n return !this.paused && !this.ended && (this.isHTML5 ? this.media.readyState > 2 : true);\n }\n\n /**\n * Get ended state\n */\n get ended() {\n return this.media.ended;\n }\n\n /**\n * Toggle playback based on current status\n * @param {boolean} toggle\n */\n togglePlay(toggle) {\n // True toggle if nothing passed\n if ((!utils.is.boolean(toggle) && this.media.paused) || toggle) {\n return this.play();\n }\n\n return this.pause();\n }\n\n /**\n * Stop playback\n */\n stop() {\n return this.restart().pause();\n }\n\n /**\n * Restart playback\n */\n restart() {\n this.currentTime = 0;\n return this;\n }\n\n /**\n * Rewind\n * @param {number} seekTime - how far to rewind in seconds. Defaults to the config.seekTime\n */\n rewind(seekTime) {\n this.currentTime = this.currentTime - (utils.is.number(seekTime) ? seekTime : this.config.seekTime);\n return this;\n }\n\n /**\n * Fast forward\n * @param {number} seekTime - how far to fast forward in seconds. Defaults to the config.seekTime\n */\n forward(seekTime) {\n this.currentTime = this.currentTime + (utils.is.number(seekTime) ? seekTime : this.config.seekTime);\n return this;\n }\n\n /**\n * Seek to a time\n * @param {number} input - where to seek to in seconds. Defaults to 0 (the start)\n */\n set currentTime(input) {\n let targetTime = 0;\n\n if (utils.is.number(input)) {\n targetTime = input;\n }\n\n // Normalise targetTime\n if (targetTime < 0) {\n targetTime = 0;\n } else if (targetTime > this.duration) {\n targetTime = this.duration;\n }\n\n // Set\n this.media.currentTime = targetTime.toFixed(4);\n\n // Logging\n this.console.log(`Seeking to ${this.currentTime} seconds`);\n }\n\n /**\n * Get current time\n */\n get currentTime() {\n return Number(this.media.currentTime);\n }\n\n /**\n * Get seeking status\n */\n get seeking() {\n return this.media.seeking;\n }\n\n /**\n * Get the duration of the current media\n */\n get duration() {\n // Faux duration set via config\n const fauxDuration = parseInt(this.config.duration, 10);\n\n // True duration\n const realDuration = Number(this.media.duration);\n\n // If custom duration is funky, use regular duration\n return !Number.isNaN(fauxDuration) ? fauxDuration : realDuration;\n }\n\n /**\n * Set the player volume\n * @param {number} value - must be between 0 and 1. Defaults to the value from local storage and config.volume if not set in storage\n */\n set volume(value) {\n let volume = value;\n const max = 1;\n const min = 0;\n\n if (utils.is.string(volume)) {\n volume = Number(volume);\n }\n\n // Load volume from storage if no value specified\n if (!utils.is.number(volume)) {\n ({ volume } = storage.get.call(this));\n }\n\n // Use config if all else fails\n if (!utils.is.number(volume)) {\n ({ volume } = this.config);\n }\n\n // Maximum is volumeMax\n if (volume > max) {\n volume = max;\n }\n // Minimum is volumeMin\n if (volume < min) {\n volume = min;\n }\n\n // Update config\n this.config.volume = volume;\n\n // Set the player volume\n this.media.volume = volume;\n\n // If muted, and we're increasing volume, reset muted state\n if (this.muted && volume > 0) {\n this.muted = false;\n }\n }\n\n /**\n * Get the current player volume\n */\n get volume() {\n return this.media.volume;\n }\n\n /**\n * Increase volume\n * @param {boolean} step - How much to decrease by (between 0 and 1)\n */\n increaseVolume(step) {\n const volume = this.media.muted ? 0 : this.volume;\n this.volume = volume + utils.is.number(step) ? step : 1;\n return this;\n }\n\n /**\n * Decrease volume\n * @param {boolean} step - How much to decrease by (between 0 and 1)\n */\n decreaseVolume(step) {\n const volume = this.media.muted ? 0 : this.volume;\n this.volume = volume - utils.is.number(step) ? step : 1;\n return this;\n }\n\n /**\n * Set muted state\n * @param {boolean} mute\n */\n set muted(mute) {\n let toggle = mute;\n\n // Load muted state from storage\n if (!utils.is.boolean(toggle)) {\n toggle = storage.get.call(this).muted;\n }\n\n // Use config if all else fails\n if (!utils.is.boolean(toggle)) {\n toggle = this.config.muted;\n }\n\n // Update config\n this.config.muted = toggle;\n\n // Set mute on the player\n this.media.muted = toggle;\n }\n\n /**\n * Get current muted state\n */\n get muted() {\n return this.media.muted;\n }\n\n /**\n * Check if the media has audio\n */\n get hasAudio() {\n // Assume yes for all non HTML5 (as we can't tell...)\n if (!this.isHTML5) {\n return true;\n }\n\n // Get audio tracks\n return (\n this.media.mozHasAudio ||\n Boolean(this.media.webkitAudioDecodedByteCount) ||\n Boolean(this.media.audioTracks && this.media.audioTracks.length)\n );\n }\n\n /**\n * Set playback speed\n * @param {decimal} speed - the speed of playback (0.5-2.0)\n */\n set speed(input) {\n let speed = null;\n\n if (utils.is.number(input)) {\n speed = input;\n } else if (utils.is.number(storage.get.call(this).speed)) {\n ({ speed } = storage.get.call(this));\n } else {\n speed = this.config.speed.selected;\n }\n\n // Set min/max\n if (speed < 0.1) {\n speed = 0.1;\n }\n if (speed > 2.0) {\n speed = 2.0;\n }\n\n if (!this.config.speed.options.includes(speed)) {\n this.console.warn(`Unsupported speed (${speed})`);\n return;\n }\n\n // Update config\n this.config.speed.selected = speed;\n\n // Set media speed\n this.media.playbackRate = speed;\n }\n\n /**\n * Get current playback speed\n */\n get speed() {\n return this.media.playbackRate;\n }\n\n /**\n * Set playback quality\n * Currently YouTube only\n * @param {string} input - Quality level\n */\n set quality(input) {\n let quality = null;\n\n if (utils.is.string(input)) {\n quality = input;\n } else if (utils.is.number(storage.get.call(this).quality)) {\n ({ quality } = storage.get.call(this));\n } else {\n quality = this.config.quality.selected;\n }\n\n if (!this.options.quality.includes(quality)) {\n this.console.warn(`Unsupported quality option (${quality})`);\n return;\n }\n\n // Update config\n this.config.quality.selected = quality;\n\n // Set quality\n this.media.quality = quality;\n }\n\n /**\n * Get current quality level\n */\n get quality() {\n return this.media.quality;\n }\n\n /**\n * Toggle loop\n * TODO: Finish fancy new logic. Set the indicator on load as user may pass loop as config\n * @param {boolean} input - Whether to loop or not\n */\n set loop(input) {\n const toggle = utils.is.boolean(input) ? input : this.config.loop.active;\n this.config.loop.active = toggle;\n this.media.loop = toggle;\n\n // Set default to be a true toggle\n /* const type = ['start', 'end', 'all', 'none', 'toggle'].includes(input) ? input : 'toggle';\n\n switch (type) {\n case 'start':\n if (this.config.loop.end && this.config.loop.end <= this.currentTime) {\n this.config.loop.end = null;\n }\n this.config.loop.start = this.currentTime;\n // this.config.loop.indicator.start = this.elements.display.played.value;\n break;\n\n case 'end':\n if (this.config.loop.start >= this.currentTime) {\n return this;\n }\n this.config.loop.end = this.currentTime;\n // this.config.loop.indicator.end = this.elements.display.played.value;\n break;\n\n case 'all':\n this.config.loop.start = 0;\n this.config.loop.end = this.duration - 2;\n this.config.loop.indicator.start = 0;\n this.config.loop.indicator.end = 100;\n break;\n\n case 'toggle':\n if (this.config.loop.active) {\n this.config.loop.start = 0;\n this.config.loop.end = null;\n } else {\n this.config.loop.start = 0;\n this.config.loop.end = this.duration - 2;\n }\n break;\n\n default:\n this.config.loop.start = 0;\n this.config.loop.end = null;\n break;\n } */\n }\n\n /**\n * Get current loop state\n */\n get loop() {\n return this.media.loop;\n }\n\n /**\n * Set new media source\n * @param {object} input - The new source object (see docs)\n */\n set source(input) {\n source.change.call(this, input);\n }\n\n /**\n * Get current source\n */\n get source() {\n return this.media.currentSrc;\n }\n\n /**\n * Set the poster image for a HTML5 video\n * @param {input} - the URL for the new poster image\n */\n set poster(input) {\n if (!this.isHTML5 || this.type !== 'video') {\n this.console.warn('Poster can only be set on HTML5 video');\n return;\n }\n\n if (utils.is.string(input)) {\n this.media.setAttribute('poster', input);\n }\n }\n\n /**\n * Get the current poster image\n */\n get poster() {\n if (!this.isHTML5 || this.type !== 'video') {\n return null;\n }\n\n return this.media.getAttribute('poster');\n }\n\n /**\n * Set the autoplay state\n * @param {boolean} input - Whether to autoplay or not\n */\n set autoplay(input) {\n const toggle = utils.is.boolean(input) ? input : this.config.autoplay;\n this.config.autoplay = toggle;\n }\n\n /**\n * Get the current autoplay state\n */\n get autoplay() {\n return this.config.autoplay;\n }\n\n /**\n * Toggle captions\n * @param {boolean} input - Whether to enable captions\n */\n toggleCaptions(input) {\n // If there's no full support, or there's no caption toggle\n if (!this.supported.ui || !utils.is.htmlElement(this.elements.buttons.captions)) {\n return this;\n }\n\n // If the method is called without parameter, toggle based on current value\n const show = utils.is.boolean(input)\n ? input\n : this.elements.container.className.indexOf(this.config.classNames.captions.active) === -1;\n\n // Nothing to change...\n if (this.captions.enabled === show) {\n return this;\n }\n\n // Set global\n this.captions.enabled = show;\n\n // Toggle state\n utils.toggleState(this.elements.buttons.captions, this.captions.enabled);\n\n // Add class hook\n utils.toggleClass(this.elements.container, this.config.classNames.captions.active, this.captions.enabled);\n\n // Trigger an event\n utils.dispatchEvent.call(this, this.media, this.captions.enabled ? 'captionsenabled' : 'captionsdisabled');\n\n // Allow chaining\n return this;\n }\n\n /**\n * Set the captions language\n * @param {string} - Two character ISO language code (e.g. EN, FR, PT, etc)\n */\n set language(input) {\n // Nothing specified\n if (!utils.is.string(input)) {\n return;\n }\n\n // Toggle captions based on input\n this.toggleCaptions(!utils.is.empty(input));\n\n // If empty string is passed, assume disable captions\n if (utils.is.empty(input)) {\n return;\n }\n\n // Normalize\n const language = input.toLowerCase();\n\n // If nothing to change, bail\n if (this.language === language) {\n return;\n }\n\n // Update config\n this.captions.language = language;\n\n // Clear caption\n captions.setText.call(this, null);\n\n // Update captions\n captions.setLanguage.call(this);\n\n // Trigger an event\n utils.dispatchEvent.call(this, this.media, 'languagechange');\n }\n\n /**\n * Get the current captions language\n */\n get language() {\n return this.captions.language;\n }\n\n /**\n * Toggle fullscreen playback\n * Requires user input event\n * @param {event} event\n */\n toggleFullscreen(event) {\n // Check for native support\n if (fullscreen.enabled) {\n if (utils.is.event(event) && event.type === fullscreen.eventType) {\n // If it's a fullscreen change event, update the state\n this.fullscreen.active = fullscreen.isFullScreen(this.elements.container);\n } else {\n // Else it's a user request to enter or exit\n if (!this.fullscreen.active) {\n fullscreen.requestFullScreen(this.elements.container);\n } else {\n fullscreen.cancelFullScreen();\n }\n\n return this;\n }\n } else {\n // Otherwise, it's a simple toggle\n this.fullscreen.active = !this.fullscreen.active;\n\n // Add class hook\n utils.toggleClass(\n this.elements.container,\n this.config.classNames.fullscreen.fallback,\n this.fullscreen.active\n );\n\n // Make sure we don't lose scroll position\n if (this.fullscreen.active) {\n scrollPosition = {\n x: window.pageXOffset || 0,\n y: window.pageYOffset || 0,\n };\n } else {\n window.scrollTo(scrollPosition.x, scrollPosition.y);\n }\n\n // Bind/unbind escape key\n document.body.style.overflow = this.fullscreen.active ? 'hidden' : '';\n }\n\n // Set button state\n if (utils.is.htmlElement(this.elements.buttons.fullscreen)) {\n utils.toggleState(this.elements.buttons.fullscreen, this.fullscreen.active);\n }\n\n // Trigger an event\n utils.dispatchEvent.call(this, this.media, this.fullscreen.active ? 'enterfullscreen' : 'exitfullscreen');\n\n return this;\n }\n\n /**\n * Toggle picture-in-picture playback on WebKit/MacOS\n * TODO: update player with state, support, enabled\n * TODO: detect outside changes\n */\n set pip(input) {\n const states = {\n pip: 'picture-in-picture',\n inline: 'inline',\n };\n\n // Bail if no support\n if (!support.pip) {\n return;\n }\n\n // Toggle based on current state if not passed\n const toggle = utils.is.boolean(input) ? input : this.pip === states.inline;\n\n // Toggle based on current state\n this.media.webkitSetPresentationMode(toggle ? states.pip : states.inline);\n }\n\n /**\n * Get the current picture-in-picture state\n */\n get pip() {\n if (!support.pip) {\n return null;\n }\n\n return this.media.webkitPresentationMode;\n }\n\n /**\n * Trigger the airplay dialog\n * TODO: update player with state, support, enabled\n */\n airplay() {\n // Bail if no support\n if (!support.airplay) {\n return this;\n }\n\n // Show dialog\n this.media.webkitShowPlaybackTargetPicker();\n\n return this;\n }\n\n /**\n * Toggle the player controls\n * @param {boolean} toggle - Whether to show the controls\n */\n toggleControls(toggle) {\n // We need controls of course...\n if (!utils.is.htmlElement(this.elements.controls)) {\n return this;\n }\n\n // Don't hide if no UI support or it's audio\n if (!this.supported.ui || this.type === 'audio') {\n return this;\n }\n\n let delay = 0;\n let show = toggle;\n let isEnterFullscreen = false;\n\n // Get toggle state if not set\n if (!utils.is.boolean(toggle)) {\n if (utils.is.event(toggle)) {\n // Is the enter fullscreen event\n isEnterFullscreen = toggle.type === 'enterfullscreen';\n\n // Whether to show controls\n show = ['mouseenter', 'mousemove', 'touchstart', 'touchmove', 'focusin'].includes(toggle.type);\n\n // Delay hiding on move events\n if (['mousemove', 'touchmove', 'touchend'].includes(toggle.type)) {\n delay = 2000;\n }\n\n // Delay a little more for keyboard users\n if (toggle.type === 'focusin') {\n delay = 3000;\n utils.toggleClass(this.elements.controls, this.config.classNames.noTransition, true);\n }\n } else {\n show = utils.hasClass(this.elements.container, this.config.classNames.hideControls);\n }\n }\n\n // Clear timer on every call\n window.clearTimeout(this.timers.controls);\n\n // If the mouse is not over the controls, set a timeout to hide them\n if (show || this.paused || this.loading) {\n // Check if controls toggled\n const toggled = utils.toggleClass(this.elements.container, this.config.classNames.hideControls, false);\n\n // Trigger event\n if (toggled) {\n utils.dispatchEvent.call(this, this.media, 'controlsshown');\n }\n\n // Always show controls when paused or if touch\n if (this.paused || this.loading) {\n return this;\n }\n\n // Delay for hiding on touch\n if (support.touch) {\n delay = 3000;\n }\n }\n\n // If toggle is false or if we're playing (regardless of toggle),\n // then set the timer to hide the controls\n if (!show || this.playing) {\n this.timers.controls = window.setTimeout(() => {\n console.warn({\n pressed: this.elements.controls.pressed,\n hover: this.elements.controls.pressed,\n playing: this.playing,\n paused: this.paused,\n loading: this.loading,\n });\n\n // If the mouse is over the controls (and not entering fullscreen), bail\n if ((this.elements.controls.pressed || this.elements.controls.hover) && !isEnterFullscreen) {\n return;\n }\n\n // Restore transition behaviour\n if (!utils.hasClass(this.elements.container, this.config.classNames.hideControls)) {\n utils.toggleClass(this.elements.controls, this.config.classNames.noTransition, false);\n }\n\n // Check if controls toggled\n const toggled = utils.toggleClass(this.elements.container, this.config.classNames.hideControls, true);\n\n // Trigger event and close menu\n if (toggled) {\n utils.dispatchEvent.call(this, this.media, 'controlshidden');\n\n if (this.config.controls.includes('settings') && !utils.is.empty(this.config.settings)) {\n controls.toggleMenu.call(this, false);\n }\n }\n }, delay);\n }\n\n return this;\n }\n\n /**\n * Add event listeners\n * @param {string} event - Event type\n * @param {function} callback - Callback for when event occurs\n */\n on(event, callback) {\n utils.on(this.elements.container, event, callback);\n return this;\n }\n\n /**\n * Remove event listeners\n * @param {string} event - Event type\n * @param {function} callback - Callback for when event occurs\n */\n off(event, callback) {\n utils.off(this.elements.container, event, callback);\n return this;\n }\n\n /**\n * Check for support for a mime type (HTML5 only)\n * @param {string} type - Mime type\n */\n supports(type) {\n return support.mime.call(this, type);\n }\n\n /**\n * Destroy an instance\n * Event listeners are removed when elements are removed\n * http://stackoverflow.com/questions/12528049/if-a-dom-element-is-removed-are-its-listeners-also-removed-from-memory\n * @param {function} callback - Callback for when destroy is complete\n * @param {boolean} soft - Whether it's a soft destroy (for source changes etc)\n */\n destroy(callback, soft = false) {\n const done = () => {\n // Reset overflow (incase destroyed while in fullscreen)\n document.body.style.overflow = '';\n\n // GC for embed\n this.embed = null;\n this.embedId = null;\n\n // If it's a soft destroy, make minimal changes\n if (soft) {\n if (Object.keys(this.elements).length) {\n // Remove buttons\n if (this.elements.buttons && this.elements.buttons.play) {\n Array.from(this.elements.buttons.play).forEach(button => utils.removeElement(button));\n }\n\n // Remove others\n utils.removeElement(this.elements.captions);\n utils.removeElement(this.elements.controls);\n utils.removeElement(this.elements.wrapper);\n\n // Clear for GC\n this.elements.buttons.play = null;\n this.elements.captions = null;\n this.elements.controls = null;\n this.elements.wrapper = null;\n }\n\n // Callback\n if (utils.is.function(callback)) {\n callback();\n }\n } else {\n // Replace the container with the original element provided\n const parent = this.elements.container.parentNode;\n\n if (utils.is.htmlElement(parent)) {\n parent.replaceChild(this.elements.original, this.elements.container);\n }\n\n // Event\n utils.dispatchEvent.call(this, this.elements.original, 'destroyed', true);\n\n // Callback\n if (utils.is.function(callback)) {\n callback.call(this.elements.original);\n }\n\n // Clear for GC\n this.elements = null;\n }\n };\n\n // Type specific stuff\n switch (this.type) {\n case 'youtube':\n // Clear timers\n window.clearInterval(this.timers.buffering);\n window.clearInterval(this.timers.playing);\n\n // Destroy YouTube API\n this.embed.destroy();\n\n // Clean up\n done();\n\n break;\n\n case 'vimeo':\n // Destroy Vimeo API\n // then clean up (wait, to prevent postmessage errors)\n this.embed.unload().then(done);\n\n // Vimeo does not always return\n window.setTimeout(done, 200);\n\n break;\n\n case 'video':\n case 'audio':\n // Restore native video controls\n ui.toggleNativeControls.call(this, true);\n\n // Clean up\n done();\n\n break;\n\n default:\n break;\n }\n }\n}\n\nexport default Plyr;\n"],"names":["get","store","window","localStorage","getItem","this","config","storage","key","utils","is","empty","JSON","parse","set","object","support","enabled","call","extend","setItem","stringify","defaults","navigator","language","split","types","input","getConstructor","Object","Number","isNaN","String","Boolean","Function","nullOrUndefined","Array","isArray","instanceof","NodeList","HTMLElement","Text","Event","TextTrackCue","VTTCue","TextTrack","string","kind","array","nodeList","length","keys","constructor","document","documentMode","documentElement","style","test","userAgent","platform","url","callback","querySelectorAll","element","createElement","src","first","getElementsByTagName","function","addEventListener","event","parentNode","insertBefore","id","updateSprite","data","innerHTML","body","childNodes","hasId","container","toggleHidden","setAttribute","cached","content","then","response","ok","text","catch","prefix","Math","floor","random","self","top","e","elements","wrapper","targets","from","reverse","forEach","index","child","cloneNode","parent","sibling","nextSibling","appendChild","type","attributes","setAttributes","textContent","target","htmlElement","removeChild","lastChild","sel","existingAttributes","existing","selector","s","trim","className","replace","parts","value","charAt","class","toggle","contains","classList","removeAttribute","prototype","Element","matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","includes","querySelector","controls","getElement","selectors","buttons","getElements","play","pause","restart","rewind","forward","mute","pip","airplay","settings","captions","fullscreen","progress","inputs","seek","volume","display","buffer","duration","currentTime","seekTooltip","classNames","tooltip","error","console","warn","toggleNativeControls","focused","activeElement","focusable","last","on","keyCode","_this","active","getFocusElement","shiftKey","focus","preventDefault","passive","capture","Node","toggleListener","events","options","boolean","passiveListeners","bubbles","detail","CustomEvent","assign","Plyr","dispatchEvent","pressed","getAttribute","state","current","max","toFixed","objects","destination","shift","source","property","match","RegExp","$2","number","map","encodeURIComponent","join","fragment","createDocumentFragment","firstChild","innerText","width","height","ratio","getRatio","w","h","find","undefined","inline","api","ui","browser","getBrowser","playsInline","isIPhone","video","rangeInput","audio","removeItem","webkitSetPresentationMode","WebKitPlaybackTargetAvailabilityEvent","media","canPlayType","supported","defineProperty","range","transitionEnd","matchMedia","cancelFullScreen","some","pre","msExitFullscreen","msFullscreenEnabled","fullscreenEnabled","webkitFullscreenEnabled","mozFullScreenEnabled","fullscreenElement","mozFullScreenElement","requestFullScreen","nativeSupport","fallback","inFrame","log","toggleClass","toggleState","trapFocus","setup","parseFloat","listeners","getKeyCode","which","handleKey","code","repeat","altKey","ctrlKey","metaKey","editable","stopPropagation","togglePlay","increaseVolume","decreaseVolume","muted","toggleFullscreen","toggleCaptions","loop","keyboard","global","tabFocus","setTimeout","hideControls","toggleControls","eventType","timeUpdate","durationUpdate","_this2","hasAudio","showPosterOnEnd","load","updateProgress","updateVolume","checkPlaying","checkLoading","clickToPlay","touch","paused","ended","disableContextMenu","updateSetting","speed","quality","concat","inputEvent","isIE","proxy","handlerKey","defaultHandler","customHandler","_this3","defaultPrevented","toggleMenu","form","showTab","toggleInvert","invertTime","isWebkit","updateRangeFill","updateSeekTooltip","hover","inverted","webkitDirectionInvertedFromDevice","direction","deltaY","deltaX","uiSupported","isHTML5","removeElement","inject","ready","setTitle","label","i18n","title","isEmbed","iframe","frameTitle","playing","stopped","button","loading","timers","setRange","nodeValue","getPercentage","buffered","end","setProgress","time","format","slice","getHours","parseInt","hours","mins","getMinutes","secs","getSeconds","invert","updateTimeDisplay","seeking","displayDuration","styleSheet","sheet","percentage","styles","rules","findIndex","rule","selectorText","deleteRule","insertRule","iconUrl","indexOf","svg4everybody","getIconUrl","iconPath","absolute","iconPrefix","icon","createElementNS","use","path","setAttributeNS","attr","hidden","badge","menu","buttonType","labelPressed","iconPressed","control","createIcon","createLabel","getAttributesFromSelector","suffix","played","toLowerCase","list","checked","item","radio","faux","aria-hidden","insertAdjacentHTML","tooltips","percent","clientRect","getBoundingClientRect","visible","pageX","left","hasClass","setting","tab","tabs","pane","panes","filter","toggleTab","emptyElement","getBadge","createBadge","createMenuItem","getLabel","getLanguage","default","textTracks","getTracks","none","currentTrack","getCurrentTrack","track","disabled","hasTracks","tracks","toUpperCase","unshift","show","isMenuItem","isButton","clone","position","opacity","name","scrollWidth","scrollHeight","getElementById","transitions","reducedMotion","size","getTabSize","restore","propertyName","off","createButton","createRange","createProgress","createTime","inner","home","_this4","back","setSpeedMenu","loadSprite","seekTime","create","findElements","labels","_this5","insertAfter","setLanguage","setCaptionsMenu","setCue","mode","activeCues","embed","enableTextTrack","cue","setText","getCueAsHTML","caption","youtube","videoId","parseYouTubeId","embedId","containers","setAspectRatio","generateId","YT","loadScript","urls","onYouTubeReadyCallbacks","push","onYouTubeIframeAPIReady","getVideoData","google","json","result","items","snippet","paddingBottom","player","Player","autoplay","location","hostname","href","message","instance","getPlaybackQuality","playbackRate","getPlaybackRate","getTitle","playVideo","pauseVideo","stop","stopVideo","getDuration","getCurrentTime","seekTo","setPlaybackRate","setPlaybackQuality","setVolume","getVideoUrl","getAvailablePlaybackRates","clearInterval","buffering","setInterval","getVideoLoadedFraction","lastBuffered","build","setQualityMenu","getAvailableQualityLevels","vimeo","Vimeo","padding","offset","transform","params","buildUrlParameters","parseVimeoId","setCurrentTime","selected","setLoop","currentSrc","all","getVideoWidth","getVideoHeight","getAspectRatio","dimensions","setAutopause","autopause","getVideoTitle","getTextTracks","cues","stripHTML","seconds","isIos","isTouch","wrap","blankVideo","insertElement","attribute","sources","cancelRequests","destroy","firstSource","check","crossorigin","poster","addStyleHook","insertElements","scrollPosition","jQuery","debug","plyr","original","tagName","hasAttribute","step","isFullScreen","pageXOffset","pageYOffset","scrollTo","x","y","overflow","webkitShowPlaybackTargetPicker","delay","isEnterFullscreen","noTransition","clearTimeout","mime","soft","done","replaceChild","unload","html5","readyState","targetTime","fauxDuration","realDuration","mozHasAudio","webkitAudioDecodedByteCount","audioTracks","change","states","webkitPresentationMode"],"mappings":"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"}
\ No newline at end of file +{"version":3,"file":"plyr.js","sources":["src/js/storage.js","src/js/defaults.js","src/js/types.js","src/js/utils.js","src/js/support.js","src/js/fullscreen.js","src/js/listeners.js","src/js/ui.js","src/js/controls.js","src/js/captions.js","src/js/plugins/youtube.js","src/js/plugins/vimeo.js","src/js/media.js","src/js/source.js","src/js/plyr.js"],"sourcesContent":["// ==========================================================================\n// Plyr storage\n// ==========================================================================\n\nimport support from './support';\nimport utils from './utils';\n\n// Get contents of local storage\nfunction get() {\n const store = window.localStorage.getItem(this.config.storage.key);\n\n if (utils.is.empty(store)) {\n return {};\n }\n\n return JSON.parse(store);\n}\n\n// Save a value back to local storage\nfunction set(object) {\n // Bail if we don't have localStorage support or it's disabled\n if (!support.storage || !this.config.storage.enabled) {\n return;\n }\n\n // Can only store objectst\n if (!utils.is.object(object)) {\n return;\n }\n\n // Get current storage\n const storage = get.call(this);\n\n // Update the working copy of the values\n utils.extend(storage, object);\n\n // Update storage\n window.localStorage.setItem(this.config.storage.key, JSON.stringify(storage));\n}\n\n// Setup localStorage\nfunction setup() {\n let value = null;\n let storage = {};\n\n // Bail if we don't have localStorage support or it's disabled\n if (!support.storage || !this.config.storage.enabled) {\n return storage;\n }\n\n // Clean up old volume\n // https://github.com/sampotts/plyr/issues/171\n window.localStorage.removeItem('plyr-volume');\n\n // load value from the current key\n value = window.localStorage.getItem(this.config.storage.key);\n\n if (!value) {\n // Key wasn't set (or had been cleared), move along\n } else if (/^\\d+(\\.\\d+)?$/.test(value)) {\n // If value is a number, it's probably volume from an older\n // version of this. See: https://github.com/sampotts/plyr/pull/313\n // Update the key to be JSON\n set({\n volume: parseFloat(value),\n });\n } else {\n // Assume it's JSON from this or a later version of plyr\n storage = JSON.parse(value);\n }\n\n return storage;\n}\n\nexport default { setup, set, get };\n","// Default config\nconst defaults = {\n // Disable\n enabled: true,\n\n // Custom media title\n title: '',\n\n // Logging to console\n debug: false,\n\n // Auto play (if supported)\n autoplay: false,\n\n // Only allow one media playing at once (vimeo only)\n autopause: false,\n\n // Default time to skip when rewind/fast forward\n seekTime: 10,\n\n // Default volume\n volume: 1,\n muted: false,\n\n // Pass a custom duration\n duration: null,\n\n // Display the media duration on load in the current time position\n // If you have opted to display both duration and currentTime, this is ignored\n displayDuration: true,\n\n // Invert the current time to be a countdown\n invertTime: true,\n\n // Clicking the currentTime inverts it's value to show time left rather than elapsed\n toggleInvert: true,\n\n // Aspect ratio (for embeds)\n ratio: '16:9',\n\n // Click video container to play/pause\n clickToPlay: true,\n\n // Auto hide the controls\n hideControls: true,\n\n // Revert to poster on finish (HTML5 - will cause reload)\n showPosterOnEnd: false,\n\n // Disable the standard context menu\n disableContextMenu: true,\n\n // Sprite (for icons)\n loadSprite: true,\n iconPrefix: 'plyr',\n iconUrl: 'https://cdn.plyr.io/2.0.10/plyr.svg',\n\n // Blank video (used to prevent errors on source change)\n blankVideo: 'https://cdn.plyr.io/static/blank.mp4',\n\n // Quality default\n quality: {\n default: 'default',\n options: ['hd2160', 'hd1440', 'hd1080', 'hd720', 'large', 'medium', 'small', 'tiny', 'default'],\n },\n\n // Set loops\n loop: {\n active: false,\n // start: null,\n // end: null,\n },\n\n // Speed default and options to display\n speed: {\n selected: 1,\n options: [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2],\n },\n\n // Keyboard shortcut settings\n keyboard: {\n focused: true,\n global: false,\n },\n\n // Display tooltips\n tooltips: {\n controls: false,\n seek: true,\n },\n\n // Captions settings\n captions: {\n active: false,\n language: window.navigator.language.split('-')[0],\n },\n\n // Fullscreen settings\n fullscreen: {\n enabled: true, // Allow fullscreen?\n fallback: true, // Fallback for vintage browsers\n },\n\n // Local storage\n storage: {\n enabled: true,\n key: 'plyr',\n },\n\n // Default controls\n controls: ['play-large', 'play', 'progress', 'current-time', 'mute', 'volume', 'captions', 'settings', 'pip', 'airplay', 'fullscreen'],\n settings: ['captions', 'quality', 'speed', 'loop'],\n\n // Localisation\n i18n: {\n restart: 'Restart',\n rewind: 'Rewind {seektime} secs',\n play: 'Play',\n pause: 'Pause',\n forward: 'Forward {seektime} secs',\n seek: 'Seek',\n played: 'Played',\n buffered: 'Buffered',\n currentTime: 'Current time',\n duration: 'Duration',\n volume: 'Volume',\n mute: 'Mute',\n unmute: 'Unmute',\n enableCaptions: 'Enable captions',\n disableCaptions: 'Disable captions',\n enterFullscreen: 'Enter fullscreen',\n exitFullscreen: 'Exit fullscreen',\n frameTitle: 'Player for {title}',\n captions: 'Captions',\n settings: 'Settings',\n speed: 'Speed',\n quality: 'Quality',\n loop: 'Loop',\n start: 'Start',\n end: 'End',\n all: 'All',\n reset: 'Reset',\n none: 'None',\n disabled: 'Disabled',\n },\n\n // URLs\n urls: {\n vimeo: {\n api: 'https://player.vimeo.com/api/player.js',\n },\n youtube: {\n api: 'https://www.youtube.com/iframe_api',\n },\n },\n\n // Custom control listeners\n listeners: {\n seek: null,\n play: null,\n pause: null,\n restart: null,\n rewind: null,\n forward: null,\n mute: null,\n volume: null,\n captions: null,\n fullscreen: null,\n pip: null,\n airplay: null,\n speed: null,\n quality: null,\n loop: null,\n language: null,\n },\n\n // Events to watch and bubble\n events: [\n // Events to watch on HTML5 media elements and bubble\n // https://developer.mozilla.org/en/docs/Web/Guide/Events/Media_events\n 'ended',\n 'progress',\n 'stalled',\n 'playing',\n 'waiting',\n 'canplay',\n 'canplaythrough',\n 'loadstart',\n 'loadeddata',\n 'loadedmetadata',\n 'timeupdate',\n 'volumechange',\n 'play',\n 'pause',\n 'error',\n 'seeking',\n 'seeked',\n 'emptied',\n 'ratechange',\n 'cuechange',\n\n // Custom events\n 'enterfullscreen',\n 'exitfullscreen',\n 'captionsenabled',\n 'captionsdisabled',\n 'languagechange',\n 'controlshidden',\n 'controlsshown',\n 'ready',\n\n // YouTube\n 'statechange',\n 'qualitychange',\n 'qualityrequested',\n ],\n\n // Selectors\n // Change these to match your template if using custom HTML\n selectors: {\n editable: 'input, textarea, select, [contenteditable]',\n container: '.plyr',\n controls: {\n container: null,\n wrapper: '.plyr__controls',\n },\n labels: '[data-plyr]',\n buttons: {\n play: '[data-plyr=\"play\"]',\n pause: '[data-plyr=\"pause\"]',\n restart: '[data-plyr=\"restart\"]',\n rewind: '[data-plyr=\"rewind\"]',\n forward: '[data-plyr=\"fast-forward\"]',\n mute: '[data-plyr=\"mute\"]',\n captions: '[data-plyr=\"captions\"]',\n fullscreen: '[data-plyr=\"fullscreen\"]',\n pip: '[data-plyr=\"pip\"]',\n airplay: '[data-plyr=\"airplay\"]',\n settings: '[data-plyr=\"settings\"]',\n loop: '[data-plyr=\"loop\"]',\n },\n inputs: {\n seek: '[data-plyr=\"seek\"]',\n volume: '[data-plyr=\"volume\"]',\n speed: '[data-plyr=\"speed\"]',\n language: '[data-plyr=\"language\"]',\n quality: '[data-plyr=\"quality\"]',\n },\n display: {\n currentTime: '.plyr__time--current',\n duration: '.plyr__time--duration',\n buffer: '.plyr__progress--buffer',\n played: '.plyr__progress--played',\n loop: '.plyr__progress--loop',\n volume: '.plyr__volume--display',\n },\n progress: '.plyr__progress',\n captions: '.plyr__captions',\n menu: {\n quality: '.js-plyr__menu__list--quality',\n },\n },\n\n // Class hooks added to the player in different states\n classNames: {\n video: 'plyr__video-wrapper',\n embed: 'plyr__video-embed',\n control: 'plyr__control',\n type: 'plyr--{0}',\n stopped: 'plyr--stopped',\n playing: 'plyr--playing',\n loading: 'plyr--loading',\n hover: 'plyr--hover',\n tooltip: 'plyr__tooltip',\n hidden: 'plyr__sr-only',\n hideControls: 'plyr--hide-controls',\n isIos: 'plyr--is-ios',\n isTouch: 'plyr--is-touch',\n uiSupported: 'plyr--full-ui',\n noTransition: 'plyr--no-transition',\n menu: {\n value: 'plyr__menu__value',\n badge: 'plyr__badge',\n },\n captions: {\n enabled: 'plyr--captions-enabled',\n active: 'plyr--captions-active',\n },\n fullscreen: {\n enabled: 'plyr--fullscreen-enabled',\n fallback: 'plyr--fullscreen-fallback',\n },\n pip: {\n supported: 'plyr--pip-supported',\n active: 'plyr--pip-active',\n },\n airplay: {\n supported: 'plyr--airplay-supported',\n active: 'plyr--airplay-active',\n },\n tabFocus: 'plyr__tab-focus',\n },\n\n // API keys\n keys: {\n google: null,\n },\n};\n\nexport default defaults;\n","// ==========================================================================\n// Plyr supported types\n// ==========================================================================\n\nconst types = {\n embed: ['youtube', 'vimeo'],\n html5: ['video', 'audio'],\n};\n\nexport default types;\n","// ==========================================================================\n// Plyr utils\n// ==========================================================================\n\nimport support from './support';\n\nconst utils = {\n // Check variable types\n is: {\n object(input) {\n return this.getConstructor(input) === Object;\n },\n number(input) {\n return this.getConstructor(input) === Number && !Number.isNaN(input);\n },\n string(input) {\n return this.getConstructor(input) === String;\n },\n boolean(input) {\n return this.getConstructor(input) === Boolean;\n },\n function(input) {\n return this.getConstructor(input) === Function;\n },\n array(input) {\n return !this.nullOrUndefined(input) && Array.isArray(input);\n },\n nodeList(input) {\n return this.instanceof(input, window.NodeList);\n },\n htmlElement(input) {\n return this.instanceof(input, window.HTMLElement);\n },\n textNode(input) {\n return this.getConstructor(input) === Text;\n },\n event(input) {\n return this.instanceof(input, window.Event);\n },\n cue(input) {\n return this.instanceof(input, window.TextTrackCue) || this.instanceof(input, window.VTTCue);\n },\n track(input) {\n return this.instanceof(input, window.TextTrack) || (!this.nullOrUndefined(input) && this.string(input.kind));\n },\n nullOrUndefined(input) {\n return input === null || typeof input === 'undefined';\n },\n empty(input) {\n return (\n this.nullOrUndefined(input) ||\n ((this.string(input) || this.array(input) || this.nodeList(input)) && !input.length) ||\n (this.object(input) && !Object.keys(input).length)\n );\n },\n instanceof(input, constructor) {\n return Boolean(input && constructor && input instanceof constructor);\n },\n getConstructor(input) {\n return !this.nullOrUndefined(input) ? input.constructor : null;\n },\n },\n\n // Unfortunately, due to mixed support, UA sniffing is required\n getBrowser() {\n return {\n isIE: /* @cc_on!@ */ false || !!document.documentMode,\n isWebkit: 'WebkitAppearance' in document.documentElement.style && !/Edge/.test(navigator.userAgent),\n isIPhone: /(iPhone|iPod)/gi.test(navigator.platform),\n isIos: /(iPad|iPhone|iPod)/gi.test(navigator.platform),\n };\n },\n\n // Load an external script\n loadScript(url, callback) {\n // Check script is not already referenced\n if (document.querySelectorAll(`script[src=\"${url}\"]`).length) {\n return;\n }\n\n // Build the element\n const element = document.createElement('script');\n element.src = url;\n\n // Find first script\n const first = document.getElementsByTagName('script')[0];\n\n // Bind callback\n if (utils.is.function(callback)) {\n element.addEventListener('load', event => callback.call(null, event), false);\n }\n\n // Inject\n first.parentNode.insertBefore(element, first);\n },\n\n // Load an external SVG sprite\n loadSprite(url, id) {\n if (!utils.is.string(url)) {\n return;\n }\n\n const prefix = 'cache-';\n const hasId = utils.is.string(id);\n let isCached = false;\n\n function updateSprite(data) {\n // Inject content\n this.innerHTML = data;\n\n // Inject the SVG to the body\n document.body.insertBefore(this, document.body.childNodes[0]);\n }\n\n // Only load once\n if (!hasId || !document.querySelectorAll(`#${id}`).length) {\n // Create container\n const container = document.createElement('div');\n utils.toggleHidden(container, true);\n\n if (hasId) {\n container.setAttribute('id', id);\n }\n\n // Check in cache\n if (support.storage) {\n const cached = window.localStorage.getItem(prefix + id);\n isCached = cached !== null;\n\n if (isCached) {\n const data = JSON.parse(cached);\n updateSprite.call(container, data.content);\n return;\n }\n }\n\n // Get the sprite\n fetch(url)\n .then(response => (response.ok ? response.text() : null))\n .then(text => {\n if (text === null) {\n return;\n }\n\n if (support.storage) {\n window.localStorage.setItem(\n prefix + id,\n JSON.stringify({\n content: text,\n })\n );\n }\n\n updateSprite.call(container, text);\n })\n .catch(() => {});\n }\n },\n\n // Generate a random ID\n generateId(prefix) {\n return `${prefix}-${Math.floor(Math.random() * 10000)}`;\n },\n\n // Determine if we're in an iframe\n inFrame() {\n try {\n return window.self !== window.top;\n } catch (e) {\n return true;\n }\n },\n\n // Wrap an element\n wrap(elements, wrapper) {\n // Convert `elements` to an array, if necessary.\n const targets = elements.length ? elements : [elements];\n\n // Loops backwards to prevent having to clone the wrapper on the\n // first element (see `child` below).\n Array.from(targets)\n .reverse()\n .forEach((element, index) => {\n const child = index > 0 ? wrapper.cloneNode(true) : wrapper;\n\n // Cache the current parent and sibling.\n const parent = element.parentNode;\n const sibling = element.nextSibling;\n\n // Wrap the element (is automatically removed from its current\n // parent).\n child.appendChild(element);\n\n // If the element had a sibling, insert the wrapper before\n // the sibling to maintain the HTML structure; otherwise, just\n // append it to the parent.\n if (sibling) {\n parent.insertBefore(child, sibling);\n } else {\n parent.appendChild(child);\n }\n });\n },\n\n // Create a DocumentFragment\n createElement(type, attributes, text) {\n // Create a new <element>\n const element = document.createElement(type);\n\n // Set all passed attributes\n if (utils.is.object(attributes)) {\n utils.setAttributes(element, attributes);\n }\n\n // Add text node\n if (utils.is.string(text)) {\n element.textContent = text;\n }\n\n // Return built element\n return element;\n },\n\n // Inaert an element after another\n insertAfter(element, target) {\n target.parentNode.insertBefore(element, target.nextSibling);\n },\n\n // Insert a DocumentFragment\n insertElement(type, parent, attributes, text) {\n // Inject the new <element>\n parent.appendChild(utils.createElement(type, attributes, text));\n },\n\n // Remove an element\n removeElement(element) {\n if (!utils.is.htmlElement(element) || !utils.is.htmlElement(element.parentNode)) {\n return null;\n }\n\n element.parentNode.removeChild(element);\n\n return element;\n },\n\n // Remove all child elements\n emptyElement(element) {\n let { length } = element.childNodes;\n\n while (length > 0) {\n element.removeChild(element.lastChild);\n length -= 1;\n }\n },\n\n // Set attributes\n setAttributes(element, attributes) {\n Object.keys(attributes).forEach(key => {\n element.setAttribute(key, attributes[key]);\n });\n },\n\n // Get an attribute object from a string selector\n getAttributesFromSelector(sel, existingAttributes) {\n // For example:\n // '.test' to { class: 'test' }\n // '#test' to { id: 'test' }\n // '[data-test=\"test\"]' to { 'data-test': 'test' }\n\n if (!utils.is.string(sel) || utils.is.empty(sel)) {\n return {};\n }\n\n const attributes = {};\n const existing = existingAttributes;\n\n sel.split(',').forEach(s => {\n // Remove whitespace\n const selector = s.trim();\n const className = selector.replace('.', '');\n const stripped = selector.replace(/[[\\]]/g, '');\n\n // Get the parts and value\n const parts = stripped.split('=');\n const key = parts[0];\n const value = parts.length > 1 ? parts[1].replace(/[\"']/g, '') : '';\n\n // Get the first character\n const start = selector.charAt(0);\n\n switch (start) {\n case '.':\n // Add to existing classname\n if (utils.is.object(existing) && utils.is.string(existing.class)) {\n existing.class += ` ${className}`;\n }\n\n attributes.class = className;\n break;\n\n case '#':\n // ID selector\n attributes.id = selector.replace('#', '');\n break;\n\n case '[':\n // Attribute selector\n attributes[key] = value;\n\n break;\n\n default:\n break;\n }\n });\n\n return attributes;\n },\n\n // Toggle class on an element\n toggleClass(element, className, toggle) {\n if (utils.is.htmlElement(element)) {\n const contains = element.classList.contains(className);\n\n element.classList[toggle ? 'add' : 'remove'](className);\n\n return (toggle && !contains) || (!toggle && contains);\n }\n\n return null;\n },\n\n // Has class name\n hasClass(element, className) {\n return utils.is.htmlElement(element) && element.classList.contains(className);\n },\n\n // Toggle hidden attribute on an element\n toggleHidden(element, toggle) {\n if (!utils.is.htmlElement(element)) {\n return;\n }\n\n if (toggle) {\n element.setAttribute('hidden', '');\n } else {\n element.removeAttribute('hidden');\n }\n },\n\n // Element matches selector\n matches(element, selector) {\n const prototype = { Element };\n\n function match() {\n return Array.from(document.querySelectorAll(selector)).includes(this);\n }\n\n const matches = prototype.matches || prototype.webkitMatchesSelector || prototype.mozMatchesSelector || prototype.msMatchesSelector || match;\n\n return matches.call(element, selector);\n },\n\n // Find all elements\n getElements(selector) {\n return this.elements.container.querySelectorAll(selector);\n },\n\n // Find a single element\n getElement(selector) {\n return this.elements.container.querySelector(selector);\n },\n\n // Find the UI controls and store references in custom controls\n // TODO: Allow settings menus with custom controls\n findElements() {\n try {\n this.elements.controls = utils.getElement.call(this, this.config.selectors.controls.wrapper);\n\n // Buttons\n this.elements.buttons = {\n play: utils.getElements.call(this, this.config.selectors.buttons.play),\n pause: utils.getElement.call(this, this.config.selectors.buttons.pause),\n restart: utils.getElement.call(this, this.config.selectors.buttons.restart),\n rewind: utils.getElement.call(this, this.config.selectors.buttons.rewind),\n forward: utils.getElement.call(this, this.config.selectors.buttons.forward),\n mute: utils.getElement.call(this, this.config.selectors.buttons.mute),\n pip: utils.getElement.call(this, this.config.selectors.buttons.pip),\n airplay: utils.getElement.call(this, this.config.selectors.buttons.airplay),\n settings: utils.getElement.call(this, this.config.selectors.buttons.settings),\n captions: utils.getElement.call(this, this.config.selectors.buttons.captions),\n fullscreen: utils.getElement.call(this, this.config.selectors.buttons.fullscreen),\n };\n\n // Progress\n this.elements.progress = utils.getElement.call(this, this.config.selectors.progress);\n\n // Inputs\n this.elements.inputs = {\n seek: utils.getElement.call(this, this.config.selectors.inputs.seek),\n volume: utils.getElement.call(this, this.config.selectors.inputs.volume),\n };\n\n // Display\n this.elements.display = {\n buffer: utils.getElement.call(this, this.config.selectors.display.buffer),\n duration: utils.getElement.call(this, this.config.selectors.display.duration),\n currentTime: utils.getElement.call(this, this.config.selectors.display.currentTime),\n };\n\n // Seek tooltip\n if (utils.is.htmlElement(this.elements.progress)) {\n this.elements.display.seekTooltip = this.elements.progress.querySelector(`.${this.config.classNames.tooltip}`);\n }\n\n return true;\n } catch (error) {\n // Log it\n this.console.warn('It looks like there is a problem with your custom controls HTML', error);\n\n // Restore native video controls\n this.toggleNativeControls(true);\n\n return false;\n }\n },\n\n // Get the focused element\n getFocusElement() {\n let focused = document.activeElement;\n\n if (!focused || focused === document.body) {\n focused = null;\n } else {\n focused = document.querySelector(':focus');\n }\n\n return focused;\n },\n\n // Trap focus inside container\n trapFocus() {\n const focusable = utils.getElements.call(this, 'button:not(:disabled), input:not(:disabled), [tabindex]');\n const first = focusable[0];\n const last = focusable[focusable.length - 1];\n\n utils.on(\n this.elements.container,\n 'keydown',\n event => {\n // Bail if not tab key or not fullscreen\n if (event.key !== 'Tab' || event.keyCode !== 9 || !this.fullscreen.active) {\n return;\n }\n\n // Get the current focused element\n const focused = utils.getFocusElement();\n\n if (focused === last && !event.shiftKey) {\n // Move focus to first element that can be tabbed if Shift isn't used\n first.focus();\n event.preventDefault();\n } else if (focused === first && event.shiftKey) {\n // Move focus to last element that can be tabbed if Shift is used\n last.focus();\n event.preventDefault();\n }\n },\n false\n );\n },\n\n // Toggle event listener\n toggleListener(elements, event, callback, toggle, passive, capture) {\n // Bail if no elements\n if (utils.is.nullOrUndefined(elements)) {\n return;\n }\n\n // If a nodelist is passed, call itself on each node\n if (utils.is.nodeList(elements)) {\n // Create listener for each node\n Array.from(elements).forEach(element => {\n if (element instanceof Node) {\n utils.toggleListener.call(null, element, event, callback, toggle, passive, capture);\n }\n });\n\n return;\n }\n\n // Allow multiple events\n const events = event.split(' ');\n\n // Build options\n // Default to just capture boolean\n let options = utils.is.boolean(capture) ? capture : false;\n\n // If passive events listeners are supported\n if (support.passiveListeners) {\n options = {\n // Whether the listener can be passive (i.e. default never prevented)\n passive: utils.is.boolean(passive) ? passive : true,\n // Whether the listener is a capturing listener or not\n capture: utils.is.boolean(capture) ? capture : false,\n };\n }\n\n // If a single node is passed, bind the event listener\n events.forEach(type => {\n elements[toggle ? 'addEventListener' : 'removeEventListener'](type, callback, options);\n });\n },\n\n // Bind event handler\n on(element, events, callback, passive, capture) {\n utils.toggleListener(element, events, callback, true, passive, capture);\n },\n\n // Unbind event handler\n off(element, events, callback, passive, capture) {\n utils.toggleListener(element, events, callback, false, passive, capture);\n },\n\n // Trigger event\n dispatchEvent(element, type, bubbles, detail) {\n // Bail if no element\n if (!element || !type) {\n return;\n }\n\n // Create and dispatch the event\n const event = new CustomEvent(type, {\n bubbles: utils.is.boolean(bubbles) ? bubbles : false,\n detail: Object.assign({}, detail, {\n plyr: this instanceof Plyr ? this : null,\n }),\n });\n\n // Dispatch the event\n element.dispatchEvent(event);\n },\n\n // Toggle aria-pressed state on a toggle button\n // http://www.ssbbartgroup.com/blog/how-not-to-misuse-aria-states-properties-and-roles\n toggleState(element, input) {\n // Bail if no target\n if (!utils.is.htmlElement(element)) {\n return;\n }\n\n // Get state\n const pressed = element.getAttribute('aria-pressed') === 'true';\n const state = utils.is.boolean(input) ? input : !pressed;\n\n // Set the attribute on target\n element.setAttribute('aria-pressed', state);\n },\n\n // Get percentage\n getPercentage(current, max) {\n if (current === 0 || max === 0 || Number.isNaN(current) || Number.isNaN(max)) {\n return 0;\n }\n return (current / max * 100).toFixed(2);\n },\n\n // Deep extend/merge destination object with N more objects\n // http://andrewdupont.net/2009/08/28/deep-extending-objects-in-javascript/\n // Removed call to arguments.callee (used explicit function name instead)\n extend(...objects) {\n const { length } = objects;\n\n // Bail if nothing to merge\n if (!length) {\n return null;\n }\n\n // Return first if specified but nothing to merge\n if (length === 1) {\n return objects[0];\n }\n\n // First object is the destination\n let destination = Array.prototype.shift.call(objects);\n if (!utils.is.object(destination)) {\n destination = {};\n }\n\n // Loop through all objects to merge\n objects.forEach(source => {\n if (!utils.is.object(source)) {\n return;\n }\n\n Object.keys(source).forEach(property => {\n if (source[property] && source[property].constructor && source[property].constructor === Object) {\n destination[property] = destination[property] || {};\n utils.extend(destination[property], source[property]);\n } else {\n destination[property] = source[property];\n }\n });\n });\n\n return destination;\n },\n\n // Parse YouTube ID from URL\n parseYouTubeId(url) {\n const regex = /^.*(youtu.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=|&v=)([^#&?]*).*/;\n return url.match(regex) ? RegExp.$2 : url;\n },\n\n // Parse Vimeo ID from URL\n parseVimeoId(url) {\n if (utils.is.number(Number(url))) {\n return url;\n }\n\n const regex = /^.*(vimeo.com\\/|video\\/)(\\d+).*/;\n return url.match(regex) ? RegExp.$2 : url;\n },\n\n // Convert object to URL parameters\n buildUrlParameters(input) {\n if (!utils.is.object(input)) {\n return '';\n }\n\n return Object.keys(input)\n .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(input[key])}`)\n .join('&');\n },\n\n // Remove HTML from a string\n stripHTML(source) {\n const fragment = document.createDocumentFragment();\n const element = document.createElement('div');\n fragment.appendChild(element);\n element.innerHTML = source;\n return fragment.firstChild.innerText;\n },\n\n // Get aspect ratio for dimensions\n getAspectRatio(width, height) {\n const getRatio = (w, h) => (h === 0 ? w : getRatio(h, w % h));\n const ratio = getRatio(width, height);\n return `${width / ratio}:${height / ratio}`;\n },\n\n // Get the transition end event\n transitionEnd: (() => {\n const element = document.createElement('span');\n\n const events = {\n WebkitTransition: 'webkitTransitionEnd',\n MozTransition: 'transitionend',\n OTransition: 'oTransitionEnd otransitionend',\n transition: 'transitionend',\n };\n\n const type = Object.keys(events).find(event => element.style[event] !== undefined);\n\n return typeof type === 'string' ? type : false;\n })(),\n};\n\nexport default utils;\n","// ==========================================================================\n// Plyr support checks\n// ==========================================================================\n\nimport utils from './utils';\n\n// Check for feature support\nconst support = {\n // Basic support\n audio: 'canPlayType' in document.createElement('audio'),\n video: 'canPlayType' in document.createElement('video'),\n\n // Check for support\n // Basic functionality vs full UI\n check(type, inline) {\n let api = false;\n let ui = false;\n const browser = utils.getBrowser();\n const playsInline = browser.isIPhone && inline && support.inline;\n\n switch (type) {\n case 'video':\n api = support.video;\n ui = api && support.rangeInput && (!browser.isIPhone || playsInline);\n break;\n\n case 'audio':\n api = support.audio;\n ui = api && support.rangeInput;\n break;\n\n case 'youtube':\n api = true;\n ui = support.rangeInput && (!browser.isIPhone || playsInline);\n break;\n\n case 'vimeo':\n api = true;\n ui = support.rangeInput && !browser.isIPhone;\n break;\n\n default:\n api = support.audio && support.video;\n ui = api && support.rangeInput;\n }\n\n return {\n api,\n ui,\n };\n },\n\n // Local storage\n // We can't assume if local storage is present that we can use it\n storage: (() => {\n if (!('localStorage' in window)) {\n return false;\n }\n\n // Try to use it (it might be disabled, e.g. user is in private/porn mode)\n // see: https://github.com/sampotts/plyr/issues/131\n const test = '___test';\n try {\n window.localStorage.setItem(test, test);\n window.localStorage.removeItem(test);\n return true;\n } catch (e) {\n return false;\n }\n })(),\n\n // Picture-in-picture support\n // Safari only currently\n pip: (() => {\n const browser = utils.getBrowser();\n return !browser.isIPhone && utils.is.function(utils.createElement('video').webkitSetPresentationMode);\n })(),\n\n // Airplay support\n // Safari only currently\n airplay: utils.is.function(window.WebKitPlaybackTargetAvailabilityEvent),\n\n // Inline playback support\n // https://webkit.org/blog/6784/new-video-policies-for-ios/\n inline: 'playsInline' in document.createElement('video'),\n\n // Check for mime type support against a player instance\n // Credits: http://diveintohtml5.info/everything.html\n // Related: http://www.leanbackplayer.com/test/h5mt.html\n mime(type) {\n const { media } = this;\n\n try {\n // Bail if no checking function\n if (!utils.is.function(media.canPlayType)) {\n return false;\n }\n\n // Type specific checks\n if (this.type === 'video') {\n switch (type) {\n case 'video/webm':\n return media.canPlayType('video/webm; codecs=\"vp8, vorbis\"').replace(/no/, '');\n\n case 'video/mp4':\n return media.canPlayType('video/mp4; codecs=\"avc1.42E01E, mp4a.40.2\"').replace(/no/, '');\n\n case 'video/ogg':\n return media.canPlayType('video/ogg; codecs=\"theora\"').replace(/no/, '');\n\n default:\n return false;\n }\n } else if (this.type === 'audio') {\n switch (type) {\n case 'audio/mpeg':\n return media.canPlayType('audio/mpeg;').replace(/no/, '');\n\n case 'audio/ogg':\n return media.canPlayType('audio/ogg; codecs=\"vorbis\"').replace(/no/, '');\n\n case 'audio/wav':\n return media.canPlayType('audio/wav; codecs=\"1\"').replace(/no/, '');\n\n default:\n return false;\n }\n }\n } catch (e) {\n return false;\n }\n\n // If we got this far, we're stuffed\n return false;\n },\n\n // Check for textTracks support\n textTracks: 'textTracks' in document.createElement('video'),\n\n // Check for passive event listener support\n // https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md\n // https://www.youtube.com/watch?v=NPM6172J22g\n passiveListeners: (() => {\n // Test via a getter in the options object to see if the passive property is accessed\n let supported = false;\n try {\n const options = Object.defineProperty({}, 'passive', {\n get() {\n supported = true;\n return null;\n },\n });\n window.addEventListener('test', null, options);\n } catch (e) {\n // Do nothing\n }\n\n return supported;\n })(),\n\n // <input type=\"range\"> Sliders\n rangeInput: (() => {\n const range = document.createElement('input');\n range.type = 'range';\n return range.type === 'range';\n })(),\n\n // Touch\n // Remember a device can be moust + touch enabled\n touch: 'ontouchstart' in document.documentElement,\n\n // Detect transitions support\n transitions: utils.transitionEnd !== false,\n\n // Reduced motion iOS & MacOS setting\n // https://webkit.org/blog/7551/responsive-design-for-motion/\n reducedMotion: 'matchMedia' in window && window.matchMedia('(prefers-reduced-motion)').matches,\n};\n\nexport default support;\n","// ==========================================================================\n// Plyr fullscreen API\n// ==========================================================================\n\nimport utils from './utils';\n\n// Determine the prefix\nconst prefix = (() => {\n let value = false;\n\n if (utils.is.function(document.cancelFullScreen)) {\n value = '';\n } else {\n // Check for fullscreen support by vendor prefix\n ['webkit', 'o', 'moz', 'ms', 'khtml'].some(pre => {\n if (utils.is.function(document[`${pre}CancelFullScreen`])) {\n value = pre;\n return true;\n } else if (utils.is.function(document.msExitFullscreen) && document.msFullscreenEnabled) {\n // Special case for MS (when isn't it?)\n value = 'ms';\n return true;\n }\n\n return false;\n });\n }\n\n return value;\n})();\n\n// Fullscreen API\nconst fullscreen = {\n // Get the prefix\n prefix,\n\n // Check if we can use it\n enabled: document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled,\n\n // Yet again Microsoft awesomeness,\n // Sometimes the prefix is 'ms', sometimes 'MS' to keep you on your toes\n eventType: prefix === 'ms' ? 'MSFullscreenChange' : `${prefix}fullscreenchange`,\n\n // Is an element fullscreen\n isFullScreen(element) {\n if (!fullscreen.enabled) {\n return false;\n }\n\n const target = utils.is.nullOrUndefined(element) ? document.body : element;\n\n switch (prefix) {\n case '':\n return document.fullscreenElement === target;\n\n case 'moz':\n return document.mozFullScreenElement === target;\n\n default:\n return document[`${prefix}FullscreenElement`] === target;\n }\n },\n\n // Make an element fullscreen\n requestFullScreen(element) {\n if (!fullscreen.enabled) {\n return false;\n }\n\n const target = utils.is.nullOrUndefined(element) ? document.body : element;\n\n return !prefix.length ? target.requestFullScreen() : target[prefix + (prefix === 'ms' ? 'RequestFullscreen' : 'RequestFullScreen')]();\n },\n\n // Bail from fullscreen\n cancelFullScreen() {\n if (!fullscreen.enabled) {\n return false;\n }\n\n return !prefix.length ? document.cancelFullScreen() : document[prefix + (prefix === 'ms' ? 'ExitFullscreen' : 'CancelFullScreen')]();\n },\n\n // Get the current element\n element() {\n if (!fullscreen.enabled) {\n return null;\n }\n\n return !prefix.length ? document.fullscreenElement : document[`${prefix}FullscreenElement`];\n },\n\n // Setup fullscreen\n setup() {\n if (!this.supported.ui || this.type === 'audio' || !this.config.fullscreen.enabled) {\n return;\n }\n\n // Check for native support\n const nativeSupport = fullscreen.enabled;\n\n if (nativeSupport || (this.config.fullscreen.fallback && !utils.inFrame())) {\n this.console.log(`${nativeSupport ? 'Native' : 'Fallback'} fullscreen enabled`);\n\n // Add styling hook to show button\n utils.toggleClass(this.elements.container, this.config.classNames.fullscreen.enabled, true);\n } else {\n this.console.log('Fullscreen not supported and fallback disabled');\n }\n\n // Toggle state\n if (this.elements.buttons && this.elements.buttons.fullscreen) {\n utils.toggleState(this.elements.buttons.fullscreen, false);\n }\n\n // Trap focus in container\n utils.trapFocus.call(this);\n },\n};\n\nexport default fullscreen;\n","// ==========================================================================\n// Plyr Event Listeners\n// ==========================================================================\n\nimport support from './support';\nimport utils from './utils';\nimport controls from './controls';\nimport fullscreen from './fullscreen';\nimport storage from './storage';\nimport ui from './ui';\n\n// Sniff out the browser\nconst browser = utils.getBrowser();\n\nconst listeners = {\n // Global listeners\n global() {\n let last = null;\n\n // Get the key code for an event\n const getKeyCode = event => (event.keyCode ? event.keyCode : event.which);\n\n // Handle key press\n const handleKey = event => {\n const code = getKeyCode(event);\n const pressed = event.type === 'keydown';\n const repeat = pressed && code === last;\n\n // Bail if a modifier key is set\n if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {\n return;\n }\n\n // If the event is bubbled from the media element\n // Firefox doesn't get the keycode for whatever reason\n if (!utils.is.number(code)) {\n return;\n }\n\n // Seek by the number keys\n const seekByKey = () => {\n // Divide the max duration into 10th's and times by the number value\n this.currentTime = this.duration / 10 * (code - 48);\n };\n\n // Handle the key on keydown\n // Reset on keyup\n if (pressed) {\n // Which keycodes should we prevent default\n const preventDefault = [48, 49, 50, 51, 52, 53, 54, 56, 57, 32, 75, 38, 40, 77, 39, 37, 70, 67, 73, 76, 79];\n\n // Check focused element\n // and if the focused element is not editable (e.g. text input)\n // and any that accept key input http://webaim.org/techniques/keyboard/\n const focused = utils.getFocusElement();\n if (utils.is.htmlElement(focused) && utils.matches(focused, this.config.selectors.editable)) {\n return;\n }\n\n // If the code is found prevent default (e.g. prevent scrolling for arrows)\n if (preventDefault.includes(code)) {\n event.preventDefault();\n event.stopPropagation();\n }\n\n switch (code) {\n case 48:\n case 49:\n case 50:\n case 51:\n case 52:\n case 53:\n case 54:\n case 55:\n case 56:\n case 57:\n // 0-9\n if (!repeat) {\n seekByKey();\n }\n break;\n\n case 32:\n case 75:\n // Space and K key\n if (!repeat) {\n this.togglePlay();\n }\n break;\n\n case 38:\n // Arrow up\n this.increaseVolume(0.1);\n break;\n\n case 40:\n // Arrow down\n this.decreaseVolume(0.1);\n break;\n\n case 77:\n // M key\n if (!repeat) {\n this.muted = !this.muted;\n }\n break;\n\n case 39:\n // Arrow forward\n this.forward();\n break;\n\n case 37:\n // Arrow back\n this.rewind();\n break;\n\n case 70:\n // F key\n this.toggleFullscreen();\n break;\n\n case 67:\n // C key\n if (!repeat) {\n this.toggleCaptions();\n }\n break;\n\n case 76:\n // L key\n this.loop = !this.loop;\n break;\n\n /* case 73:\n this.setLoop('start');\n break;\n\n case 76:\n this.setLoop();\n break;\n\n case 79:\n this.setLoop('end');\n break; */\n\n default:\n break;\n }\n\n // Escape is handle natively when in full screen\n // So we only need to worry about non native\n if (!fullscreen.enabled && this.fullscreen.active && code === 27) {\n this.toggleFullscreen();\n }\n\n // Store last code for next cycle\n last = code;\n } else {\n last = null;\n }\n };\n\n // Keyboard shortcuts\n if (this.config.keyboard.global) {\n utils.on(window, 'keydown keyup', handleKey, false);\n } else if (this.config.keyboard.focused) {\n utils.on(this.elements.container, 'keydown keyup', handleKey, false);\n }\n\n // Detect tab focus\n // Remove class on blur/focusout\n utils.on(this.elements.container, 'focusout', event => {\n utils.toggleClass(event.target, this.config.classNames.tabFocus, false);\n });\n\n // Add classname to tabbed elements\n utils.on(this.elements.container, 'keydown', event => {\n if (event.keyCode !== 9) {\n return;\n }\n\n // Delay the adding of classname until the focus has changed\n // This event fires before the focusin event\n window.setTimeout(() => {\n utils.toggleClass(utils.getFocusElement(), this.config.classNames.tabFocus, true);\n }, 0);\n });\n\n // Toggle controls visibility based on mouse movement\n if (this.config.hideControls) {\n // Toggle controls on mouse events and entering fullscreen\n utils.on(this.elements.container, 'mouseenter mouseleave mousemove touchstart touchend touchmove enterfullscreen exitfullscreen', event => {\n this.toggleControls(event);\n });\n }\n\n // Handle user exiting fullscreen by escaping etc\n if (fullscreen.enabled) {\n utils.on(document, fullscreen.eventType, event => {\n this.toggleFullscreen(event);\n });\n }\n },\n\n // Listen for media events\n media() {\n // Time change on media\n utils.on(this.media, 'timeupdate seeking', event => ui.timeUpdate.call(this, event));\n\n // Display duration\n utils.on(this.media, 'durationchange loadedmetadata', event => ui.durationUpdate.call(this, event));\n\n // Check for audio tracks on load\n // We can't use `loadedmetadata` as it doesn't seem to have audio tracks at that point\n utils.on(this.media, 'loadeddata', () => {\n utils.toggleHidden(this.elements.volume, !this.hasAudio);\n utils.toggleHidden(this.elements.buttons.mute, !this.hasAudio);\n });\n\n // Handle the media finishing\n utils.on(this.media, 'ended', () => {\n // Show poster on end\n if (this.type === 'video' && this.config.showPosterOnEnd) {\n // Restart\n this.restart();\n\n // Re-load media\n this.media.load();\n }\n });\n\n // Check for buffer progress\n utils.on(this.media, 'progress playing', event => ui.updateProgress.call(this, event));\n\n // Handle native mute\n utils.on(this.media, 'volumechange', event => ui.updateVolume.call(this, event));\n\n // Handle native play/pause\n utils.on(this.media, 'playing play pause ended', event => ui.checkPlaying.call(this, event));\n\n // Loading\n utils.on(this.media, 'stalled waiting canplay seeked playing', event => ui.checkLoading.call(this, event));\n\n // Click video\n if (this.supported.ui && this.config.clickToPlay && this.type !== 'audio') {\n // Re-fetch the wrapper\n const wrapper = utils.getElement.call(this, `.${this.config.classNames.video}`);\n\n // Bail if there's no wrapper (this should never happen)\n if (!utils.is.htmlElement(wrapper)) {\n return;\n }\n\n // On click play, pause ore restart\n utils.on(wrapper, 'click', () => {\n // Touch devices will just show controls (if we're hiding controls)\n if (this.config.hideControls && support.touch && !this.paused) {\n return;\n }\n\n if (this.paused) {\n this.play();\n } else if (this.ended) {\n this.restart();\n this.play();\n } else {\n this.pause();\n }\n });\n }\n\n // Disable right click\n if (this.config.disableContextMenu) {\n utils.on(\n this.media,\n 'contextmenu',\n event => {\n event.preventDefault();\n },\n false\n );\n }\n\n // Speed change\n utils.on(this.media, 'ratechange', () => {\n // Update UI\n controls.updateSetting.call(this, 'speed');\n\n // Save to storage\n storage.set.call(this, { speed: this.speed });\n });\n\n // Quality change\n utils.on(this.media, 'qualitychange', () => {\n // Update UI\n controls.updateSetting.call(this, 'quality');\n\n // Save to storage\n storage.set.call(this, { quality: this.quality });\n });\n\n // Caption language change\n utils.on(this.media, 'languagechange', () => {\n // Save to storage\n storage.set.call(this, { language: this.language });\n });\n\n // Volume change\n utils.on(this.media, 'volumechange', () => {\n // Save to storage\n storage.set.call(this, { volume: this.volume, muted: this.muted });\n });\n\n // Captions toggle\n utils.on(this.media, 'captionsenabled captionsdisabled', () => {\n // Update UI\n controls.updateSetting.call(this, 'captions');\n\n // Save to storage\n storage.set.call(this, { captions: this.captions.enabled });\n });\n\n // Proxy events to container\n // Bubble up key events for Edge\n utils.on(this.media, this.config.events.concat(['keyup', 'keydown']).join(' '), event => {\n let detail = {};\n\n // Get error details from media\n if (event.type === 'error') {\n detail = this.media.error;\n }\n\n utils.dispatchEvent.call(this, this.elements.container, event.type, true, detail);\n });\n },\n\n // Listen for control events\n controls() {\n // IE doesn't support input event, so we fallback to change\n const inputEvent = browser.isIE ? 'change' : 'input';\n\n // Trigger custom and default handlers\n const proxy = (event, handlerKey, defaultHandler) => {\n const customHandler = this.config.listeners[handlerKey];\n\n // Execute custom handler\n if (utils.is.function(customHandler)) {\n customHandler.call(this, event);\n }\n\n // Only call default handler if not prevented in custom handler\n if (!event.defaultPrevented && utils.is.function(defaultHandler)) {\n defaultHandler.call(this, event);\n }\n };\n\n // Play/pause toggle\n utils.on(this.elements.buttons.play, 'click', event =>\n proxy(event, 'play', () => {\n this.togglePlay();\n })\n );\n\n // Pause\n utils.on(this.elements.buttons.restart, 'click', event =>\n proxy(event, 'restart', () => {\n this.restart();\n })\n );\n\n // Rewind\n utils.on(this.elements.buttons.rewind, 'click', event =>\n proxy(event, 'rewind', () => {\n this.rewind();\n })\n );\n\n // Rewind\n utils.on(this.elements.buttons.forward, 'click', event =>\n proxy(event, 'forward', () => {\n this.forward();\n })\n );\n\n // Mute toggle\n utils.on(this.elements.buttons.mute, 'click', event =>\n proxy(event, 'mute', () => {\n this.muted = !this.muted;\n })\n );\n\n // Captions toggle\n utils.on(this.elements.buttons.captions, 'click', event =>\n proxy(event, 'captions', () => {\n this.toggleCaptions();\n })\n );\n\n // Fullscreen toggle\n utils.on(this.elements.buttons.fullscreen, 'click', event =>\n proxy(event, 'fullscreen', () => {\n this.toggleFullscreen();\n })\n );\n\n // Picture-in-Picture\n utils.on(this.elements.buttons.pip, 'click', event =>\n proxy(event, 'pip', () => {\n this.pip = 'toggle';\n })\n );\n\n // Airplay\n utils.on(this.elements.buttons.airplay, 'click', event =>\n proxy(event, 'airplay', () => {\n this.airplay();\n })\n );\n\n // Settings menu\n utils.on(this.elements.buttons.settings, 'click', event => {\n controls.toggleMenu.call(this, event);\n });\n\n // Click anywhere closes menu\n utils.on(document.documentElement, 'click', event => {\n controls.toggleMenu.call(this, event);\n });\n\n // Settings menu\n utils.on(this.elements.settings.form, 'click', event => {\n event.stopPropagation();\n\n // Settings menu items - use event delegation as items are added/removed\n if (utils.matches(event.target, this.config.selectors.inputs.language)) {\n proxy(event, 'language', () => {\n this.language = event.target.value;\n });\n } else if (utils.matches(event.target, this.config.selectors.inputs.quality)) {\n proxy(event, 'quality', () => {\n this.quality = event.target.value;\n });\n } else if (utils.matches(event.target, this.config.selectors.inputs.speed)) {\n proxy(event, 'speed', () => {\n this.speed = parseFloat(event.target.value);\n });\n } else {\n controls.showTab.call(this, event);\n }\n });\n\n // Seek\n utils.on(this.elements.inputs.seek, inputEvent, event =>\n proxy(event, 'seek', () => {\n this.currentTime = event.target.value / event.target.max * this.duration;\n })\n );\n\n // Current time invert\n // Only if one time element is used for both currentTime and duration\n if (this.config.toggleInvert && !utils.is.htmlElement(this.elements.display.duration)) {\n utils.on(this.elements.display.currentTime, 'click', () => {\n // Do nothing if we're at the start\n if (this.currentTime === 0) {\n return;\n }\n\n this.config.invertTime = !this.config.invertTime;\n ui.timeUpdate.call(this);\n });\n }\n\n // Volume\n utils.on(this.elements.inputs.volume, inputEvent, event =>\n proxy(event, 'volume', () => {\n this.volume = event.target.value;\n })\n );\n\n // Polyfill for lower fill in <input type=\"range\"> for webkit\n if (browser.isWebkit) {\n utils.on(utils.getElements.call(this, 'input[type=\"range\"]'), 'input', event => {\n controls.updateRangeFill.call(this, event.target);\n });\n }\n\n // Seek tooltip\n utils.on(this.elements.progress, 'mouseenter mouseleave mousemove', event => controls.updateSeekTooltip.call(this, event));\n\n // Toggle controls visibility based on mouse movement\n if (this.config.hideControls) {\n // Watch for cursor over controls so they don't hide when trying to interact\n utils.on(this.elements.controls, 'mouseenter mouseleave', event => {\n this.elements.controls.hover = event.type === 'mouseenter';\n });\n\n // Watch for cursor over controls so they don't hide when trying to interact\n utils.on(this.elements.controls, 'mousedown mouseup touchstart touchend touchcancel', event => {\n this.elements.controls.pressed = ['mousedown', 'touchstart'].includes(event.type);\n });\n\n // Focus in/out on controls\n utils.on(this.elements.controls, 'focusin focusout', event => {\n this.toggleControls(event);\n });\n }\n\n // Mouse wheel for volume\n utils.on(\n this.elements.inputs.volume,\n 'wheel',\n event =>\n proxy(event, 'volume', () => {\n // Detect \"natural\" scroll - suppored on OS X Safari only\n // Other browsers on OS X will be inverted until support improves\n const inverted = event.webkitDirectionInvertedFromDevice;\n const step = 1 / 50;\n let direction = 0;\n\n // Scroll down (or up on natural) to decrease\n if (event.deltaY < 0 || event.deltaX > 0) {\n if (inverted) {\n this.decreaseVolume(step);\n direction = -1;\n } else {\n this.increaseVolume(step);\n direction = 1;\n }\n }\n\n // Scroll up (or down on natural) to increase\n if (event.deltaY > 0 || event.deltaX < 0) {\n if (inverted) {\n this.increaseVolume(step);\n direction = 1;\n } else {\n this.decreaseVolume(step);\n direction = -1;\n }\n }\n\n // Don't break page scrolling at max and min\n if ((direction === 1 && this.media.volume < 1) || (direction === -1 && this.media.volume > 0)) {\n event.preventDefault();\n }\n }),\n false\n );\n },\n};\n\nexport default listeners;\n","// ==========================================================================\n// Plyr UI\n// ==========================================================================\n\nimport utils from './utils';\nimport captions from './captions';\nimport controls from './controls';\nimport fullscreen from './fullscreen';\nimport listeners from './listeners';\n\nconst ui = {\n addStyleHook() {\n utils.toggleClass(this.elements.container, this.config.selectors.container.replace('.', ''), true);\n utils.toggleClass(this.elements.container, this.config.classNames.uiSupported, this.supported.ui);\n },\n\n // Toggle native HTML5 media controls\n toggleNativeControls(toggle = false) {\n if (toggle && this.isHTML5) {\n this.media.setAttribute('controls', '');\n } else {\n this.media.removeAttribute('controls');\n }\n },\n\n // Setup the UI\n build() {\n // Re-attach media element listeners\n // TODO: Use event bubbling\n listeners.media.call(this);\n\n // Don't setup interface if no support\n if (!this.supported.ui) {\n this.console.warn(`Basic support only for ${this.type}`);\n\n // Remove controls\n utils.removeElement.call(this, 'controls');\n\n // Remove large play\n utils.removeElement.call(this, 'buttons.play');\n\n // Restore native controls\n ui.toggleNativeControls.call(this, true);\n\n // Bail\n return;\n }\n\n // Inject custom controls if not present\n if (!utils.is.htmlElement(this.elements.controls)) {\n // Inject custom controls\n controls.inject.call(this);\n\n // Re-attach control listeners\n listeners.controls.call(this);\n }\n\n // If there's no controls, bail\n if (!utils.is.htmlElement(this.elements.controls)) {\n return;\n }\n\n // Remove native controls\n ui.toggleNativeControls.call(this);\n\n // Setup fullscreen\n fullscreen.setup.call(this);\n\n // Captions\n captions.setup.call(this);\n\n // Reset volume\n this.volume = null;\n\n // Reset mute state\n this.muted = null;\n\n // Reset speed\n this.speed = null;\n\n // Reset loop state\n this.loop = null;\n\n // Reset quality options\n this.options.quality = [];\n\n // Reset time display\n ui.timeUpdate.call(this);\n\n // Update the UI\n ui.checkPlaying.call(this);\n\n // Ready for API calls\n this.ready = true;\n\n // Ready event at end of execution stack\n utils.dispatchEvent.call(this, this.media, 'ready');\n\n // Set the title\n ui.setTitle.call(this);\n },\n\n // Setup aria attribute for play and iframe title\n setTitle() {\n // Find the current text\n let label = this.config.i18n.play;\n\n // If there's a media title set, use that for the label\n if (utils.is.string(this.config.title) && !utils.is.empty(this.config.title)) {\n label += `, ${this.config.title}`;\n\n // Set container label\n this.elements.container.setAttribute('aria-label', this.config.title);\n }\n\n // If there's a play button, set label\n if (utils.is.nodeList(this.elements.buttons.play)) {\n Array.from(this.elements.buttons.play).forEach(button => {\n button.setAttribute('aria-label', label);\n });\n }\n\n // Set iframe title\n // https://github.com/sampotts/plyr/issues/124\n if (this.isEmbed) {\n const iframe = utils.getElement.call(this, 'iframe');\n\n if (!utils.is.htmlElement(iframe)) {\n return;\n }\n\n // Default to media type\n const title = !utils.is.empty(this.config.title) ? this.config.title : 'video';\n\n iframe.setAttribute('title', this.config.i18n.frameTitle.replace('{title}', title));\n }\n },\n\n // Check playing state\n checkPlaying() {\n // Class hooks\n utils.toggleClass(this.elements.container, this.config.classNames.playing, this.playing);\n utils.toggleClass(this.elements.container, this.config.classNames.stopped, this.paused);\n\n // Set aria state\n if (utils.is.nodeList(this.elements.buttons.play)) {\n Array.from(this.elements.buttons.play).forEach(button => utils.toggleState(button, this.playing));\n }\n\n // Toggle controls\n this.toggleControls(!this.playing);\n },\n\n // Check if media is loading\n checkLoading(event) {\n this.loading = ['stalled', 'waiting'].includes(event.type);\n\n // Clear timer\n clearTimeout(this.timers.loading);\n\n // Timer to prevent flicker when seeking\n this.timers.loading = setTimeout(() => {\n // Toggle container class hook\n utils.toggleClass(this.elements.container, this.config.classNames.loading, this.loading);\n\n // Show controls if loading, hide if done\n this.toggleControls(this.loading);\n }, this.loading ? 250 : 0);\n },\n\n // Update volume UI and storage\n updateVolume() {\n if (!this.supported.ui) {\n return;\n }\n\n // Update range\n if (utils.is.htmlElement(this.elements.inputs.volume)) {\n ui.setRange.call(this, this.elements.inputs.volume, this.muted ? 0 : this.volume);\n }\n\n // Update mute state\n if (utils.is.htmlElement(this.elements.buttons.mute)) {\n utils.toggleState(this.elements.buttons.mute, this.muted || this.volume === 0);\n }\n },\n\n // Update seek value and lower fill\n setRange(target, value = 0) {\n if (!utils.is.htmlElement(target)) {\n return;\n }\n\n // eslint-disable-next-line\n target.value = value;\n\n // Webkit range fill\n controls.updateRangeFill.call(this, target);\n },\n\n // Set <progress> value\n setProgress(target, input) {\n const value = utils.is.number(input) ? input : 0;\n const progress = utils.is.htmlElement(target) ? target : this.elements.display.buffer;\n\n // Update value and label\n if (utils.is.htmlElement(progress)) {\n progress.value = value;\n\n // Update text label inside\n const label = progress.getElementsByTagName('span')[0];\n if (utils.is.htmlElement(label)) {\n label.childNodes[0].nodeValue = value;\n }\n }\n },\n\n // Update <progress> elements\n updateProgress(event) {\n if (!this.supported.ui || !utils.is.event(event)) {\n return;\n }\n\n let value = 0;\n\n if (event) {\n switch (event.type) {\n // Video playing\n case 'timeupdate':\n case 'seeking':\n value = utils.getPercentage(this.currentTime, this.duration);\n\n // Set seek range value only if it's a 'natural' time event\n if (event.type === 'timeupdate') {\n ui.setRange.call(this, this.elements.inputs.seek, value);\n }\n\n break;\n\n // Check buffer status\n case 'playing':\n case 'progress':\n value = (() => {\n const { buffered } = this.media;\n\n if (buffered && buffered.length) {\n // HTML5\n return utils.getPercentage(buffered.end(0), this.duration);\n } else if (utils.is.number(buffered)) {\n // YouTube returns between 0 and 1\n return buffered * 100;\n }\n\n return 0;\n })();\n\n ui.setProgress.call(this, this.elements.display.buffer, value);\n\n break;\n\n default:\n break;\n }\n }\n },\n\n // Update the displayed time\n updateTimeDisplay(target = null, time = 0, inverted = false) {\n // Bail if there's no element to display or the value isn't a number\n if (!utils.is.htmlElement(target) || !utils.is.number(time)) {\n return;\n }\n\n // Format time component to add leading zero\n const format = value => `0${value}`.slice(-2);\n\n // Helpers\n const getHours = value => parseInt((value / 60 / 60) % 60, 10);\n const getMinutes = value => parseInt((value / 60) % 60, 10);\n const getSeconds = value => parseInt(value % 60, 10);\n\n // Breakdown to hours, mins, secs\n let hours = getHours(time);\n const mins = getMinutes(time);\n const secs = getSeconds(time);\n\n // Do we need to display hours?\n if (getHours(this.duration) > 0) {\n hours = `${hours}:`;\n } else {\n hours = '';\n }\n\n // Render\n // eslint-disable-next-line no-param-reassign\n target.textContent = `${inverted ? '-' : ''}${hours}${format(mins)}:${format(secs)}`;\n },\n\n // Handle time change event\n timeUpdate(event) {\n // Only invert if only one time element is displayed and used for both duration and currentTime\n const invert = !utils.is.htmlElement(this.elements.display.duration) && this.config.invertTime;\n\n // Duration\n ui.updateTimeDisplay.call(this, this.elements.display.currentTime, invert ? this.duration - this.currentTime : this.currentTime, invert);\n\n // Ignore updates while seeking\n if (event && event.type === 'timeupdate' && this.media.seeking) {\n return;\n }\n\n // Playing progress\n ui.updateProgress.call(this, event);\n },\n\n // Show the duration on metadataloaded\n durationUpdate() {\n if (!this.supported.ui) {\n return;\n }\n\n // If there's only one time display, display duration there\n if (!utils.is.htmlElement(this.elements.display.duration) && this.config.displayDuration && this.paused) {\n ui.updateTimeDisplay.call(this, this.elements.display.currentTime, this.duration);\n }\n\n // If there's a duration element, update content\n if (utils.is.htmlElement(this.elements.display.duration)) {\n ui.updateTimeDisplay.call(this, this.elements.display.duration, this.duration);\n }\n\n // Update the tooltip (if visible)\n controls.updateSeekTooltip.call(this);\n },\n};\n\nexport default ui;\n","// ==========================================================================\n// Plyr controls\n// ==========================================================================\n\nimport support from './support';\nimport utils from './utils';\nimport ui from './ui';\nimport captions from './captions';\n\n// Sniff out the browser\nconst browser = utils.getBrowser();\n\nconst controls = {\n // Webkit polyfill for lower fill range\n updateRangeFill(target) {\n // WebKit only\n if (!browser.isWebkit) {\n return;\n }\n\n // Get range from event if event passed\n const range = utils.is.event(target) ? target.target : target;\n\n // Needs to be a valid <input type='range'>\n if (!utils.is.htmlElement(range) || range.getAttribute('type') !== 'range') {\n return;\n }\n\n // Inject the stylesheet if needed\n if (!utils.is.htmlElement(this.elements.styleSheet)) {\n this.elements.styleSheet = utils.createElement('style');\n this.elements.container.appendChild(this.elements.styleSheet);\n }\n\n const styleSheet = this.elements.styleSheet.sheet;\n const percentage = range.value / range.max * 100;\n const selector = `#${range.id}::-webkit-slider-runnable-track`;\n const styles = `{ background-image: linear-gradient(to right, currentColor ${percentage}%, transparent ${percentage}%) }`;\n\n // Find old rule if it exists\n const index = Array.from(styleSheet.rules).findIndex(rule => rule.selectorText === selector);\n\n // Remove old rule\n if (index !== -1) {\n styleSheet.deleteRule(index);\n }\n\n // Insert new one\n styleSheet.insertRule([selector, styles].join(' '));\n },\n\n // Get icon URL\n getIconUrl() {\n return {\n url: this.config.iconUrl,\n absolute: this.config.iconUrl.indexOf('http') === 0 || (browser.isIE && !window.svg4everybody),\n };\n },\n\n // Create <svg> icon\n createIcon(type, attributes) {\n const namespace = 'http://www.w3.org/2000/svg';\n const iconUrl = controls.getIconUrl.call(this);\n const iconPath = `${!iconUrl.absolute ? iconUrl.url : ''}#${this.config.iconPrefix}`;\n\n // Create <svg>\n const icon = document.createElementNS(namespace, 'svg');\n utils.setAttributes(\n icon,\n utils.extend(attributes, {\n role: 'presentation',\n })\n );\n\n // Create the <use> to reference sprite\n const use = document.createElementNS(namespace, 'use');\n const path = `${iconPath}-${type}`;\n\n // Set `href` attributes\n // https://github.com/sampotts/plyr/issues/460\n // https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xlink:href\n if ('href' in use) {\n use.setAttributeNS('http://www.w3.org/1999/xlink', 'href', path);\n } else {\n use.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', path);\n }\n\n // Add <use> to <svg>\n icon.appendChild(use);\n\n return icon;\n },\n\n // Create hidden text label\n createLabel(type, attr) {\n let text = this.config.i18n[type];\n const attributes = Object.assign({}, attr);\n\n switch (type) {\n case 'pip':\n text = 'PIP';\n break;\n\n case 'airplay':\n text = 'AirPlay';\n break;\n\n default:\n break;\n }\n\n if ('class' in attributes) {\n attributes.class += ` ${this.config.classNames.hidden}`;\n } else {\n attributes.class = this.config.classNames.hidden;\n }\n\n return utils.createElement('span', attributes, text);\n },\n\n // Create a badge\n createBadge(text) {\n if (utils.is.empty(text)) {\n return null;\n }\n\n const badge = utils.createElement('span', {\n class: this.config.classNames.menu.value,\n });\n\n badge.appendChild(\n utils.createElement(\n 'span',\n {\n class: this.config.classNames.menu.badge,\n },\n text\n )\n );\n\n return badge;\n },\n\n // Create a <button>\n createButton(buttonType, attr) {\n const button = utils.createElement('button');\n const attributes = Object.assign({}, attr);\n let type = buttonType;\n\n let toggle = false;\n let label;\n let icon;\n let labelPressed;\n let iconPressed;\n\n if (!('type' in attributes)) {\n attributes.type = 'button';\n }\n\n if ('class' in attributes) {\n if (attributes.class.includes(this.config.classNames.control)) {\n attributes.class += ` ${this.config.classNames.control}`;\n }\n } else {\n attributes.class = this.config.classNames.control;\n }\n\n // Large play button\n switch (type) {\n case 'play':\n toggle = true;\n label = 'play';\n labelPressed = 'pause';\n icon = 'play';\n iconPressed = 'pause';\n break;\n\n case 'mute':\n toggle = true;\n label = 'mute';\n labelPressed = 'unmute';\n icon = 'volume';\n iconPressed = 'muted';\n break;\n\n case 'captions':\n toggle = true;\n label = 'enableCaptions';\n labelPressed = 'disableCaptions';\n icon = 'captions-off';\n iconPressed = 'captions-on';\n break;\n\n case 'fullscreen':\n toggle = true;\n label = 'enterFullscreen';\n labelPressed = 'exitFullscreen';\n icon = 'enter-fullscreen';\n iconPressed = 'exit-fullscreen';\n break;\n\n case 'play-large':\n attributes.class += ` ${this.config.classNames.control}--overlaid`;\n type = 'play';\n label = 'play';\n icon = 'play';\n break;\n\n default:\n label = type;\n icon = type;\n }\n\n // Setup toggle icon and labels\n if (toggle) {\n // Icon\n button.appendChild(controls.createIcon.call(this, iconPressed, { class: 'icon--pressed' }));\n button.appendChild(controls.createIcon.call(this, icon, { class: 'icon--not-pressed' }));\n\n // Label/Tooltip\n button.appendChild(controls.createLabel.call(this, labelPressed, { class: 'label--pressed' }));\n button.appendChild(controls.createLabel.call(this, label, { class: 'label--not-pressed' }));\n\n // Add aria attributes\n attributes['aria-pressed'] = false;\n attributes['aria-label'] = this.config.i18n[label];\n } else {\n button.appendChild(controls.createIcon.call(this, icon));\n button.appendChild(controls.createLabel.call(this, label));\n }\n\n // Merge attributes\n utils.extend(attributes, utils.getAttributesFromSelector(this.config.selectors.buttons[type], attributes));\n\n utils.setAttributes(button, attributes);\n\n this.elements.buttons[type] = button;\n\n return button;\n },\n\n // Create an <input type='range'>\n createRange(type, attributes) {\n // Seek label\n const label = utils.createElement(\n 'label',\n {\n for: attributes.id,\n class: this.config.classNames.hidden,\n },\n this.config.i18n[type]\n );\n\n // Seek input\n const input = utils.createElement(\n 'input',\n utils.extend(\n utils.getAttributesFromSelector(this.config.selectors.inputs[type]),\n {\n type: 'range',\n min: 0,\n max: 100,\n step: 0.01,\n value: 0,\n autocomplete: 'off',\n },\n attributes\n )\n );\n\n this.elements.inputs[type] = input;\n\n // Set the fill for webkit now\n controls.updateRangeFill.call(this, input);\n\n return {\n label,\n input,\n };\n },\n\n // Create a <progress>\n createProgress(type, attributes) {\n const progress = utils.createElement(\n 'progress',\n utils.extend(\n utils.getAttributesFromSelector(this.config.selectors.display[type]),\n {\n min: 0,\n max: 100,\n value: 0,\n },\n attributes\n )\n );\n\n // Create the label inside\n if (type !== 'volume') {\n progress.appendChild(utils.createElement('span', null, '0'));\n\n let suffix = '';\n switch (type) {\n case 'played':\n suffix = this.config.i18n.played;\n break;\n\n case 'buffer':\n suffix = this.config.i18n.buffered;\n break;\n\n default:\n break;\n }\n\n progress.textContent = `% ${suffix.toLowerCase()}`;\n }\n\n this.elements.display[type] = progress;\n\n return progress;\n },\n\n // Create time display\n createTime(type) {\n const container = utils.createElement('span', {\n class: 'plyr__time',\n });\n\n container.appendChild(\n utils.createElement(\n 'span',\n {\n class: this.config.classNames.hidden,\n },\n this.config.i18n[type]\n )\n );\n\n container.appendChild(utils.createElement('span', utils.getAttributesFromSelector(this.config.selectors.display[type]), '00:00'));\n\n this.elements.display[type] = container;\n\n return container;\n },\n\n // Create a settings menu item\n createMenuItem(value, list, type, title, badge = null, checked = false) {\n const item = utils.createElement('li');\n\n const label = utils.createElement('label', {\n class: this.config.classNames.control,\n });\n\n const radio = utils.createElement(\n 'input',\n utils.extend(utils.getAttributesFromSelector(this.config.selectors.inputs[type]), {\n type: 'radio',\n name: `plyr-${type}`,\n value,\n checked,\n class: 'plyr__sr-only',\n })\n );\n\n const faux = utils.createElement('span', { 'aria-hidden': true });\n\n label.appendChild(radio);\n label.appendChild(faux);\n label.insertAdjacentHTML('beforeend', title);\n\n if (utils.is.htmlElement(badge)) {\n label.appendChild(badge);\n }\n\n item.appendChild(label);\n list.appendChild(item);\n },\n\n // Update hover tooltip for seeking\n updateSeekTooltip(event) {\n // Bail if setting not true\n if (\n !this.config.tooltips.seek ||\n !utils.is.htmlElement(this.elements.inputs.seek) ||\n !utils.is.htmlElement(this.elements.display.seekTooltip) ||\n this.duration === 0\n ) {\n return;\n }\n\n // Calculate percentage\n let percent = 0;\n const clientRect = this.elements.inputs.seek.getBoundingClientRect();\n const visible = `${this.config.classNames.tooltip}--visible`;\n\n // Determine percentage, if already visible\n if (utils.is.event(event)) {\n percent = 100 / clientRect.width * (event.pageX - clientRect.left);\n } else if (utils.hasClass(this.elements.display.seekTooltip, visible)) {\n percent = this.elements.display.seekTooltip.style.left.replace('%', '');\n } else {\n return;\n }\n\n // Set bounds\n if (percent < 0) {\n percent = 0;\n } else if (percent > 100) {\n percent = 100;\n }\n\n // Display the time a click would seek to\n ui.updateTimeDisplay.call(this, this.elements.display.seekTooltip, this.duration / 100 * percent);\n\n // Set position\n this.elements.display.seekTooltip.style.left = `${percent}%`;\n\n // Show/hide the tooltip\n // If the event is a moues in/out and percentage is inside bounds\n if (utils.is.event(event) && ['mouseenter', 'mouseleave'].includes(event.type)) {\n utils.toggleClass(this.elements.display.seekTooltip, visible, event.type === 'mouseenter');\n }\n },\n\n // Hide/show a tab\n toggleTab(setting, toggle) {\n const tab = this.elements.settings.tabs[setting];\n const pane = this.elements.settings.panes[setting];\n\n utils.toggleHidden(tab, !toggle);\n utils.toggleHidden(pane, !toggle);\n },\n\n // Set the YouTube quality menu\n // TODO: Support for HTML5\n setQualityMenu(options) {\n const type = 'quality';\n const list = this.elements.settings.panes.quality.querySelector('ul');\n\n // Set options if passed and filter based on config\n if (utils.is.array(options)) {\n this.options.quality = options.filter(quality => this.config.quality.options.includes(quality));\n } else {\n this.options.quality = this.config.quality.options;\n }\n\n // Toggle the pane and tab\n const toggle = !utils.is.empty(this.options.quality) && this.type === 'youtube';\n controls.toggleTab.call(this, type, toggle);\n\n // If we're hiding, nothing more to do\n if (!toggle) {\n return;\n }\n\n // Empty the menu\n utils.emptyElement(list);\n\n // Get the badge HTML for HD, 4K etc\n const getBadge = quality => {\n let label = '';\n\n switch (quality) {\n case 'hd2160':\n label = '4K';\n break;\n\n case 'hd1440':\n label = 'WQHD';\n break;\n\n case 'hd1080':\n label = 'HD';\n break;\n\n case 'hd720':\n label = 'HD';\n break;\n\n default:\n break;\n }\n\n if (!label.length) {\n return null;\n }\n\n return controls.createBadge.call(this, label);\n };\n\n this.options.quality.forEach(quality =>\n controls.createMenuItem.call(this, quality, list, type, controls.getLabel.call(this, 'quality', quality), getBadge(quality))\n );\n\n controls.updateSetting.call(this, type, list);\n },\n\n // Translate a value into a nice label\n // TODO: Localisation\n getLabel(setting, value) {\n switch (setting) {\n case 'speed':\n return value === 1 ? 'Normal' : `${value}×`;\n\n case 'quality':\n switch (value) {\n case 'hd2160':\n return '2160P';\n case 'hd1440':\n return '1440P';\n case 'hd1080':\n return '1080P';\n case 'hd720':\n return '720P';\n case 'large':\n return '480P';\n case 'medium':\n return '360P';\n case 'small':\n return '240P';\n case 'tiny':\n return 'Tiny';\n case 'default':\n return 'Auto';\n default:\n return value;\n }\n\n case 'captions':\n return controls.getLanguage.call(this);\n\n default:\n return null;\n }\n },\n\n // Update the selected setting\n updateSetting(setting, container) {\n const pane = this.elements.settings.panes[setting];\n let value = null;\n let list = container;\n\n switch (setting) {\n case 'captions':\n value = this.captions.language;\n\n if (!this.captions.enabled) {\n value = '';\n }\n\n break;\n\n default:\n value = this[setting];\n\n // Get default\n if (utils.is.empty(value)) {\n value = this.config[setting].default;\n }\n\n // Unsupported value\n if (!this.options[setting].includes(value)) {\n this.console.warn(`Unsupported value of '${value}' for ${setting}`);\n return;\n }\n\n // Disabled value\n if (!this.config[setting].options.includes(value)) {\n this.console.warn(`Disabled value of '${value}' for ${setting}`);\n return;\n }\n\n break;\n }\n\n // Get the list if we need to\n if (!utils.is.htmlElement(list)) {\n list = pane && pane.querySelector('ul');\n }\n\n // Find the radio option\n const target = list && list.querySelector(`input[value=\"${value}\"]`);\n\n if (!utils.is.htmlElement(target)) {\n return;\n }\n\n // Check it\n target.checked = true;\n\n // Find the label\n const label = this.elements.settings.tabs[setting].querySelector(`.${this.config.classNames.menu.value}`);\n label.innerHTML = controls.getLabel.call(this, setting, value);\n },\n\n // Set the looping options\n /* setLoopMenu() {\n const options = ['start', 'end', 'all', 'reset'];\n const list = this.elements.settings.panes.loop.querySelector('ul');\n\n // Show the pane and tab\n utils.toggleHidden(this.elements.settings.tabs.loop, false);\n utils.toggleHidden(this.elements.settings.panes.loop, false);\n\n // Toggle the pane and tab\n const toggle = !utils.is.empty(this.loop.options);\n controls.toggleTab.call(this, 'loop', toggle);\n\n // Empty the menu\n utils.emptyElement(list);\n\n options.forEach(option => {\n const item = utils.createElement('li');\n\n const button = utils.createElement(\n 'button',\n utils.extend(utils.getAttributesFromSelector(this.config.selectors.buttons.loop), {\n type: 'button',\n class: this.config.classNames.control,\n 'data-plyr-loop-action': option,\n }),\n this.config.i18n[option]\n );\n\n if (['start', 'end'].includes(option)) {\n const badge = controls.createBadge.call(this, '00:00');\n button.appendChild(badge);\n }\n\n item.appendChild(button);\n list.appendChild(item);\n });\n }, */\n\n // Get current selected caption language\n // TODO: rework this to user the getter in the API?\n getLanguage() {\n if (!this.supported.ui) {\n return null;\n }\n\n if (!support.textTracks || !captions.getTracks.call(this).length) {\n return this.config.i18n.none;\n }\n\n if (this.captions.enabled) {\n const currentTrack = captions.getCurrentTrack.call(this);\n\n if (utils.is.track(currentTrack)) {\n return currentTrack.label;\n }\n }\n\n return this.config.i18n.disabled;\n },\n\n // Set a list of available captions languages\n setCaptionsMenu() {\n // TODO: Captions or language? Currently it's mixed\n const type = 'captions';\n const list = this.elements.settings.panes.captions.querySelector('ul');\n\n // Toggle the pane and tab\n const hasTracks = captions.getTracks.call(this).length;\n controls.toggleTab.call(this, type, hasTracks);\n\n // Empty the menu\n utils.emptyElement(list);\n\n // If there's no captions, bail\n if (!hasTracks) {\n return;\n }\n\n // Re-map the tracks into just the data we need\n const tracks = captions.getTracks.call(this).map(track => ({\n language: track.language,\n label: !utils.is.empty(track.label) ? track.label : track.language.toUpperCase(),\n }));\n\n // Add the \"None\" option to turn off captions\n tracks.unshift({\n language: '',\n label: this.config.i18n.none,\n });\n\n // Generate options\n tracks.forEach(track => {\n controls.createMenuItem.call(\n this,\n track.language,\n list,\n 'language',\n track.label || track.language,\n controls.createBadge.call(this, track.language.toUpperCase()),\n track.language.toLowerCase() === this.captions.language.toLowerCase()\n );\n });\n\n controls.updateSetting.call(this, type, list);\n },\n\n // Set a list of available captions languages\n setSpeedMenu() {\n const type = 'speed';\n\n // Set the default speeds\n if (!utils.is.object(this.options.speed) || !Object.keys(this.options.speed).length) {\n this.options.speed = [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];\n }\n\n // Set options if passed and filter based on config\n this.options.speed = this.options.speed.filter(speed => this.config.speed.options.includes(speed));\n\n // Toggle the pane and tab\n const toggle = !utils.is.empty(this.options.speed);\n controls.toggleTab.call(this, type, toggle);\n\n // If we're hiding, nothing more to do\n if (!toggle) {\n return;\n }\n\n // Get the list to populate\n const list = this.elements.settings.panes.speed.querySelector('ul');\n\n // Show the pane and tab\n utils.toggleHidden(this.elements.settings.tabs.speed, false);\n utils.toggleHidden(this.elements.settings.panes.speed, false);\n\n // Empty the menu\n utils.emptyElement(list);\n\n // Create items\n this.options.speed.forEach(speed => controls.createMenuItem.call(this, speed, list, type, controls.getLabel.call(this, 'speed', speed)));\n\n controls.updateSetting.call(this, type, list);\n },\n\n // Show/hide menu\n toggleMenu(event) {\n const { form } = this.elements.settings;\n const button = this.elements.buttons.settings;\n const show = utils.is.boolean(event) ? event : utils.is.htmlElement(form) && form.getAttribute('aria-hidden') === 'true';\n\n if (utils.is.event(event)) {\n const isMenuItem = utils.is.htmlElement(form) && form.contains(event.target);\n const isButton = event.target === this.elements.buttons.settings;\n\n // If the click was inside the form or if the click\n // wasn't the button or menu item and we're trying to\n // show the menu (a doc click shouldn't show the menu)\n if (isMenuItem || (!isMenuItem && !isButton && show)) {\n return;\n }\n\n // Prevent the toggle being caught by the doc listener\n if (isButton) {\n event.stopPropagation();\n }\n }\n\n // Set form and button attributes\n if (utils.is.htmlElement(button)) {\n button.setAttribute('aria-expanded', show);\n }\n\n if (utils.is.htmlElement(form)) {\n form.setAttribute('aria-hidden', !show);\n\n if (show) {\n form.removeAttribute('tabindex');\n } else {\n form.setAttribute('tabindex', -1);\n }\n }\n },\n\n // Get the natural size of a tab\n getTabSize(tab) {\n const clone = tab.cloneNode(true);\n clone.style.position = 'absolute';\n clone.style.opacity = 0;\n clone.setAttribute('aria-hidden', false);\n\n // Prevent input's being unchecked due to the name being identical\n Array.from(clone.querySelectorAll('input[name]')).forEach(input => {\n const name = input.getAttribute('name');\n input.setAttribute('name', `${name}-clone`);\n });\n\n // Append to parent so we get the \"real\" size\n tab.parentNode.appendChild(clone);\n\n // Get the sizes before we remove\n const width = clone.scrollWidth;\n const height = clone.scrollHeight;\n\n // Remove from the DOM\n utils.removeElement(clone);\n\n return {\n width,\n height,\n };\n },\n\n // Toggle Menu\n showTab(event) {\n const { menu } = this.elements.settings;\n const tab = event.target;\n const show = tab.getAttribute('aria-expanded') === 'false';\n const pane = document.getElementById(tab.getAttribute('aria-controls'));\n\n // Nothing to show, bail\n if (!utils.is.htmlElement(pane)) {\n return;\n }\n\n // Are we targetting a tab? If not, bail\n const isTab = pane.getAttribute('role') === 'tabpanel';\n if (!isTab) {\n return;\n }\n\n // Hide all other tabs\n // Get other tabs\n const current = menu.querySelector('[role=\"tabpanel\"][aria-hidden=\"false\"]');\n const container = current.parentNode;\n\n // Set other toggles to be expanded false\n Array.from(menu.querySelectorAll(`[aria-controls=\"${current.getAttribute('id')}\"]`)).forEach(toggle => {\n toggle.setAttribute('aria-expanded', false);\n });\n\n // If we can do fancy animations, we'll animate the height/width\n if (support.transitions && !support.reducedMotion) {\n // Set the current width as a base\n container.style.width = `${current.scrollWidth}px`;\n container.style.height = `${current.scrollHeight}px`;\n\n // Get potential sizes\n const size = controls.getTabSize.call(this, pane);\n\n // Restore auto height/width\n const restore = e => {\n // We're only bothered about height and width on the container\n if (e.target !== container || !['width', 'height'].includes(e.propertyName)) {\n return;\n }\n\n // Revert back to auto\n container.style.width = '';\n container.style.height = '';\n\n // Only listen once\n utils.off(container, utils.transitionEnd, restore);\n };\n\n // Listen for the transition finishing and restore auto height/width\n utils.on(container, utils.transitionEnd, restore);\n\n // Set dimensions to target\n container.style.width = `${size.width}px`;\n container.style.height = `${size.height}px`;\n }\n\n // Set attributes on current tab\n current.setAttribute('aria-hidden', true);\n current.setAttribute('tabindex', -1);\n\n // Set attributes on target\n pane.setAttribute('aria-hidden', !show);\n tab.setAttribute('aria-expanded', show);\n pane.removeAttribute('tabindex');\n\n // Focus the first item\n pane.querySelectorAll('button:not(:disabled), input:not(:disabled), [tabindex]')[0].focus();\n },\n\n // Build the default HTML\n // TODO: Set order based on order in the config.controls array?\n create(data) {\n // Do nothing if we want no controls\n if (utils.is.empty(this.config.controls)) {\n return null;\n }\n\n // Create the container\n const container = utils.createElement('div', utils.getAttributesFromSelector(this.config.selectors.controls.wrapper));\n\n // Restart button\n if (this.config.controls.includes('restart')) {\n container.appendChild(controls.createButton.call(this, 'restart'));\n }\n\n // Rewind button\n if (this.config.controls.includes('rewind')) {\n container.appendChild(controls.createButton.call(this, 'rewind'));\n }\n\n // Play/Pause button\n if (this.config.controls.includes('play')) {\n container.appendChild(controls.createButton.call(this, 'play'));\n // container.appendChild(controls.createButton.call(this, 'pause'));\n }\n\n // Fast forward button\n if (this.config.controls.includes('fast-forward')) {\n container.appendChild(controls.createButton.call(this, 'fast-forward'));\n }\n\n // Progress\n if (this.config.controls.includes('progress')) {\n const progress = utils.createElement('span', utils.getAttributesFromSelector(this.config.selectors.progress));\n\n // Seek range slider\n const seek = controls.createRange.call(this, 'seek', {\n id: `plyr-seek-${data.id}`,\n });\n progress.appendChild(seek.label);\n progress.appendChild(seek.input);\n\n // Buffer progress\n progress.appendChild(controls.createProgress.call(this, 'buffer'));\n\n // TODO: Add loop display indicator\n\n // Seek tooltip\n if (this.config.tooltips.seek) {\n const tooltip = utils.createElement(\n 'span',\n {\n role: 'tooltip',\n class: this.config.classNames.tooltip,\n },\n '00:00'\n );\n\n progress.appendChild(tooltip);\n this.elements.display.seekTooltip = tooltip;\n }\n\n this.elements.progress = progress;\n container.appendChild(this.elements.progress);\n }\n\n // Media current time display\n if (this.config.controls.includes('current-time')) {\n container.appendChild(controls.createTime.call(this, 'currentTime'));\n }\n\n // Media duration display\n if (this.config.controls.includes('duration')) {\n container.appendChild(controls.createTime.call(this, 'duration'));\n }\n\n // Toggle mute button\n if (this.config.controls.includes('mute')) {\n container.appendChild(controls.createButton.call(this, 'mute'));\n }\n\n // Volume range control\n if (this.config.controls.includes('volume')) {\n const volume = utils.createElement('span', {\n class: 'plyr__volume',\n });\n\n // Set the attributes\n const attributes = {\n max: 1,\n step: 0.05,\n value: this.config.volume,\n };\n\n // Create the volume range slider\n const range = controls.createRange.call(\n this,\n 'volume',\n utils.extend(attributes, {\n id: `plyr-volume-${data.id}`,\n })\n );\n volume.appendChild(range.label);\n volume.appendChild(range.input);\n\n this.elements.volume = volume;\n\n container.appendChild(volume);\n }\n\n // Toggle captions button\n if (this.config.controls.includes('captions')) {\n container.appendChild(controls.createButton.call(this, 'captions'));\n }\n\n // Settings button / menu\n if (this.config.controls.includes('settings') && !utils.is.empty(this.config.settings)) {\n const menu = utils.createElement('div', {\n class: 'plyr__menu',\n });\n\n menu.appendChild(\n controls.createButton.call(this, 'settings', {\n id: `plyr-settings-toggle-${data.id}`,\n 'aria-haspopup': true,\n 'aria-controls': `plyr-settings-${data.id}`,\n 'aria-expanded': false,\n })\n );\n\n const form = utils.createElement('form', {\n class: 'plyr__menu__container',\n id: `plyr-settings-${data.id}`,\n 'aria-hidden': true,\n 'aria-labelled-by': `plyr-settings-toggle-${data.id}`,\n role: 'tablist',\n tabindex: -1,\n });\n\n const inner = utils.createElement('div');\n\n const home = utils.createElement('div', {\n id: `plyr-settings-${data.id}-home`,\n 'aria-hidden': false,\n 'aria-labelled-by': `plyr-settings-toggle-${data.id}`,\n role: 'tabpanel',\n });\n\n // Create the tab list\n const tabs = utils.createElement('ul', {\n role: 'tablist',\n });\n\n // Build the tabs\n this.config.settings.forEach(type => {\n const tab = utils.createElement('li', {\n role: 'tab',\n hidden: '',\n });\n\n const button = utils.createElement(\n 'button',\n utils.extend(utils.getAttributesFromSelector(this.config.selectors.buttons.settings), {\n type: 'button',\n class: `${this.config.classNames.control} ${this.config.classNames.control}--forward`,\n id: `plyr-settings-${data.id}-${type}-tab`,\n 'aria-haspopup': true,\n 'aria-controls': `plyr-settings-${data.id}-${type}`,\n 'aria-expanded': false,\n }),\n this.config.i18n[type]\n );\n\n const value = utils.createElement('span', {\n class: this.config.classNames.menu.value,\n });\n\n // Speed contains HTML entities\n value.innerHTML = data[type];\n\n button.appendChild(value);\n tab.appendChild(button);\n tabs.appendChild(tab);\n\n this.elements.settings.tabs[type] = tab;\n });\n\n home.appendChild(tabs);\n inner.appendChild(home);\n\n // Build the panes\n this.config.settings.forEach(type => {\n const pane = utils.createElement('div', {\n id: `plyr-settings-${data.id}-${type}`,\n 'aria-hidden': true,\n 'aria-labelled-by': `plyr-settings-${data.id}-${type}-tab`,\n role: 'tabpanel',\n tabindex: -1,\n hidden: '',\n });\n\n const back = utils.createElement(\n 'button',\n {\n type: 'button',\n class: `${this.config.classNames.control} ${this.config.classNames.control}--back`,\n 'aria-haspopup': true,\n 'aria-controls': `plyr-settings-${data.id}-home`,\n 'aria-expanded': false,\n },\n this.config.i18n[type]\n );\n\n pane.appendChild(back);\n\n const options = utils.createElement('ul');\n\n pane.appendChild(options);\n inner.appendChild(pane);\n\n this.elements.settings.panes[type] = pane;\n });\n\n form.appendChild(inner);\n menu.appendChild(form);\n container.appendChild(menu);\n\n this.elements.settings.form = form;\n this.elements.settings.menu = menu;\n }\n\n // Picture in picture button\n if (this.config.controls.includes('pip') && support.pip) {\n container.appendChild(controls.createButton.call(this, 'pip'));\n }\n\n // Airplay button\n if (this.config.controls.includes('airplay') && support.airplay) {\n container.appendChild(controls.createButton.call(this, 'airplay'));\n }\n\n // Toggle fullscreen button\n if (this.config.controls.includes('fullscreen')) {\n container.appendChild(controls.createButton.call(this, 'fullscreen'));\n }\n\n // Larger overlaid play button\n if (this.config.controls.includes('play-large')) {\n this.elements.container.appendChild(controls.createButton.call(this, 'play-large'));\n }\n\n this.elements.controls = container;\n\n if (this.config.controls.includes('settings') && this.config.settings.includes('speed')) {\n controls.setSpeedMenu.call(this);\n }\n\n return container;\n },\n\n // Insert controls\n inject() {\n // Sprite\n if (this.config.loadSprite) {\n const icon = controls.getIconUrl.call(this);\n\n // Only load external sprite using AJAX\n if (icon.absolute) {\n utils.loadSprite(icon.url, 'sprite-plyr');\n }\n }\n\n // Create a unique ID\n this.id = Math.floor(Math.random() * 10000);\n\n // Null by default\n let container = null;\n\n // HTML passed as the option\n if (utils.is.string(this.config.controls)) {\n container = this.config.controls;\n } else if (utils.is.function(this.config.controls)) {\n // A custom function to build controls\n // The function can return a HTMLElement or String\n container = this.config.controls({\n id: this.id,\n seektime: this.config.seekTime,\n title: this.config.title,\n });\n } else {\n // Create controls\n container = controls.create.call(this, {\n id: this.id,\n seektime: this.config.seekTime,\n speed: this.speed,\n quality: this.quality,\n captions: controls.getLanguage.call(this),\n // TODO: Looping\n // loop: 'None',\n });\n }\n\n // Controls container\n let target;\n\n // Inject to custom location\n if (utils.is.string(this.config.selectors.controls.container)) {\n target = document.querySelector(this.config.selectors.controls.container);\n }\n\n // Inject into the container by default\n if (!utils.is.htmlElement(target)) {\n target = this.elements.container;\n }\n\n // Inject controls HTML\n if (utils.is.htmlElement(container)) {\n target.appendChild(container);\n } else {\n target.insertAdjacentHTML('beforeend', container);\n }\n\n // Find the elements if need be\n if (utils.is.htmlElement(this.elements.controls)) {\n utils.findElements.call(this);\n }\n\n // Setup tooltips\n if (this.config.tooltips.controls) {\n const labels = utils.getElements.call(\n this,\n [this.config.selectors.controls.wrapper, ' ', this.config.selectors.labels, ' .', this.config.classNames.hidden].join('')\n );\n\n Array.from(labels).forEach(label => {\n utils.toggleClass(label, this.config.classNames.hidden, false);\n utils.toggleClass(label, this.config.classNames.tooltip, true);\n label.setAttribute('role', 'tooltip');\n });\n }\n },\n};\n\nexport default controls;\n","// ==========================================================================\n// Plyr Captions\n// ==========================================================================\n\nimport support from './support';\nimport utils from './utils';\nimport controls from './controls';\nimport storage from './storage';\n\nconst captions = {\n // Setup captions\n setup() {\n // Requires UI support\n if (!this.supported.ui) {\n return;\n }\n\n // Set default language if not set\n if (!utils.is.empty(storage.get.call(this).language)) {\n this.captions.language = storage.get.call(this).language;\n } else if (utils.is.empty(this.captions.language)) {\n this.captions.language = this.config.captions.language.toLowerCase();\n }\n\n // Set captions enabled state if not set\n if (!utils.is.boolean(this.captions.enabled)) {\n if (!utils.is.empty(storage.get.call(this).language)) {\n this.captions.enabled = storage.get.call(this).captions;\n } else {\n this.captions.enabled = this.config.captions.active;\n }\n }\n\n // Only Vimeo and HTML5 video supported at this point\n if (!['video', 'vimeo'].includes(this.type) || (this.type === 'video' && !support.textTracks)) {\n // Clear menu and hide\n if (this.config.controls.includes('settings') && this.config.settings.includes('captions')) {\n controls.setCaptionsMenu.call(this);\n }\n\n return;\n }\n\n // Inject the container\n if (!utils.is.htmlElement(this.elements.captions)) {\n this.elements.captions = utils.createElement('div', utils.getAttributesFromSelector(this.config.selectors.captions));\n\n utils.insertAfter(this.elements.captions, this.elements.wrapper);\n }\n\n // Set the class hook\n utils.toggleClass(this.elements.container, this.config.classNames.captions.enabled, !utils.is.empty(captions.getTracks.call(this)));\n\n // If no caption file exists, hide container for caption text\n if (utils.is.empty(captions.getTracks.call(this))) {\n return;\n }\n\n // Set language\n captions.setLanguage.call(this);\n\n // Enable UI\n captions.show.call(this);\n\n // Set available languages in list\n if (this.config.controls.includes('settings') && this.config.settings.includes('captions')) {\n controls.setCaptionsMenu.call(this);\n }\n },\n\n // Set the captions language\n setLanguage() {\n // Setup HTML5 track rendering\n if (this.type === 'video') {\n captions.getTracks.call(this).forEach(track => {\n // Remove previous bindings\n utils.on(track, 'cuechange', event => captions.setCue.call(this, event));\n\n // Turn off native caption rendering to avoid double captions\n // eslint-disable-next-line\n track.mode = 'hidden';\n });\n\n // Get current track\n const currentTrack = captions.getCurrentTrack.call(this);\n\n // Check if suported kind\n if (utils.is.track(currentTrack)) {\n // If we change the active track while a cue is already displayed we need to update it\n if (Array.from(currentTrack.activeCues || []).length) {\n captions.setCue.call(this, currentTrack);\n }\n }\n } else if (this.type === 'vimeo' && this.captions.active) {\n this.embed.enableTextTrack(this.language);\n }\n },\n\n // Get the tracks\n getTracks() {\n // Return empty array at least\n if (utils.is.nullOrUndefined(this.media)) {\n return [];\n }\n\n // Only get accepted kinds\n return Array.from(this.media.textTracks || []).filter(track => ['captions', 'subtitles'].includes(track.kind));\n },\n\n // Get the current track for the current language\n getCurrentTrack() {\n return captions.getTracks.call(this).find(track => track.language.toLowerCase() === this.language);\n },\n\n // Display active caption if it contains text\n setCue(input) {\n // Get the track from the event if needed\n const track = utils.is.event(input) ? input.target : input;\n const active = track.activeCues[0];\n const currentTrack = captions.getCurrentTrack.call(this);\n\n // Only display current track\n if (track !== currentTrack) {\n return;\n }\n\n // Display a cue, if there is one\n if (utils.is.cue(active)) {\n captions.setText.call(this, active.getCueAsHTML());\n } else {\n captions.setText.call(this, null);\n }\n\n utils.dispatchEvent.call(this, this.media, 'cuechange');\n },\n\n // Set the current caption\n setText(input) {\n // Requires UI\n if (!this.supported.ui) {\n return;\n }\n\n if (utils.is.htmlElement(this.elements.captions)) {\n const content = utils.createElement('span');\n\n // Empty the container\n utils.emptyElement(this.elements.captions);\n\n // Default to empty\n const caption = !utils.is.nullOrUndefined(input) ? input : '';\n\n // Set the span content\n if (utils.is.string(caption)) {\n content.textContent = caption.trim();\n } else {\n content.appendChild(caption);\n }\n\n // Set new caption text\n this.elements.captions.appendChild(content);\n } else {\n this.console.warn('No captions element to render to');\n }\n },\n\n // Display captions container and button (for initialization)\n show() {\n // If there's no caption toggle, bail\n if (!utils.is.htmlElement(this.elements.buttons.captions)) {\n return;\n }\n\n // Try to load the value from storage\n let active = storage.get.call(this).captions;\n\n // Otherwise fall back to the default config\n if (!utils.is.boolean(active)) {\n ({ active } = this.config.captions);\n } else {\n this.captions.active = active;\n }\n\n if (active) {\n utils.toggleClass(this.elements.container, this.config.classNames.captions.active, true);\n utils.toggleState(this.elements.buttons.captions, true);\n }\n },\n};\n\nexport default captions;\n","// ==========================================================================\n// YouTube plugin\n// ==========================================================================\n\nimport utils from './../utils';\nimport controls from './../controls';\nimport ui from './../ui';\n\nconst youtube = {\n setup() {\n const videoId = utils.parseYouTubeId(this.embedId);\n\n // Remove old containers\n const containers = utils.getElements.call(this, `[id^=\"${this.type}-\"]`);\n Array.from(containers).forEach(utils.removeElement);\n\n // Add embed class for responsive\n utils.toggleClass(this.elements.wrapper, this.config.classNames.embed, true);\n\n // Set aspect ratio\n youtube.setAspectRatio.call(this);\n\n // Set ID\n this.media.setAttribute('id', utils.generateId(this.type));\n\n // Setup API\n if (utils.is.object(window.YT)) {\n youtube.ready.call(this, videoId);\n } else {\n // Load the API\n utils.loadScript(this.config.urls.youtube.api);\n\n // Setup callback for the API\n window.onYouTubeReadyCallbacks = window.onYouTubeReadyCallbacks || [];\n\n // Add to queue\n window.onYouTubeReadyCallbacks.push(() => {\n youtube.ready.call(this, videoId);\n });\n\n // Set callback to process queue\n window.onYouTubeIframeAPIReady = () => {\n window.onYouTubeReadyCallbacks.forEach(callback => {\n callback();\n });\n };\n }\n },\n\n // Get the media title\n getTitle() {\n // Try via undocumented API method first\n // This method disappears now and then though...\n // https://github.com/sampotts/plyr/issues/709\n if (utils.is.function(this.embed.getVideoData)) {\n const { title } = this.embed.getVideoData();\n\n if (utils.is.empty(title)) {\n this.config.title = title;\n ui.setTitle.call(this);\n return;\n }\n }\n\n // Or via Google API\n const key = this.config.keys.google;\n const videoId = utils.parseYouTubeId(this.embedId);\n if (utils.is.string(key) && !utils.is.empty(key)) {\n const url = `https://www.googleapis.com/youtube/v3/videos?id=${videoId}&key=${key}&fields=items(snippet(title))&part=snippet`;\n\n fetch(url)\n .then(response => (response.ok ? response.json() : null))\n .then(result => {\n if (result !== null && utils.is.object(result)) {\n this.config.title = result.items[0].snippet.title;\n ui.setTitle.call(this);\n }\n })\n .catch(() => {});\n }\n },\n\n // Set aspect ratio\n setAspectRatio() {\n const ratio = this.config.ratio.split(':');\n this.elements.wrapper.style.paddingBottom = `${100 / ratio[0] * ratio[1]}%`;\n },\n\n // API ready\n ready(videoId) {\n const player = this;\n\n // Setup instance\n // https://developers.google.com/youtube/iframe_api_reference\n player.embed = new window.YT.Player(player.media.id, {\n videoId,\n playerVars: {\n autoplay: player.config.autoplay ? 1 : 0, // Autoplay\n controls: player.supported.ui ? 0 : 1, // Only show controls if not fully supported\n rel: 0, // No related vids\n showinfo: 0, // Hide info\n iv_load_policy: 3, // Hide annotations\n modestbranding: 1, // Hide logos as much as possible (they still show one in the corner when paused)\n disablekb: 1, // Disable keyboard as we handle it\n playsinline: 1, // Allow iOS inline playback\n\n // Tracking for stats\n origin: window && window.location.hostname,\n widget_referrer: window && window.location.href,\n\n // Captions are flaky on YouTube\n cc_load_policy: this.captions.active ? 1 : 0,\n cc_lang_pref: this.config.captions.language,\n },\n events: {\n onError(event) {\n // If we've already fired an error, don't do it again\n // YouTube fires onError twice\n if (utils.is.object(player.media.error)) {\n return;\n }\n\n const detail = {\n code: event.data,\n };\n\n // Messages copied from https://developers.google.com/youtube/iframe_api_reference#onError\n switch (event.data) {\n case 2:\n detail.message =\n 'The request contains an invalid parameter value. For example, this error occurs if you specify a video ID that does not have 11 characters, or if the video ID contains invalid characters, such as exclamation points or asterisks.';\n break;\n\n case 5:\n detail.message =\n 'The requested content cannot be played in an HTML5 player or another error related to the HTML5 player has occurred.';\n break;\n\n case 100:\n detail.message =\n 'The video requested was not found. This error occurs when a video has been removed (for any reason) or has been marked as private.';\n break;\n\n case 101:\n case 150:\n detail.message = 'The owner of the requested video does not allow it to be played in embedded players.';\n break;\n\n default:\n detail.message = 'An unknown error occured';\n break;\n }\n\n player.media.error = detail;\n\n utils.dispatchEvent.call(player, player.media, 'error');\n },\n onPlaybackQualityChange(event) {\n // Get the instance\n const instance = event.target;\n\n // Get current quality\n player.media.quality = instance.getPlaybackQuality();\n\n utils.dispatchEvent.call(player, player.media, 'qualitychange');\n },\n onPlaybackRateChange(event) {\n // Get the instance\n const instance = event.target;\n\n // Get current speed\n player.media.playbackRate = instance.getPlaybackRate();\n\n utils.dispatchEvent.call(player, player.media, 'ratechange');\n },\n onReady(event) {\n // Get the instance\n const instance = event.target;\n\n // Get the title\n youtube.getTitle.call(player);\n\n // Create a faux HTML5 API using the YouTube API\n player.media.play = () => {\n instance.playVideo();\n player.media.paused = false;\n };\n player.media.pause = () => {\n instance.pauseVideo();\n player.media.paused = true;\n };\n player.media.stop = () => {\n instance.stopVideo();\n player.media.paused = true;\n };\n player.media.duration = instance.getDuration();\n player.media.paused = true;\n\n // Seeking\n player.media.currentTime = 0;\n Object.defineProperty(player.media, 'currentTime', {\n get() {\n return Number(instance.getCurrentTime());\n },\n set(time) {\n // Set seeking flag\n player.media.seeking = true;\n\n // Trigger seeking\n utils.dispatchEvent.call(player, player.media, 'seeking');\n\n // Seek after events sent\n instance.seekTo(time);\n },\n });\n\n // Playback speed\n Object.defineProperty(player.media, 'playbackRate', {\n get() {\n return instance.getPlaybackRate();\n },\n set(input) {\n instance.setPlaybackRate(input);\n },\n });\n\n // Quality\n Object.defineProperty(player.media, 'quality', {\n get() {\n return instance.getPlaybackQuality();\n },\n set(input) {\n // Trigger request event\n utils.dispatchEvent.call(player, player.media, 'qualityrequested', false, {\n quality: input,\n });\n\n instance.setPlaybackQuality(input);\n },\n });\n\n // Volume\n let { volume } = player.config;\n Object.defineProperty(player.media, 'volume', {\n get() {\n return volume;\n },\n set(input) {\n volume = input;\n instance.setVolume(volume * 100);\n utils.dispatchEvent.call(player, player.media, 'volumechange');\n },\n });\n\n // Muted\n let { muted } = player.config;\n Object.defineProperty(player.media, 'muted', {\n get() {\n return muted;\n },\n set(input) {\n const toggle = utils.is.boolean(input) ? input : muted;\n muted = toggle;\n instance[toggle ? 'mute' : 'unMute']();\n utils.dispatchEvent.call(player, player.media, 'volumechange');\n },\n });\n\n // Source\n Object.defineProperty(player.media, 'currentSrc', {\n get() {\n return instance.getVideoUrl();\n },\n });\n\n // Ended\n Object.defineProperty(player.media, 'ended', {\n get() {\n return player.currentTime === player.duration;\n },\n });\n\n // Get available speeds\n player.options.speed = instance.getAvailablePlaybackRates();\n\n // Set the tabindex to avoid focus entering iframe\n if (player.supported.ui) {\n player.media.setAttribute('tabindex', -1);\n }\n\n utils.dispatchEvent.call(player, player.media, 'timeupdate');\n utils.dispatchEvent.call(player, player.media, 'durationchange');\n\n // Reset timer\n window.clearInterval(player.timers.buffering);\n\n // Setup buffering\n player.timers.buffering = window.setInterval(() => {\n // Get loaded % from YouTube\n player.media.buffered = instance.getVideoLoadedFraction();\n\n // Trigger progress only when we actually buffer something\n if (player.media.lastBuffered === null || player.media.lastBuffered < player.media.buffered) {\n utils.dispatchEvent.call(player, player.media, 'progress');\n }\n\n // Set last buffer point\n player.media.lastBuffered = player.media.buffered;\n\n // Bail if we're at 100%\n if (player.media.buffered === 1) {\n window.clearInterval(player.timers.buffering);\n\n // Trigger event\n utils.dispatchEvent.call(player, player.media, 'canplaythrough');\n }\n }, 200);\n\n // Rebuild UI\n window.setTimeout(() => ui.build.call(player), 50);\n },\n onStateChange(event) {\n // Get the instance\n const instance = event.target;\n\n // Reset timer\n window.clearInterval(player.timers.playing);\n\n // Handle events\n // -1 Unstarted\n // 0 Ended\n // 1 Playing\n // 2 Paused\n // 3 Buffering\n // 5 Video cued\n switch (event.data) {\n case 0:\n player.media.paused = true;\n\n // YouTube doesn't support loop for a single video, so mimick it.\n if (player.media.loop) {\n // YouTube needs a call to `stopVideo` before playing again\n instance.stopVideo();\n instance.playVideo();\n } else {\n utils.dispatchEvent.call(player, player.media, 'ended');\n }\n\n break;\n\n case 1:\n // If we were seeking, fire seeked event\n if (player.media.seeking) {\n utils.dispatchEvent.call(player, player.media, 'seeked');\n }\n player.media.seeking = false;\n\n // Only fire play if paused before\n if (player.media.paused) {\n utils.dispatchEvent.call(player, player.media, 'play');\n }\n player.media.paused = false;\n\n utils.dispatchEvent.call(player, player.media, 'playing');\n\n // Poll to get playback progress\n player.timers.playing = window.setInterval(() => {\n utils.dispatchEvent.call(player, player.media, 'timeupdate');\n }, 50);\n\n // Check duration again due to YouTube bug\n // https://github.com/sampotts/plyr/issues/374\n // https://code.google.com/p/gdata-issues/issues/detail?id=8690\n if (player.media.duration !== instance.getDuration()) {\n player.media.duration = instance.getDuration();\n utils.dispatchEvent.call(player, player.media, 'durationchange');\n }\n\n // Get quality\n controls.setQualityMenu.call(player, instance.getAvailableQualityLevels());\n\n break;\n\n case 2:\n player.media.paused = true;\n\n utils.dispatchEvent.call(player, player.media, 'pause');\n\n break;\n\n default:\n break;\n }\n\n utils.dispatchEvent.call(player, player.elements.container, 'statechange', false, {\n code: event.data,\n });\n },\n },\n });\n },\n};\n\nexport default youtube;\n","// ==========================================================================\n// Vimeo plugin\n// ==========================================================================\n\nimport utils from './../utils';\nimport captions from './../captions';\nimport controls from './../controls';\nimport ui from './../ui';\n\nconst vimeo = {\n setup() {\n // Remove old containers\n const containers = utils.getElements.call(this, `[id^=\"${this.type}-\"]`);\n Array.from(containers).forEach(utils.removeElement);\n\n // Add embed class for responsive\n utils.toggleClass(this.elements.wrapper, this.config.classNames.embed, true);\n\n // Set intial ratio\n vimeo.setAspectRatio.call(this);\n\n // Set ID\n this.media.setAttribute('id', utils.generateId(this.type));\n\n // Load the API if not already\n if (!utils.is.object(window.Vimeo)) {\n utils.loadScript(this.config.urls.vimeo.api, () => {\n vimeo.ready.call(this);\n });\n } else {\n vimeo.ready.call(this);\n }\n },\n\n // Set aspect ratio\n // For Vimeo we have an extra 300% height <div> to hide the standard controls and UI\n setAspectRatio(input) {\n const ratio = utils.is.string(input) ? input.split(':') : this.config.ratio.split(':');\n const padding = 100 / ratio[0] * ratio[1];\n const height = 200;\n const offset = (height - padding) / (height / 50);\n this.elements.wrapper.style.paddingBottom = `${padding}%`;\n this.media.style.transform = `translateY(-${offset}%)`;\n },\n\n // API Ready\n ready() {\n const player = this;\n\n // Get Vimeo params for the iframe\n const options = {\n loop: player.config.loop.active,\n autoplay: player.autoplay,\n byline: false,\n portrait: false,\n title: false,\n speed: true,\n transparent: 0,\n gesture: 'media',\n };\n const params = utils.buildUrlParameters(options);\n const id = utils.parseVimeoId(player.embedId);\n\n // Build an iframe\n const iframe = utils.createElement('iframe');\n const src = `https://player.vimeo.com/video/${id}?${params}`;\n iframe.setAttribute('src', src);\n iframe.setAttribute('allowfullscreen', '');\n player.media.appendChild(iframe);\n\n // Setup instance\n // https://github.com/vimeo/player.js\n player.embed = new window.Vimeo.Player(iframe);\n\n player.media.paused = true;\n player.media.currentTime = 0;\n\n // Create a faux HTML5 API using the Vimeo API\n player.media.play = () => {\n player.embed.play().then(() => {\n player.media.paused = false;\n });\n };\n player.media.pause = () => {\n player.embed.pause().then(() => {\n player.media.paused = true;\n });\n };\n player.media.stop = () => {\n player.embed.stop().then(() => {\n player.media.paused = true;\n player.currentTime = 0;\n });\n };\n\n // Seeking\n let { currentTime } = player.media;\n Object.defineProperty(player.media, 'currentTime', {\n get() {\n return currentTime;\n },\n set(time) {\n // Get current paused state\n // Vimeo will automatically play on seek\n const { paused } = player.media;\n\n // Set seeking flag\n player.media.seeking = true;\n\n // Trigger seeking\n utils.dispatchEvent.call(player, player.media, 'seeking');\n\n // Seek after events\n player.embed.setCurrentTime(time);\n\n // Restore pause state\n if (paused) {\n player.pause();\n }\n },\n });\n\n // Playback speed\n let speed = player.config.speed.selected;\n Object.defineProperty(player.media, 'playbackRate', {\n get() {\n return speed;\n },\n set(input) {\n player.embed.setPlaybackRate(input).then(() => {\n speed = input;\n utils.dispatchEvent.call(player, player.media, 'ratechange');\n });\n },\n });\n\n // Volume\n let { volume } = player.config;\n Object.defineProperty(player.media, 'volume', {\n get() {\n return volume;\n },\n set(input) {\n player.embed.setVolume(input).then(() => {\n volume = input;\n utils.dispatchEvent.call(player, player.media, 'volumechange');\n });\n },\n });\n\n // Muted\n let { muted } = player.config;\n Object.defineProperty(player.media, 'muted', {\n get() {\n return muted;\n },\n set(input) {\n const toggle = utils.is.boolean(input) ? input : false;\n\n player.embed.setVolume(toggle ? 0 : player.config.volume).then(() => {\n muted = toggle;\n utils.dispatchEvent.call(player, player.media, 'volumechange');\n });\n },\n });\n\n // Loop\n let { loop } = player.config;\n Object.defineProperty(player.media, 'loop', {\n get() {\n return loop;\n },\n set(input) {\n const toggle = utils.is.boolean(input) ? input : player.config.loop.active;\n\n player.embed.setLoop(toggle).then(() => {\n loop = toggle;\n });\n },\n });\n\n // Source\n let currentSrc;\n player.embed.getVideoUrl().then(value => {\n currentSrc = value;\n });\n Object.defineProperty(player.media, 'currentSrc', {\n get() {\n return currentSrc;\n },\n });\n\n // Ended\n Object.defineProperty(player.media, 'ended', {\n get() {\n return player.currentTime === player.duration;\n },\n });\n\n // Set aspect ratio based on video size\n Promise.all([player.embed.getVideoWidth(), player.embed.getVideoHeight()]).then(dimensions => {\n const ratio = utils.getAspectRatio(dimensions[0], dimensions[1]);\n vimeo.setAspectRatio.call(this, ratio);\n });\n\n // Set autopause\n player.embed.setAutopause(player.config.autopause).then(state => {\n player.config.autopause = state;\n });\n\n // Get title\n player.embed.getVideoTitle().then(title => {\n player.config.title = title;\n ui.setTitle.call(this);\n });\n\n // Get current time\n player.embed.getCurrentTime().then(value => {\n currentTime = value;\n utils.dispatchEvent.call(player, player.media, 'timeupdate');\n });\n\n // Get duration\n player.embed.getDuration().then(value => {\n player.media.duration = value;\n utils.dispatchEvent.call(player, player.media, 'durationchange');\n });\n\n // Get captions\n player.embed.getTextTracks().then(tracks => {\n player.media.textTracks = tracks;\n captions.setup.call(player);\n });\n\n player.embed.on('cuechange', data => {\n let cue = null;\n\n if (data.cues.length) {\n cue = utils.stripHTML(data.cues[0].text);\n }\n\n captions.setText.call(player, cue);\n });\n\n player.embed.on('loaded', () => {\n if (utils.is.htmlElement(player.embed.element) && player.supported.ui) {\n const frame = player.embed.element;\n\n // Fix keyboard focus issues\n // https://github.com/sampotts/plyr/issues/317\n frame.setAttribute('tabindex', -1);\n }\n });\n\n player.embed.on('play', () => {\n // Only fire play if paused before\n if (player.media.paused) {\n utils.dispatchEvent.call(player, player.media, 'play');\n }\n player.media.paused = false;\n utils.dispatchEvent.call(player, player.media, 'playing');\n });\n\n player.embed.on('pause', () => {\n player.media.paused = true;\n utils.dispatchEvent.call(player, player.media, 'pause');\n });\n\n player.embed.on('timeupdate', data => {\n player.media.seeking = false;\n currentTime = data.seconds;\n utils.dispatchEvent.call(player, player.media, 'timeupdate');\n });\n\n player.embed.on('progress', data => {\n player.media.buffered = data.percent;\n utils.dispatchEvent.call(player, player.media, 'progress');\n\n if (parseInt(data.percent, 10) === 1) {\n // Trigger event\n utils.dispatchEvent.call(player, player.media, 'canplaythrough');\n }\n });\n\n player.embed.on('seeked', () => {\n player.media.seeking = false;\n utils.dispatchEvent.call(player, player.media, 'seeked');\n utils.dispatchEvent.call(player, player.media, 'play');\n });\n\n player.embed.on('ended', () => {\n player.media.paused = true;\n utils.dispatchEvent.call(player, player.media, 'ended');\n });\n\n player.embed.on('error', detail => {\n player.media.error = detail;\n utils.dispatchEvent.call(player, player.media, 'error');\n });\n\n // Rebuild UI\n window.setTimeout(() => ui.build.call(player), 0);\n },\n};\n\nexport default vimeo;\n","// ==========================================================================\n// Plyr Media\n// ==========================================================================\n\nimport support from './support';\nimport utils from './utils';\nimport youtube from './plugins/youtube';\nimport vimeo from './plugins/vimeo';\nimport ui from './ui';\n\n// Sniff out the browser\nconst browser = utils.getBrowser();\n\nconst media = {\n // Setup media\n setup() {\n // If there's no media, bail\n if (!this.media) {\n this.console.warn('No media element found!');\n return;\n }\n\n // Add type class\n utils.toggleClass(this.elements.container, this.config.classNames.type.replace('{0}', this.type), true);\n\n // Add video class for embeds\n // This will require changes if audio embeds are added\n if (this.isEmbed) {\n utils.toggleClass(this.elements.container, this.config.classNames.type.replace('{0}', 'video'), true);\n }\n\n if (this.supported.ui) {\n // Check for picture-in-picture support\n utils.toggleClass(this.elements.container, this.config.classNames.pip.supported, support.pip && this.type === 'video');\n\n // Check for airplay support\n utils.toggleClass(this.elements.container, this.config.classNames.airplay.supported, support.airplay && this.isHTML5);\n\n // If there's no autoplay attribute, assume the video is stopped and add state class\n utils.toggleClass(this.elements.container, this.config.classNames.stopped, this.config.autoplay);\n\n // Add iOS class\n utils.toggleClass(this.elements.container, this.config.classNames.isIos, browser.isIos);\n\n // Add touch class\n utils.toggleClass(this.elements.container, this.config.classNames.isTouch, support.touch);\n }\n\n // Inject the player wrapper\n if (['video', 'youtube', 'vimeo'].includes(this.type)) {\n // Create the wrapper div\n this.elements.wrapper = utils.createElement('div', {\n class: this.config.classNames.video,\n });\n\n // Wrap the video in a container\n utils.wrap(this.media, this.elements.wrapper);\n }\n\n if (this.isEmbed) {\n switch (this.type) {\n case 'youtube':\n youtube.setup.call(this);\n break;\n\n case 'vimeo':\n vimeo.setup.call(this);\n break;\n\n default:\n break;\n }\n } else if (this.isHTML5) {\n ui.setTitle.call(this);\n }\n },\n\n // Cancel current network requests\n // See https://github.com/sampotts/plyr/issues/174\n cancelRequests() {\n if (!this.isHTML5) {\n return;\n }\n\n // Remove child sources\n Array.from(this.media.querySelectorAll('source')).forEach(utils.removeElement);\n\n // Set blank video src attribute\n // This is to prevent a MEDIA_ERR_SRC_NOT_SUPPORTED error\n // Info: http://stackoverflow.com/questions/32231579/how-to-properly-dispose-of-an-html5-video-and-close-socket-or-connection\n this.media.setAttribute('src', this.config.blankVideo);\n\n // Load the new empty source\n // This will cancel existing requests\n // See https://github.com/sampotts/plyr/issues/174\n this.media.load();\n\n // Debugging\n this.console.log('Cancelled network requests');\n },\n};\n\nexport default media;\n","// ==========================================================================\n// Plyr source update\n// ==========================================================================\n\nimport types from './types';\nimport utils from './utils';\nimport media from './media';\nimport ui from './ui';\nimport support from './support';\n\nconst source = {\n // Add elements to HTML5 media (source, tracks, etc)\n insertElements(type, attributes) {\n if (utils.is.string(attributes)) {\n utils.insertElement(type, this.media, {\n src: attributes,\n });\n } else if (utils.is.array(attributes)) {\n attributes.forEach(attribute => {\n utils.insertElement(type, this.media, attribute);\n });\n }\n },\n\n // Update source\n // Sources are not checked for support so be careful\n change(input) {\n if (!utils.is.object(input) || !('sources' in input) || !input.sources.length) {\n this.console.warn('Invalid source format');\n return;\n }\n\n // Cancel current network requests\n media.cancelRequests.call(this);\n\n // Destroy instance and re-setup\n this.destroy.call(\n this,\n () => {\n // TODO: Reset menus here\n\n // Remove elements\n utils.removeElement(this.media);\n this.media = null;\n\n // Reset class name\n if (utils.is.htmlElement(this.elements.container)) {\n this.elements.container.removeAttribute('class');\n }\n\n // Set the type\n if ('type' in input) {\n this.type = input.type;\n\n // Get child type for video (it might be an embed)\n if (this.type === 'video') {\n const firstSource = input.sources[0];\n\n if ('type' in firstSource && types.embed.includes(firstSource.type)) {\n this.type = firstSource.type;\n }\n }\n }\n\n // Check for support\n this.supported = support.check(this.type, this.config.inline);\n\n // Create new markup\n switch (this.type) {\n case 'video':\n this.media = utils.createElement('video');\n break;\n\n case 'audio':\n this.media = utils.createElement('audio');\n break;\n\n case 'youtube':\n case 'vimeo':\n this.media = utils.createElement('div');\n this.embedId = input.sources[0].src;\n break;\n\n default:\n break;\n }\n\n // Inject the new element\n this.elements.container.appendChild(this.media);\n\n // Autoplay the new source?\n if (utils.is.boolean(input.autoplay)) {\n this.config.autoplay = input.autoplay;\n }\n\n // Set attributes for audio and video\n if (this.isHTML5) {\n if (this.config.crossorigin) {\n this.media.setAttribute('crossorigin', '');\n }\n if (this.config.autoplay) {\n this.media.setAttribute('autoplay', '');\n }\n if ('poster' in input) {\n this.media.setAttribute('poster', input.poster);\n }\n if (this.config.loop.active) {\n this.media.setAttribute('loop', '');\n }\n if (this.config.muted) {\n this.media.setAttribute('muted', '');\n }\n if (this.config.inline) {\n this.media.setAttribute('playsinline', '');\n }\n }\n\n // Restore class hooks\n utils.toggleClass(this.elements.container, this.config.classNames.captions.active, this.supported.ui && this.captions.enabled);\n\n ui.addStyleHook.call(this);\n\n // Set new sources for html5\n if (this.isHTML5) {\n source.insertElements.call(this, 'source', input.sources);\n }\n\n // Set video title\n this.config.title = input.title;\n\n // Set up from scratch\n media.setup.call(this);\n\n // HTML5 stuff\n if (this.isHTML5) {\n // Setup captions\n if ('tracks' in input) {\n source.insertElements.call(this, 'track', input.tracks);\n }\n\n // Load HTML5 sources\n this.media.load();\n }\n\n // If HTML5 or embed but not fully supported, setupInterface and call ready now\n if (this.isHTML5 || (this.isEmbed && !this.supported.ui)) {\n // Setup interface\n ui.build.call(this);\n }\n },\n true\n );\n },\n};\n\nexport default source;\n","// ==========================================================================\n// Plyr\n// plyr.js v3.0.0\n// https://github.com/sampotts/plyr\n// License: The MIT License (MIT)\n// ==========================================================================\n\nimport defaults from './defaults';\nimport types from './types';\nimport support from './support';\nimport utils from './utils';\n\nimport captions from './captions';\nimport controls from './controls';\nimport fullscreen from './fullscreen';\nimport listeners from './listeners';\nimport media from './media';\nimport storage from './storage';\nimport source from './source';\nimport ui from './ui';\n\n// Globals\nlet scrollPosition = {\n x: 0,\n y: 0,\n};\n\n// Plyr instance\nclass Plyr {\n constructor(target, options) {\n this.timers = {};\n this.ready = false;\n\n // Set the media element\n this.media = target;\n\n // String selector passed\n if (utils.is.string(this.media)) {\n this.media = document.querySelectorAll(this.media);\n }\n\n // jQuery, NodeList or Array passed, use first element\n if (\n (window.jQuery && this.media instanceof jQuery) ||\n utils.is.nodeList(this.media) ||\n utils.is.array(this.media)\n ) {\n // eslint-disable-next-line\n this.media = this.media[0];\n }\n\n // Set config\n this.config = utils.extend(\n {},\n defaults,\n options,\n (() => {\n try {\n return JSON.parse(this.media.getAttribute('data-plyr-config'));\n } catch (e) {\n return null;\n }\n })()\n );\n\n // Elements cache\n this.elements = {\n container: null,\n buttons: {},\n display: {},\n progress: {},\n inputs: {},\n settings: {\n menu: null,\n panes: {},\n tabs: {},\n },\n captions: null,\n };\n\n // Captions\n this.captions = {\n enabled: null,\n currentTrack: null,\n };\n\n // Fullscreen\n this.fullscreen = {\n active: false,\n };\n\n // Options\n this.options = {\n speed: [],\n quality: [],\n };\n\n // Debugging\n this.console = {\n log() {},\n warn() {},\n error() {},\n };\n if (this.config.debug && 'console' in window) {\n this.console = {\n log: console.log, // eslint-disable-line\n warn: console.warn, // eslint-disable-line\n error: console.error, // eslint-disable-line\n };\n this.console.log('Debugging enabled');\n }\n\n // Log config options and support\n this.console.log('Config', this.config);\n this.console.log('Support', support);\n\n // We need an element to setup\n if (utils.is.nullOrUndefined(this.media) || !utils.is.htmlElement(this.media)) {\n this.console.error('Setup failed: no suitable element passed');\n return;\n }\n\n // Bail if the element is initialized\n if (this.media.plyr) {\n this.console.warn('Target already setup');\n return;\n }\n\n // Bail if not enabled\n if (!this.config.enabled) {\n this.console.error('Setup failed: disabled by config');\n return;\n }\n\n // Bail if disabled or no basic support\n // You may want to disable certain UAs etc\n if (!support.check().api) {\n this.console.error('Setup failed: no support');\n return;\n }\n\n // Cache original element state for .destroy()\n this.elements.original = this.media.cloneNode(true);\n\n // Set media type based on tag or data attribute\n // Supported: video, audio, vimeo, youtube\n const type = this.media.tagName.toLowerCase();\n\n // Embed attributes\n const attributes = {\n provider: 'data-plyr-provider',\n id: 'data-plyr-provider-id',\n };\n\n // Different setup based on type\n switch (type) {\n // TODO: Handle passing an iframe for true progressive enhancement\n // case 'iframe':\n case 'div':\n this.type = this.media.getAttribute(attributes.provider);\n this.embedId = this.media.getAttribute(attributes.id);\n\n if (utils.is.empty(this.type)) {\n this.console.error('Setup failed: embed type missing');\n return;\n }\n\n if (utils.is.empty(this.embedId)) {\n this.console.error('Setup failed: video id missing');\n return;\n }\n\n // Clean up\n this.media.removeAttribute(attributes.provider);\n this.media.removeAttribute(attributes.id);\n\n break;\n\n case 'video':\n case 'audio':\n this.type = type;\n\n if (this.media.hasAttribute('crossorigin')) {\n this.config.crossorigin = true;\n }\n if (this.media.hasAttribute('autoplay')) {\n this.config.autoplay = true;\n }\n if (this.media.hasAttribute('playsinline')) {\n this.config.inline = true;\n }\n if (this.media.hasAttribute('muted')) {\n this.config.muted = true;\n }\n if (this.media.hasAttribute('loop')) {\n this.config.loop.active = true;\n }\n\n break;\n\n default:\n this.console.error('Setup failed: unsupported type');\n return;\n }\n\n // Setup local storage for user settings\n storage.setup.call(this);\n\n // Check for support again but with type\n this.supported = support.check(this.type, this.config.inline);\n\n // If no support for even API, bail\n if (!this.supported.api) {\n this.console.error('Setup failed: no support');\n return;\n }\n\n // Store reference\n this.media.plyr = this;\n\n // Wrap media\n this.elements.container = utils.createElement('div');\n utils.wrap(this.media, this.elements.container);\n\n // Allow focus to be captured\n this.elements.container.setAttribute('tabindex', 0);\n\n // Global listeners\n listeners.global.call(this);\n\n // Add style hook\n ui.addStyleHook.call(this);\n\n // Setup media\n media.setup.call(this);\n\n // Listen for events if debugging\n if (this.config.debug) {\n utils.on(this.elements.container, this.config.events.join(' '), event => {\n this.console.log(`event: ${event.type}`);\n });\n }\n\n // Setup interface\n // If embed but not fully supported, build interface now to avoid flash of controls\n if (this.isHTML5 || (this.isEmbed && !this.supported.ui)) {\n ui.build.call(this);\n }\n }\n\n // ---------------------------------------\n // API\n // ---------------------------------------\n\n /**\n * If the player is HTML5\n */\n get isHTML5() {\n return types.html5.includes(this.type);\n }\n\n /**\n * If the player is an embed - e.g. YouTube or Vimeo\n */\n get isEmbed() {\n return types.embed.includes(this.type);\n }\n\n /**\n * Play the media\n */\n play() {\n if ('play' in this.media) {\n this.media.play();\n }\n return this;\n }\n\n /**\n * Pause the media\n */\n pause() {\n if ('pause' in this.media) {\n this.media.pause();\n }\n return this;\n }\n\n /**\n * Get paused state\n */\n get paused() {\n return this.media.paused;\n }\n\n /**\n * Get playing state\n */\n get playing() {\n return !this.paused && !this.ended && (this.isHTML5 ? this.media.readyState > 2 : true);\n }\n\n /**\n * Get ended state\n */\n get ended() {\n return this.media.ended;\n }\n\n /**\n * Toggle playback based on current status\n * @param {boolean} toggle\n */\n togglePlay(toggle) {\n // True toggle if nothing passed\n if ((!utils.is.boolean(toggle) && this.media.paused) || toggle) {\n return this.play();\n }\n\n return this.pause();\n }\n\n /**\n * Stop playback\n */\n stop() {\n return this.restart().pause();\n }\n\n /**\n * Restart playback\n */\n restart() {\n this.currentTime = 0;\n return this;\n }\n\n /**\n * Rewind\n * @param {number} seekTime - how far to rewind in seconds. Defaults to the config.seekTime\n */\n rewind(seekTime) {\n this.currentTime = this.currentTime - (utils.is.number(seekTime) ? seekTime : this.config.seekTime);\n return this;\n }\n\n /**\n * Fast forward\n * @param {number} seekTime - how far to fast forward in seconds. Defaults to the config.seekTime\n */\n forward(seekTime) {\n this.currentTime = this.currentTime + (utils.is.number(seekTime) ? seekTime : this.config.seekTime);\n return this;\n }\n\n /**\n * Seek to a time\n * @param {number} input - where to seek to in seconds. Defaults to 0 (the start)\n */\n set currentTime(input) {\n let targetTime = 0;\n\n if (utils.is.number(input)) {\n targetTime = input;\n }\n\n // Normalise targetTime\n if (targetTime < 0) {\n targetTime = 0;\n } else if (targetTime > this.duration) {\n targetTime = this.duration;\n }\n\n // Set\n this.media.currentTime = targetTime.toFixed(4);\n\n // Logging\n this.console.log(`Seeking to ${this.currentTime} seconds`);\n }\n\n /**\n * Get current time\n */\n get currentTime() {\n return Number(this.media.currentTime);\n }\n\n /**\n * Get seeking status\n */\n get seeking() {\n return this.media.seeking;\n }\n\n /**\n * Get the duration of the current media\n */\n get duration() {\n // Faux duration set via config\n const fauxDuration = parseInt(this.config.duration, 10);\n\n // True duration\n const realDuration = Number(this.media.duration);\n\n // If custom duration is funky, use regular duration\n return !Number.isNaN(fauxDuration) ? fauxDuration : realDuration;\n }\n\n /**\n * Set the player volume\n * @param {number} value - must be between 0 and 1. Defaults to the value from local storage and config.volume if not set in storage\n */\n set volume(value) {\n let volume = value;\n const max = 1;\n const min = 0;\n\n if (utils.is.string(volume)) {\n volume = Number(volume);\n }\n\n // Load volume from storage if no value specified\n if (!utils.is.number(volume)) {\n ({ volume } = storage.get.call(this));\n }\n\n // Use config if all else fails\n if (!utils.is.number(volume)) {\n ({ volume } = this.config);\n }\n\n // Maximum is volumeMax\n if (volume > max) {\n volume = max;\n }\n // Minimum is volumeMin\n if (volume < min) {\n volume = min;\n }\n\n // Update config\n this.config.volume = volume;\n\n // Set the player volume\n this.media.volume = volume;\n\n // If muted, and we're increasing volume, reset muted state\n if (this.muted && volume > 0) {\n this.muted = false;\n }\n }\n\n /**\n * Get the current player volume\n */\n get volume() {\n return this.media.volume;\n }\n\n /**\n * Increase volume\n * @param {boolean} step - How much to decrease by (between 0 and 1)\n */\n increaseVolume(step) {\n const volume = this.media.muted ? 0 : this.volume;\n this.volume = volume + utils.is.number(step) ? step : 1;\n return this;\n }\n\n /**\n * Decrease volume\n * @param {boolean} step - How much to decrease by (between 0 and 1)\n */\n decreaseVolume(step) {\n const volume = this.media.muted ? 0 : this.volume;\n this.volume = volume - utils.is.number(step) ? step : 1;\n return this;\n }\n\n /**\n * Set muted state\n * @param {boolean} mute\n */\n set muted(mute) {\n let toggle = mute;\n\n // Load muted state from storage\n if (!utils.is.boolean(toggle)) {\n toggle = storage.get.call(this).muted;\n }\n\n // Use config if all else fails\n if (!utils.is.boolean(toggle)) {\n toggle = this.config.muted;\n }\n\n // Update config\n this.config.muted = toggle;\n\n // Set mute on the player\n this.media.muted = toggle;\n }\n\n /**\n * Get current muted state\n */\n get muted() {\n return this.media.muted;\n }\n\n /**\n * Check if the media has audio\n */\n get hasAudio() {\n // Assume yes for all non HTML5 (as we can't tell...)\n if (!this.isHTML5) {\n return true;\n }\n\n // Get audio tracks\n return (\n this.media.mozHasAudio ||\n Boolean(this.media.webkitAudioDecodedByteCount) ||\n Boolean(this.media.audioTracks && this.media.audioTracks.length)\n );\n }\n\n /**\n * Set playback speed\n * @param {decimal} speed - the speed of playback (0.5-2.0)\n */\n set speed(input) {\n let speed = null;\n\n if (utils.is.number(input)) {\n speed = input;\n } else if (utils.is.number(storage.get.call(this).speed)) {\n ({ speed } = storage.get.call(this));\n } else {\n speed = this.config.speed.selected;\n }\n\n // Set min/max\n if (speed < 0.1) {\n speed = 0.1;\n }\n if (speed > 2.0) {\n speed = 2.0;\n }\n\n if (!this.config.speed.options.includes(speed)) {\n this.console.warn(`Unsupported speed (${speed})`);\n return;\n }\n\n // Update config\n this.config.speed.selected = speed;\n\n // Set media speed\n this.media.playbackRate = speed;\n }\n\n /**\n * Get current playback speed\n */\n get speed() {\n return this.media.playbackRate;\n }\n\n /**\n * Set playback quality\n * Currently YouTube only\n * @param {string} input - Quality level\n */\n set quality(input) {\n let quality = null;\n\n if (utils.is.string(input)) {\n quality = input;\n } else if (utils.is.number(storage.get.call(this).quality)) {\n ({ quality } = storage.get.call(this));\n } else {\n quality = this.config.quality.selected;\n }\n\n if (!this.options.quality.includes(quality)) {\n this.console.warn(`Unsupported quality option (${quality})`);\n return;\n }\n\n // Update config\n this.config.quality.selected = quality;\n\n // Set quality\n this.media.quality = quality;\n }\n\n /**\n * Get current quality level\n */\n get quality() {\n return this.media.quality;\n }\n\n /**\n * Toggle loop\n * TODO: Finish fancy new logic. Set the indicator on load as user may pass loop as config\n * @param {boolean} input - Whether to loop or not\n */\n set loop(input) {\n const toggle = utils.is.boolean(input) ? input : this.config.loop.active;\n this.config.loop.active = toggle;\n this.media.loop = toggle;\n\n // Set default to be a true toggle\n /* const type = ['start', 'end', 'all', 'none', 'toggle'].includes(input) ? input : 'toggle';\n\n switch (type) {\n case 'start':\n if (this.config.loop.end && this.config.loop.end <= this.currentTime) {\n this.config.loop.end = null;\n }\n this.config.loop.start = this.currentTime;\n // this.config.loop.indicator.start = this.elements.display.played.value;\n break;\n\n case 'end':\n if (this.config.loop.start >= this.currentTime) {\n return this;\n }\n this.config.loop.end = this.currentTime;\n // this.config.loop.indicator.end = this.elements.display.played.value;\n break;\n\n case 'all':\n this.config.loop.start = 0;\n this.config.loop.end = this.duration - 2;\n this.config.loop.indicator.start = 0;\n this.config.loop.indicator.end = 100;\n break;\n\n case 'toggle':\n if (this.config.loop.active) {\n this.config.loop.start = 0;\n this.config.loop.end = null;\n } else {\n this.config.loop.start = 0;\n this.config.loop.end = this.duration - 2;\n }\n break;\n\n default:\n this.config.loop.start = 0;\n this.config.loop.end = null;\n break;\n } */\n }\n\n /**\n * Get current loop state\n */\n get loop() {\n return this.media.loop;\n }\n\n /**\n * Set new media source\n * @param {object} input - The new source object (see docs)\n */\n set source(input) {\n source.change.call(this, input);\n }\n\n /**\n * Get current source\n */\n get source() {\n return this.media.currentSrc;\n }\n\n /**\n * Set the poster image for a HTML5 video\n * @param {input} - the URL for the new poster image\n */\n set poster(input) {\n if (!this.isHTML5 || this.type !== 'video') {\n this.console.warn('Poster can only be set on HTML5 video');\n return;\n }\n\n if (utils.is.string(input)) {\n this.media.setAttribute('poster', input);\n }\n }\n\n /**\n * Get the current poster image\n */\n get poster() {\n if (!this.isHTML5 || this.type !== 'video') {\n return null;\n }\n\n return this.media.getAttribute('poster');\n }\n\n /**\n * Set the autoplay state\n * @param {boolean} input - Whether to autoplay or not\n */\n set autoplay(input) {\n const toggle = utils.is.boolean(input) ? input : this.config.autoplay;\n this.config.autoplay = toggle;\n }\n\n /**\n * Get the current autoplay state\n */\n get autoplay() {\n return this.config.autoplay;\n }\n\n /**\n * Toggle captions\n * @param {boolean} input - Whether to enable captions\n */\n toggleCaptions(input) {\n // If there's no full support, or there's no caption toggle\n if (!this.supported.ui || !utils.is.htmlElement(this.elements.buttons.captions)) {\n return this;\n }\n\n // If the method is called without parameter, toggle based on current value\n const show = utils.is.boolean(input)\n ? input\n : this.elements.container.className.indexOf(this.config.classNames.captions.active) === -1;\n\n // Nothing to change...\n if (this.captions.enabled === show) {\n return this;\n }\n\n // Set global\n this.captions.enabled = show;\n\n // Toggle state\n utils.toggleState(this.elements.buttons.captions, this.captions.enabled);\n\n // Add class hook\n utils.toggleClass(this.elements.container, this.config.classNames.captions.active, this.captions.enabled);\n\n // Trigger an event\n utils.dispatchEvent.call(this, this.media, this.captions.enabled ? 'captionsenabled' : 'captionsdisabled');\n\n // Allow chaining\n return this;\n }\n\n /**\n * Set the captions language\n * @param {string} - Two character ISO language code (e.g. EN, FR, PT, etc)\n */\n set language(input) {\n // Nothing specified\n if (!utils.is.string(input)) {\n return;\n }\n\n // Toggle captions based on input\n this.toggleCaptions(!utils.is.empty(input));\n\n // If empty string is passed, assume disable captions\n if (utils.is.empty(input)) {\n return;\n }\n\n // Normalize\n const language = input.toLowerCase();\n\n // If nothing to change, bail\n if (this.language === language) {\n return;\n }\n\n // Update config\n this.captions.language = language;\n\n // Clear caption\n captions.setText.call(this, null);\n\n // Update captions\n captions.setLanguage.call(this);\n\n // Trigger an event\n utils.dispatchEvent.call(this, this.media, 'languagechange');\n }\n\n /**\n * Get the current captions language\n */\n get language() {\n return this.captions.language;\n }\n\n /**\n * Toggle fullscreen playback\n * Requires user input event\n * @param {event} event\n */\n toggleFullscreen(event) {\n // Check for native support\n if (fullscreen.enabled) {\n if (utils.is.event(event) && event.type === fullscreen.eventType) {\n // If it's a fullscreen change event, update the state\n this.fullscreen.active = fullscreen.isFullScreen(this.elements.container);\n } else {\n // Else it's a user request to enter or exit\n if (!this.fullscreen.active) {\n fullscreen.requestFullScreen(this.elements.container);\n } else {\n fullscreen.cancelFullScreen();\n }\n\n return this;\n }\n } else {\n // Otherwise, it's a simple toggle\n this.fullscreen.active = !this.fullscreen.active;\n\n // Add class hook\n utils.toggleClass(\n this.elements.container,\n this.config.classNames.fullscreen.fallback,\n this.fullscreen.active\n );\n\n // Make sure we don't lose scroll position\n if (this.fullscreen.active) {\n scrollPosition = {\n x: window.pageXOffset || 0,\n y: window.pageYOffset || 0,\n };\n } else {\n window.scrollTo(scrollPosition.x, scrollPosition.y);\n }\n\n // Bind/unbind escape key\n document.body.style.overflow = this.fullscreen.active ? 'hidden' : '';\n }\n\n // Set button state\n if (utils.is.htmlElement(this.elements.buttons.fullscreen)) {\n utils.toggleState(this.elements.buttons.fullscreen, this.fullscreen.active);\n }\n\n // Trigger an event\n utils.dispatchEvent.call(this, this.media, this.fullscreen.active ? 'enterfullscreen' : 'exitfullscreen');\n\n return this;\n }\n\n /**\n * Toggle picture-in-picture playback on WebKit/MacOS\n * TODO: update player with state, support, enabled\n * TODO: detect outside changes\n */\n set pip(input) {\n const states = {\n pip: 'picture-in-picture',\n inline: 'inline',\n };\n\n // Bail if no support\n if (!support.pip) {\n return;\n }\n\n // Toggle based on current state if not passed\n const toggle = utils.is.boolean(input) ? input : this.pip === states.inline;\n\n // Toggle based on current state\n this.media.webkitSetPresentationMode(toggle ? states.pip : states.inline);\n }\n\n /**\n * Get the current picture-in-picture state\n */\n get pip() {\n if (!support.pip) {\n return null;\n }\n\n return this.media.webkitPresentationMode;\n }\n\n /**\n * Trigger the airplay dialog\n * TODO: update player with state, support, enabled\n */\n airplay() {\n // Bail if no support\n if (!support.airplay) {\n return this;\n }\n\n // Show dialog\n this.media.webkitShowPlaybackTargetPicker();\n\n return this;\n }\n\n /**\n * Toggle the player controls\n * @param {boolean} toggle - Whether to show the controls\n */\n toggleControls(toggle) {\n // We need controls of course...\n if (!utils.is.htmlElement(this.elements.controls)) {\n return this;\n }\n\n // Don't hide if no UI support or it's audio\n if (!this.supported.ui || this.type === 'audio') {\n return this;\n }\n\n let delay = 0;\n let show = toggle;\n let isEnterFullscreen = false;\n\n // Get toggle state if not set\n if (!utils.is.boolean(toggle)) {\n if (utils.is.event(toggle)) {\n // Is the enter fullscreen event\n isEnterFullscreen = toggle.type === 'enterfullscreen';\n\n // Whether to show controls\n show = ['mouseenter', 'mousemove', 'touchstart', 'touchmove', 'focusin'].includes(toggle.type);\n\n // Delay hiding on move events\n if (['mousemove', 'touchmove', 'touchend'].includes(toggle.type)) {\n delay = 2000;\n }\n\n // Delay a little more for keyboard users\n if (toggle.type === 'focusin') {\n delay = 3000;\n utils.toggleClass(this.elements.controls, this.config.classNames.noTransition, true);\n }\n } else {\n show = utils.hasClass(this.elements.container, this.config.classNames.hideControls);\n }\n }\n\n // Clear timer on every call\n window.clearTimeout(this.timers.controls);\n\n // If the mouse is not over the controls, set a timeout to hide them\n if (show || this.paused || this.loading) {\n // Check if controls toggled\n const toggled = utils.toggleClass(this.elements.container, this.config.classNames.hideControls, false);\n\n // Trigger event\n if (toggled) {\n utils.dispatchEvent.call(this, this.media, 'controlsshown');\n }\n\n // Always show controls when paused or if touch\n if (this.paused || this.loading) {\n return this;\n }\n\n // Delay for hiding on touch\n if (support.touch) {\n delay = 3000;\n }\n }\n\n // If toggle is false or if we're playing (regardless of toggle),\n // then set the timer to hide the controls\n if (!show || this.playing) {\n this.timers.controls = window.setTimeout(() => {\n console.warn({\n pressed: this.elements.controls.pressed,\n hover: this.elements.controls.pressed,\n playing: this.playing,\n paused: this.paused,\n loading: this.loading,\n });\n\n // If the mouse is over the controls (and not entering fullscreen), bail\n if ((this.elements.controls.pressed || this.elements.controls.hover) && !isEnterFullscreen) {\n return;\n }\n\n // Restore transition behaviour\n if (!utils.hasClass(this.elements.container, this.config.classNames.hideControls)) {\n utils.toggleClass(this.elements.controls, this.config.classNames.noTransition, false);\n }\n\n // Check if controls toggled\n const toggled = utils.toggleClass(this.elements.container, this.config.classNames.hideControls, true);\n\n // Trigger event and close menu\n if (toggled) {\n utils.dispatchEvent.call(this, this.media, 'controlshidden');\n\n if (this.config.controls.includes('settings') && !utils.is.empty(this.config.settings)) {\n controls.toggleMenu.call(this, false);\n }\n }\n }, delay);\n }\n\n return this;\n }\n\n /**\n * Add event listeners\n * @param {string} event - Event type\n * @param {function} callback - Callback for when event occurs\n */\n on(event, callback) {\n utils.on(this.elements.container, event, callback);\n return this;\n }\n\n /**\n * Remove event listeners\n * @param {string} event - Event type\n * @param {function} callback - Callback for when event occurs\n */\n off(event, callback) {\n utils.off(this.elements.container, event, callback);\n return this;\n }\n\n /**\n * Check for support for a mime type (HTML5 only)\n * @param {string} type - Mime type\n */\n supports(type) {\n return support.mime.call(this, type);\n }\n\n /**\n * Destroy an instance\n * Event listeners are removed when elements are removed\n * http://stackoverflow.com/questions/12528049/if-a-dom-element-is-removed-are-its-listeners-also-removed-from-memory\n * @param {function} callback - Callback for when destroy is complete\n * @param {boolean} soft - Whether it's a soft destroy (for source changes etc)\n */\n destroy(callback, soft = false) {\n const done = () => {\n // Reset overflow (incase destroyed while in fullscreen)\n document.body.style.overflow = '';\n\n // GC for embed\n this.embed = null;\n this.embedId = null;\n\n // If it's a soft destroy, make minimal changes\n if (soft) {\n if (Object.keys(this.elements).length) {\n // Remove buttons\n if (this.elements.buttons && this.elements.buttons.play) {\n Array.from(this.elements.buttons.play).forEach(button => utils.removeElement(button));\n }\n\n // Remove others\n utils.removeElement(this.elements.captions);\n utils.removeElement(this.elements.controls);\n utils.removeElement(this.elements.wrapper);\n\n // Clear for GC\n this.elements.buttons.play = null;\n this.elements.captions = null;\n this.elements.controls = null;\n this.elements.wrapper = null;\n }\n\n // Callback\n if (utils.is.function(callback)) {\n callback();\n }\n } else {\n // Replace the container with the original element provided\n const parent = this.elements.container.parentNode;\n\n if (utils.is.htmlElement(parent)) {\n parent.replaceChild(this.elements.original, this.elements.container);\n }\n\n // Event\n utils.dispatchEvent.call(this, this.elements.original, 'destroyed', true);\n\n // Callback\n if (utils.is.function(callback)) {\n callback.call(this.elements.original);\n }\n\n // Clear for GC\n this.elements = null;\n }\n };\n\n // Type specific stuff\n switch (this.type) {\n case 'youtube':\n // Clear timers\n window.clearInterval(this.timers.buffering);\n window.clearInterval(this.timers.playing);\n\n // Destroy YouTube API\n this.embed.destroy();\n\n // Clean up\n done();\n\n break;\n\n case 'vimeo':\n // Destroy Vimeo API\n // then clean up (wait, to prevent postmessage errors)\n this.embed.unload().then(done);\n\n // Vimeo does not always return\n window.setTimeout(done, 200);\n\n break;\n\n case 'video':\n case 'audio':\n // Restore native video controls\n ui.toggleNativeControls.call(this, true);\n\n // Clean up\n done();\n\n break;\n\n default:\n break;\n }\n }\n}\n\nexport default Plyr;\n"],"names":["get","store","window","localStorage","getItem","this","config","storage","key","utils","is","empty","JSON","parse","set","object","support","enabled","call","extend","setItem","stringify","defaults","navigator","language","split","types","input","getConstructor","Object","Number","isNaN","String","Boolean","Function","nullOrUndefined","Array","isArray","instanceof","NodeList","HTMLElement","Text","Event","TextTrackCue","VTTCue","TextTrack","string","kind","array","nodeList","length","keys","constructor","document","documentMode","documentElement","style","test","userAgent","platform","url","callback","querySelectorAll","element","createElement","src","first","getElementsByTagName","function","addEventListener","event","parentNode","insertBefore","id","updateSprite","data","innerHTML","body","childNodes","hasId","container","toggleHidden","setAttribute","cached","content","then","response","ok","text","catch","prefix","Math","floor","random","self","top","e","elements","wrapper","targets","from","reverse","forEach","index","child","cloneNode","parent","sibling","nextSibling","appendChild","type","attributes","setAttributes","textContent","target","htmlElement","removeChild","lastChild","sel","existingAttributes","existing","selector","s","trim","className","replace","parts","value","charAt","class","toggle","contains","classList","removeAttribute","prototype","Element","matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","includes","querySelector","controls","getElement","selectors","buttons","getElements","play","pause","restart","rewind","forward","mute","pip","airplay","settings","captions","fullscreen","progress","inputs","seek","volume","display","buffer","duration","currentTime","seekTooltip","classNames","tooltip","error","console","warn","toggleNativeControls","focused","activeElement","focusable","last","on","keyCode","_this","active","getFocusElement","shiftKey","focus","preventDefault","passive","capture","Node","toggleListener","events","options","boolean","passiveListeners","bubbles","detail","CustomEvent","assign","Plyr","dispatchEvent","pressed","getAttribute","state","current","max","toFixed","objects","destination","shift","source","property","match","RegExp","$2","number","map","encodeURIComponent","join","fragment","createDocumentFragment","firstChild","innerText","width","height","ratio","getRatio","w","h","find","undefined","inline","api","ui","browser","getBrowser","playsInline","isIPhone","video","rangeInput","audio","removeItem","webkitSetPresentationMode","WebKitPlaybackTargetAvailabilityEvent","media","canPlayType","supported","defineProperty","range","transitionEnd","matchMedia","cancelFullScreen","some","pre","msExitFullscreen","msFullscreenEnabled","fullscreenEnabled","webkitFullscreenEnabled","mozFullScreenEnabled","fullscreenElement","mozFullScreenElement","requestFullScreen","nativeSupport","fallback","inFrame","log","toggleClass","toggleState","trapFocus","setup","parseFloat","listeners","getKeyCode","which","handleKey","code","repeat","altKey","ctrlKey","metaKey","editable","stopPropagation","togglePlay","increaseVolume","decreaseVolume","muted","toggleFullscreen","toggleCaptions","loop","keyboard","global","tabFocus","setTimeout","hideControls","toggleControls","eventType","timeUpdate","durationUpdate","_this2","hasAudio","showPosterOnEnd","load","updateProgress","updateVolume","checkPlaying","checkLoading","clickToPlay","touch","paused","ended","disableContextMenu","updateSetting","speed","quality","concat","inputEvent","isIE","proxy","handlerKey","defaultHandler","customHandler","_this3","defaultPrevented","toggleMenu","form","showTab","toggleInvert","invertTime","isWebkit","updateRangeFill","updateSeekTooltip","hover","inverted","webkitDirectionInvertedFromDevice","direction","deltaY","deltaX","uiSupported","isHTML5","removeElement","inject","ready","setTitle","label","i18n","title","isEmbed","iframe","frameTitle","playing","stopped","button","loading","timers","setRange","nodeValue","getPercentage","buffered","end","setProgress","time","format","slice","getHours","parseInt","hours","mins","getMinutes","secs","getSeconds","invert","updateTimeDisplay","seeking","displayDuration","styleSheet","sheet","percentage","styles","rules","findIndex","rule","selectorText","deleteRule","insertRule","iconUrl","indexOf","svg4everybody","getIconUrl","iconPath","absolute","iconPrefix","icon","createElementNS","use","path","setAttributeNS","attr","hidden","badge","menu","buttonType","labelPressed","iconPressed","control","createIcon","createLabel","getAttributesFromSelector","suffix","played","toLowerCase","list","checked","item","radio","faux","aria-hidden","insertAdjacentHTML","tooltips","percent","clientRect","getBoundingClientRect","visible","pageX","left","hasClass","setting","tab","tabs","pane","panes","filter","toggleTab","emptyElement","getBadge","createBadge","createMenuItem","getLabel","getLanguage","default","textTracks","getTracks","none","currentTrack","getCurrentTrack","track","disabled","hasTracks","tracks","toUpperCase","unshift","show","isMenuItem","isButton","clone","position","opacity","name","scrollWidth","scrollHeight","getElementById","transitions","reducedMotion","size","getTabSize","restore","propertyName","off","createButton","createRange","createProgress","createTime","inner","home","_this4","back","setSpeedMenu","loadSprite","seekTime","create","findElements","labels","_this5","insertAfter","setLanguage","setCaptionsMenu","setCue","mode","activeCues","embed","enableTextTrack","cue","setText","getCueAsHTML","caption","youtube","videoId","parseYouTubeId","embedId","containers","setAspectRatio","generateId","YT","loadScript","urls","onYouTubeReadyCallbacks","push","onYouTubeIframeAPIReady","getVideoData","google","json","result","items","snippet","paddingBottom","player","Player","autoplay","location","hostname","href","message","instance","getPlaybackQuality","playbackRate","getPlaybackRate","getTitle","playVideo","pauseVideo","stop","stopVideo","getDuration","getCurrentTime","seekTo","setPlaybackRate","setPlaybackQuality","setVolume","getVideoUrl","getAvailablePlaybackRates","clearInterval","buffering","setInterval","getVideoLoadedFraction","lastBuffered","build","setQualityMenu","getAvailableQualityLevels","vimeo","Vimeo","padding","offset","transform","params","buildUrlParameters","parseVimeoId","setCurrentTime","selected","setLoop","currentSrc","all","getVideoWidth","getVideoHeight","getAspectRatio","dimensions","setAutopause","autopause","getVideoTitle","getTextTracks","cues","stripHTML","seconds","isIos","isTouch","wrap","blankVideo","insertElement","attribute","sources","cancelRequests","destroy","firstSource","check","crossorigin","poster","addStyleHook","insertElements","scrollPosition","jQuery","debug","plyr","original","tagName","provider","hasAttribute","step","isFullScreen","pageXOffset","pageYOffset","scrollTo","x","y","overflow","webkitShowPlaybackTargetPicker","delay","isEnterFullscreen","noTransition","clearTimeout","mime","soft","done","replaceChild","unload","html5","readyState","targetTime","fauxDuration","realDuration","mozHasAudio","webkitAudioDecodedByteCount","audioTracks","change","states","webkitPresentationMode"],"mappings":"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"}
\ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js index 2db14925..762a5a56 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -29,14 +29,18 @@ const { minify } = require('uglify-es'); const commonjs = require('rollup-plugin-commonjs'); const resolve = require('rollup-plugin-node-resolve'); -const root = __dirname; +const bundles = require('./bundles.json'); +const pkg = require('./package.json'); +const aws = require('./aws.json'); +// Paths +const root = __dirname; const paths = { plyr: { // Source paths src: { less: path.join(root, 'src/less/**/*'), - scss: path.join(root, 'src/scss/**/*'), + sass: path.join(root, 'src/sass/**/*'), js: path.join(root, 'src/js/**/*'), sprite: path.join(root, 'src/sprite/*.svg'), }, @@ -63,23 +67,12 @@ const paths = { // Task arrays const tasks = { less: [], - scss: [], + sass: [], js: [], sprite: [], }; -// Load json -function loadJSON(pathname) { - try { - return JSON.parse(fs.readFileSync(pathname)); - } catch (err) { - return {}; - } -} - -// Fetch bundles from JSON -const bundles = loadJSON(path.join(root, 'bundles.json')); -const pkg = loadJSON(path.join(root, 'package.json')); +// Size plugin const sizeOptions = { showFiles: true, gzip: true }; // Browserlist @@ -147,14 +140,14 @@ const build = { ); }); }, - scss(files, bundle) { + sass(files, bundle) { Object.keys(files).forEach(key => { - const name = `scss-${key}`; - tasks.scss.push(name); + const name = `sass-${key}`; + tasks.sass.push(name); gulp.task(name, () => gulp - .src(bundles[bundle].scss[key]) + .src(bundles[bundle].sass[key]) .pipe(sass()) .on('error', gutil.log) .pipe(concat(key)) @@ -192,9 +185,8 @@ const build = { // Plyr core files build.js(bundles.plyr.js, 'plyr', { name: 'Plyr', format: 'umd' }); - build.less(bundles.plyr.less, 'plyr'); -build.scss(bundles.plyr.scss, 'plyr'); +build.sass(bundles.plyr.sass, 'plyr'); build.sprite('plyr'); // Demo files @@ -206,9 +198,9 @@ gulp.task('js', () => { run(tasks.js); }); -// Build SCSS (for testing, default is LESS) -gulp.task('scss', () => { - run(tasks.scss); +// Build sass (for testing, default is LESS) +gulp.task('sass', () => { + run(tasks.sass); }); // Watch for file changes @@ -230,9 +222,6 @@ gulp.task('default', () => { // Publish a version to CDN and demo // -------------------------------------------- - -// Some options -const aws = loadJSON(path.join(root, 'aws.json')); const { version } = pkg; const maxAge = 31536000; // 1 year const options = { @@ -283,7 +272,8 @@ if ('cdn' in aws) { ) .pipe( rename(p => { - p.dirname = path.dirname.replace('.', version); + // eslint-disable-next-line + p.dirname = p.dirname.replace('.', version); }) ) .pipe(replace(localPath, versionPath)) diff --git a/package.json b/package.json index 6428599b..f091a228 100644 --- a/package.json +++ b/package.json @@ -6,15 +6,15 @@ "main": "src/js/plyr.js", "devDependencies": { "babel-core": "^6.26.0", - "babel-eslint": "^8.0.1", + "babel-eslint": "^8.0.2", "babel-plugin-external-helpers": "^6.22.0", "babel-preset-env": "^1.6.1", - "eslint": "^4.10.0", + "eslint": "^4.11.0", "eslint-config-airbnb": "^16.1.0", - "eslint-config-prettier": "^2.7.0", + "eslint-config-prettier": "^2.8.0", "eslint-plugin-import": "^2.8.0", "eslint-plugin-jsx-a11y": "^6.0.2", - "eslint-plugin-react": "^7.4.0", + "eslint-plugin-react": "^7.5.1", "gulp": "^3.9.1", "gulp-autoprefixer": "^4.0.0", "gulp-better-rollup": "^2.0.0", @@ -37,10 +37,9 @@ "rollup-plugin-uglify": "^2.0.1", "run-sequence": "^2.2.0", "stylelint": "^8.2.0", - "stylelint-config-prettier": "^1.0.2", + "stylelint-config-prettier": "^2.0.0", "stylelint-config-standard": "^17.0.0", - "through2": "^2.0.3", - "uglify-es": "^3.1.6" + "uglify-es": "^3.1.10" }, "keywords": [ "HTML5 Video", @@ -4,7 +4,8 @@ Beware: This branch is currently in beta and not production-ready # Plyr -A simple, lightweight, accessible and customizable HTML5, YouTube and Vimeo media player that supports [*modern*](#browser-support) browsers. +A simple, lightweight, accessible and customizable HTML5, YouTube and Vimeo media player that supports +[_modern_](#browser-support) browsers. [Checkout the demo](https://plyr.io) - [Donate to support Plyr](#donate) @@ -12,21 +13,22 @@ A simple, lightweight, accessible and customizable HTML5, YouTube and Vimeo medi ## Features -- **Accessible** - full support for VTT captions and screen readers -- **Lightweight** - just 18KB minified and gzipped -- **[Customisable](#html)** - make the player look how you want with the markup you want -- **Semantic** - uses the *right* elements. `<input type="range">` for volume and `<progress>` for progress and well, `<button>`s for buttons. There's no `<span>` or `<a href="#">` button hacks -- **Responsive** - works with any screen size -- **HTML Video & Audio** - support for both formats -- **[Embedded Video](#embeds)** - support for YouTube and Vimeo video playback -- **[Streaming](#streaming)** - support for hls.js, Shaka and dash.js streaming playback -- **[API](#api)** - toggle playback, volume, seeking, and more through a standardized API -- **[Events](#events)** - no messing around with Vimeo and YouTube APIs, all events are standardized across formats -- **[Fullscreen](#fullscreen)** - supports native fullscreen with fallback to "full window" modes -- **[Shortcuts](#shortcuts)** - supports keyboard shortcuts -- **i18n support** - support for internationalization of controls -- **No dependencies** - written in "vanilla" ES6 JavaScript, no jQuery required -- **SASS and LESS** - to include in your build processes +* **Accessible** - full support for VTT captions and screen readers +* **Lightweight** - just 18KB minified and gzipped +* **[Customisable](#html)** - make the player look how you want with the markup you want +* **Semantic** - uses the _right_ elements. `<input type="range">` for volume and `<progress>` for progress and well, + `<button>`s for buttons. There's no `<span>` or `<a href="#">` button hacks +* **Responsive** - works with any screen size +* **HTML Video & Audio** - support for both formats +* **[Embedded Video](#embeds)** - support for YouTube and Vimeo video playback +* **[Streaming](#streaming)** - support for hls.js, Shaka and dash.js streaming playback +* **[API](#api)** - toggle playback, volume, seeking, and more through a standardized API +* **[Events](#events)** - no messing around with Vimeo and YouTube APIs, all events are standardized across formats +* **[Fullscreen](#fullscreen)** - supports native fullscreen with fallback to "full window" modes +* **[Shortcuts](#shortcuts)** - supports keyboard shortcuts +* **i18n support** - support for internationalization of controls +* **No dependencies** - written in "vanilla" ES6 JavaScript, no jQuery required +* **SASS and LESS** - to include in your build processes Oh and yes, it works with Bootstrap. @@ -37,15 +39,19 @@ Check out the [changelog](changelog.md) to see what's new with Plyr. ## CMS plugins ### [WordPress](https://wordpress.org/plugins/plyr/) + Created and maintained by Ryan Anthony Drake ([@iamryandrake](https://github.com/iamryandrake)) ### [Neos](https://packagist.org/packages/jonnitto/plyr) + Created and maintained by Jon Uhlmann ([@jonnitto](https://github.com/jonnitto)) ### [Kirby](https://github.com/dpschen/kirby-plyrtag) + Created and maintained by Dominik Pschenitschni ([@dpschen](https://github.com/dpschen)) ## Using package managers + You can grab the source using one of the following package managers. ### npm @@ -53,15 +59,18 @@ You can grab the source using one of the following package managers. ``` npm install plyr ``` + [https://www.npmjs.com/package/plyr](https://www.npmjs.com/package/plyr) ## Quick setup -Here's a quick run through on getting up and running. There's also a [demo on Codepen](http://codepen.io/sampotts/pen/jARJYp). +Here's a quick run through on getting up and running. There's also a +[demo on Codepen](http://codepen.io/sampotts/pen/jARJYp). ### HTML -Plyr extends upon the standard HTML5 markup so that's all you need for those types. More info on advanced HTML markup can be found under [initialising](#initialising). +Plyr extends upon the standard HTML5 markup so that's all you need for those types. More info on advanced HTML markup +can be found under [initialising](#initialising). #### HTML5 Video @@ -89,28 +98,29 @@ For YouTube and Vimeo, Plyr uses the standard YouTube API markup (an empty `<div #### YouTube embed ```html -<div id="player" data-type="youtube" data-video-id="bTqVqk7FSmY"></div> +<div id="player" data-plyr-provider="youtube" data-plyr-provider-id="bTqVqk7FSmY"></div> ``` -Note: `data-video-id` value can now be the ID or URL for the video. This attribute name will change in a future release to reflect this change. - #### Vimeo embed ```html -<div id="player" data-type="vimeo" data-video-id="143418951"></div> +<div id="player" data-plyr-provider="vimeo" data-plyr-provider-id="143418951"></div> ``` -Note: `data-video-id` value can now be the ID or URL for the video. This attribute name will change in a future release to reflect this change. + +Note: In both cases, `data-plyr-provider-id` value can be the ID or URL for the media. ### JavaScript -Include the `plyr.js` script before the closing `</body>` tag and then call `plyr.setup()`. More info on `setup()` can be found under [initialising](#initialising). +Include the `plyr.js` script before the closing `</body>` tag and then call `plyr.setup()`. More info on `setup()` can +be found under [initialising](#initialising). ```html <script src="path/to/plyr.js"></script> <script>const player = new Plyr('#player');</script> ``` -If you want to use our CDN (provided by [Fastly](https://www.fastly.com/)) for the JavaScript, you can use the following: +If you want to use our CDN (provided by [Fastly](https://www.fastly.com/)) for the JavaScript, you can use the +following: ```html <script src="https://cdn.plyr.io/2.0.13/plyr.js"></script> @@ -124,7 +134,8 @@ Include the `plyr.css` stylsheet into your `<head>` <link rel="stylesheet" href="path/to/plyr.css"> ``` -If you want to use our CDN (provided by [Fastly](https://www.fastly.com/)) for the default CSS, you can use the following: +If you want to use our CDN (provided by [Fastly](https://www.fastly.com/)) for the default CSS, you can use the +following: ```html <link rel="stylesheet" href="https://cdn.plyr.io/2.0.13/plyr.css"> @@ -132,40 +143,50 @@ If you want to use our CDN (provided by [Fastly](https://www.fastly.com/)) for t ### SVG Sprite -The SVG sprite is loaded automatically from our CDN (provided by [Fastly](https://www.fastly.com/)). To change this, see the [options](#options) below. For reference, the CDN hosted SVG sprite can be found at `https://cdn.plyr.io/2.0.13/plyr.svg`. +The SVG sprite is loaded automatically from our CDN (provided by [Fastly](https://www.fastly.com/)). To change this, see +the [options](#options) below. For reference, the CDN hosted SVG sprite can be found at +`https://cdn.plyr.io/2.0.13/plyr.svg`. ## Advanced ### LESS & SASS/SCSS -You can use `plyr.less` or `plyr.scss` file included in `/src` as part of your build and change variables to suit your design. The LESS and SASS require you to use the [autoprefixer](https://www.npmjs.com/package/gulp-autoprefixer) plugin (you be should already!) as all declarations use the W3C definitions. +You can use `plyr.less` or `plyr.scss` file included in `/src` as part of your build and change variables to suit your +design. The LESS and SASS require you to use the [autoprefixer](https://www.npmjs.com/package/gulp-autoprefixer) plugin +(you be should already!) as all declarations use the W3C definitions. -The HTML markup uses the BEM methodology with `plyr` as the block, e.g. `.plyr__controls`. You can change the class hooks in the options to match any custom CSS you write. Check out the JavaScript source for more on this. +The HTML markup uses the BEM methodology with `plyr` as the block, e.g. `.plyr__controls`. You can change the class +hooks in the options to match any custom CSS you write. Check out the JavaScript source for more on this. ### SVG -The icons used in the Plyr controls are loaded in an SVG sprite. The sprite is automatically loaded from our CDN by default. If you already have an icon build system in place, you can include the source plyr icons (see `/src/sprite` for source icons). +The icons used in the Plyr controls are loaded in an SVG sprite. The sprite is automatically loaded from our CDN by +default. If you already have an icon build system in place, you can include the source plyr icons (see `/src/sprite` for +source icons). #### Using the `iconUrl` option -You can however specify your own `iconUrl` option and Plyr will determine if the url is absolute and requires loading by AJAX/CORS due to current browser limitations or if it's a relative path, just use the path directly. +You can however specify your own `iconUrl` option and Plyr will determine if the url is absolute and requires loading by +AJAX/CORS due to current browser limitations or if it's a relative path, just use the path directly. If you're using the `<base>` tag on your site, you may need to use something like this: [svgfixer.js](https://gist.github.com/leonderijke/c5cf7c5b2e424c0061d2) More info on SVG sprites here: -[http://css-tricks.com/svg-sprites-use-better-icon-fonts/](http://css-tricks.com/svg-sprites-use-better-icon-fonts/) -and the AJAX technique here: -[http://css-tricks.com/ajaxing-svg-sprite/](http://css-tricks.com/ajaxing-svg-sprite/) +[http://css-tricks.com/svg-sprites-use-better-icon-fonts/](http://css-tricks.com/svg-sprites-use-better-icon-fonts/) and +the AJAX technique here: [http://css-tricks.com/ajaxing-svg-sprite/](http://css-tricks.com/ajaxing-svg-sprite/) ### Cross Origin (CORS) -You'll notice the `crossorigin` attribute on the example `<video>` elements. This is because the TextTrack captions are loaded from another domain. If your TextTrack captions are also hosted on another domain, you will need to add this attribute and make sure your host has the correct headers setup. For more info on CORS checkout the MDN docs: +You'll notice the `crossorigin` attribute on the example `<video>` elements. This is because the TextTrack captions are +loaded from another domain. If your TextTrack captions are also hosted on another domain, you will need to add this +attribute and make sure your host has the correct headers setup. For more info on CORS checkout the MDN docs: [https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS](https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS) ### Captions -WebVTT captions are supported. To add a caption track, check the HTML example above and look for the `<track>` element. Be sure to [validate your caption files](https://quuz.org/webvtt/). +WebVTT captions are supported. To add a caption track, check the HTML example above and look for the `<track>` element. +Be sure to [validate your caption files](https://quuz.org/webvtt/). ### JavaScript @@ -173,10 +194,12 @@ WebVTT captions are supported. To add a caption track, check the HTML example ab You can specify a range of arguments for the constructor to use: -- A CSS string selector that's compatible with [`querySelector`](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector) -- A [HTMLElement](https://developer.mozilla.org/en/docs/Web/API/HTMLElement) -- A [NodeList](https://developer.mozilla.org/en-US/docs/Web/API/NodeList) or Array of [HTMLElement](https://developer.mozilla.org/en/docs/Web/API/HTMLElement) - the first element will be used -- A [jQuery](https://jquery.com) object - if multiple are passed, the first element will be used +* A CSS string selector that's compatible with + [`querySelector`](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector) +* A [HTMLElement](https://developer.mozilla.org/en/docs/Web/API/HTMLElement) +* A [NodeList](https://developer.mozilla.org/en-US/docs/Web/API/NodeList) or Array of + [HTMLElement](https://developer.mozilla.org/en/docs/Web/API/HTMLElement) - the first element will be used +* A [jQuery](https://jquery.com) object - if multiple are passed, the first element will be used Here's some examples @@ -198,60 +221,66 @@ Passing a [NodeList](https://developer.mozilla.org/en-US/docs/Web/API/NodeList): const player = new Plyr(document.querySelectorAll('.js-player')); ``` -The NodeList, HTMLElement or string selector can be the target `<video>`, `<audio>` or `[data-type]` (for embeds) element itself or a container element. +The NodeList, HTMLElement or string selector can be the target `<video>`, `<audio>` or `[data-plyr-provider]` (for +embeds) element itself or a container element. The second argument for the constructor is the [#options](options) object: ```javascript -const player = new Plyr('#player', { /* options */ }); +const player = new Plyr('#player', { + /* options */ +}); ``` -The constructor will return a Plyr object that can be used with the [API](#api) methods. See the [API](#api) section for more info. +The constructor will return a Plyr object that can be used with the [API](#api) methods. See the [API](#api) section for +more info. #### Options -Options can be passed as an object to the constructor as above or as JSON in `data-plyr` attribute on each of your target elements: +Options can be passed as an object to the constructor as above or as JSON in `data-plyr-config` attribute on each of +your target elements: ```html -<video src="/path/to/video.mp4" id="player" controls data-plyr='{ "title": "This is an example video", "volume": 1, "debug": true }'></video> +<video src="/path/to/video.mp4" id="player" controls data-plyr-config='{ "title": "This is an example video", "volume": 1, "debug": true }'></video> ``` -Note the single quotes encapsulating the JSON and double quotes on the object keys. Only string values need double quotes. - -Option | Type | Default | Description ------- | ---- | ------- | ----------- -`enabled` | Boolean | `true` | Completely disable Plyr. This would allow you to do a User Agent check or similar to programmatically enable or disable Plyr for a certain UA. Example below. -`debug` | Boolean | `false` | Display debugging information in the console -`controls` | Function or Array | `['play-large', 'play', 'progress', 'current-time', 'mute', 'volume', 'captions', 'settings', 'pip', 'airplay', 'fullscreen']` | If a function is passed, it is assumed your method will return a string of HTML for the controls. Three arguments will be passed to your function; id (the unique id for the player), seektime (the seektime step in seconds), and title (the media title). See [controls.md](controls.md) for more info on how the html needs to be structured. -`settings` | Array | `['captions', 'quality', 'speed', 'loop']` | If you're using the default controls are used then you can specify which settings to show in the menu -`i18n` | Object | See [defaults.js](/src/js/defaults.js) | Used for internationalization (i18n) of the text within the UI. -`loadSprite` | Boolean | `true` | Load the SVG sprite specified as the `iconUrl` option (if a URL). If `false`, it is assumed you are handling sprite loading yourself. -`iconUrl` | String | `null` | Specify a URL or path to the SVG sprite. See the [SVG section](#svg) for more info. -`iconPrefix` | String | `plyr` | Specify the id prefix for the icons used in the default controls (e.g. "plyr-play" would be "plyr"). This is to prevent clashes if you're using your own SVG sprite but with the default controls. Most people can ignore this option. -`blankUrl` | String | `https://cdn.plyr.io/static/blank.mp4` | Specify a URL or path to a blank video file used to properly cancel network requests. -`autoplay` | Boolean | `false` | Autoplay the media on load. This is generally advised against on UX grounds. It is also disabled by default in some browsers. If the `autoplay` attribute is present on a `<video>` or `<audio>` element, this will be automatically set to true. -`autopause`¹ | Boolean | `false` | Only allow one player playing at once. -`seekTime` | Number | `10` | The time, in seconds, to seek when a user hits fast forward or rewind. -`volume` | Number | `1` | A number, between 0 and 1, representing the initial volume of the player. -`muted` | Boolean | `false` | Whether to start playback muted. If the `muted` attribute is present on a `<video>` or `<audio>` element, this will be automatically set to true. -`clickToPlay` | Boolean | `true` | Click (or tap) of the video container will toggle play/pause. -`disableContextMenu` | Boolean | `true` | Disable right click menu on video to <em>help</em> as very primitive obfuscation to prevent downloads of content. -`hideControls` | Boolean | `true` | Hide video controls automatically after 2s of no mouse or focus movement, on control element blur (tab out), on playback start or entering fullscreen. As soon as the mouse is moved, a control element is focused or playback is paused, the controls reappear instantly. -`showPosterOnEnd` | Boolean | false | This will restore and *reload* HTML5 video once playback is complete. Note: depending on the browser caching, this may result in the video downloading again (or parts of it). Use with caution. -`keyboard` | Object | `{ focused: true, global: false }` | Enable [keyboard shortcuts](#shortcuts) for focused players only or globally -`tooltips` | Object | `{ controls: false, seek: true }` | `controls`: Display control labels as tooltips on `:hover` & `:focus` (by default, the labels are screen reader only). `seek`: Display a seek tooltip to indicate on click where the media would seek to. -`duration` | Number | `null` | Specify a custom duration for media. -`displayDuration` | Boolean | `true` | Displays the duration of the media on the "metadataloaded" event (on startup) in the current time display. This will only work if the `preload` attribute is not set to `none` (or is not set at all) and you choose not to display the duration (see `controls` option). -`invertTime` | Boolean | `true` | Display the current time as a countdown rather than an incremental counter. -`toggleInvert` | Boolean | `true` | Allow users to click to toggle the above. -`listeners` | Object | `null` | Allows binding of event listeners to the controls before the default handlers. See the `defaults.js` for available listeners. IF your handler prevents default on the event, the default handler will not fire. -`captions` | Object | `{ active: false, language: window.navigator.language.split('-')[0] }` | `active`: Toggles if captions should be active by default. `language`: Sets the default language to load (if available). -`fullscreen` | Object | `{ enabled: true, fallback: true }` | `enabled`: Toggles whether fullscreen should be enabled. `fallback`: Allow fallback to a full-window solution. -`ratio` | String | `16:9` | The aspect ratio you want to use for embedded players. -`storage` | Object | `{ enabled: true, key: 'plyr' }` | `enabled`: Allow use of local storage to store user settings. `key`: The key name to use. -`speed` | Object | `{ selected: 1, options: [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2] }` | `selected`: The default speed for playback. `options`: Options to display in the menu. Most browsers will refuse to play slower than 0.5. -`quality` | Object | `{ default: 'default', options: ['hd2160', 'hd1440', 'hd1080', 'hd720', 'large', 'medium', 'small', 'tiny', 'default'] }` | Currently only supported by YouTube. `default` is the default quality level, determined by YouTube. `options` are the options to display. -`loop` | Object | `{ active: false }` | `active`: Whether to loop the current video. If the `loop` attribute is present on a `<video>` or `<audio>` element, this will be automatically set to true This is an object to support future functionality. +Note the single quotes encapsulating the JSON and double quotes on the object keys. Only string values need double +quotes. + +| Option | Type | Default | Description | +| -------------------- | ----------------- | ------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | +| `enabled` | Boolean | `true` | Completely disable Plyr. This would allow you to do a User Agent check or similar to programmatically enable or disable Plyr for a certain UA. Example below. | +| `debug` | Boolean | `false` | Display debugging information in the console | +| `controls` | Function or Array | `['play-large', 'play', 'progress', 'current-time', 'mute', 'volume', 'captions', 'settings', 'pip', 'airplay', 'fullscreen']` | If a function is passed, it is assumed your method will return a string of HTML for the controls. Three arguments will be passed to your function; id (the unique id for the player), seektime (the seektime step in seconds), and title (the media title). See [controls.md](controls.md) for more info on how the html needs to be structured. | +| `settings` | Array | `['captions', 'quality', 'speed', 'loop']` | If you're using the default controls are used then you can specify which settings to show in the menu | +| `i18n` | Object | See [defaults.js](/src/js/defaults.js) | Used for internationalization (i18n) of the text within the UI. | +| `loadSprite` | Boolean | `true` | Load the SVG sprite specified as the `iconUrl` option (if a URL). If `false`, it is assumed you are handling sprite loading yourself. | +| `iconUrl` | String | `null` | Specify a URL or path to the SVG sprite. See the [SVG section](#svg) for more info. | +| `iconPrefix` | String | `plyr` | Specify the id prefix for the icons used in the default controls (e.g. "plyr-play" would be "plyr"). This is to prevent clashes if you're using your own SVG sprite but with the default controls. Most people can ignore this option. | +| `blankUrl` | String | `https://cdn.plyr.io/static/blank.mp4` | Specify a URL or path to a blank video file used to properly cancel network requests. | +| `autoplay` | Boolean | `false` | Autoplay the media on load. This is generally advised against on UX grounds. It is also disabled by default in some browsers. If the `autoplay` attribute is present on a `<video>` or `<audio>` element, this will be automatically set to true. | +| `autopause`¹ | Boolean | `false` | Only allow one player playing at once. | +| `seekTime` | Number | `10` | The time, in seconds, to seek when a user hits fast forward or rewind. | +| `volume` | Number | `1` | A number, between 0 and 1, representing the initial volume of the player. | +| `muted` | Boolean | `false` | Whether to start playback muted. If the `muted` attribute is present on a `<video>` or `<audio>` element, this will be automatically set to true. | +| `clickToPlay` | Boolean | `true` | Click (or tap) of the video container will toggle play/pause. | +| `disableContextMenu` | Boolean | `true` | Disable right click menu on video to <em>help</em> as very primitive obfuscation to prevent downloads of content. | +| `hideControls` | Boolean | `true` | Hide video controls automatically after 2s of no mouse or focus movement, on control element blur (tab out), on playback start or entering fullscreen. As soon as the mouse is moved, a control element is focused or playback is paused, the controls reappear instantly. | +| `showPosterOnEnd` | Boolean | false | This will restore and _reload_ HTML5 video once playback is complete. Note: depending on the browser caching, this may result in the video downloading again (or parts of it). Use with caution. | +| `keyboard` | Object | `{ focused: true, global: false }` | Enable [keyboard shortcuts](#shortcuts) for focused players only or globally | +| `tooltips` | Object | `{ controls: false, seek: true }` | `controls`: Display control labels as tooltips on `:hover` & `:focus` (by default, the labels are screen reader only). `seek`: Display a seek tooltip to indicate on click where the media would seek to. | +| `duration` | Number | `null` | Specify a custom duration for media. | +| `displayDuration` | Boolean | `true` | Displays the duration of the media on the "metadataloaded" event (on startup) in the current time display. This will only work if the `preload` attribute is not set to `none` (or is not set at all) and you choose not to display the duration (see `controls` option). | +| `invertTime` | Boolean | `true` | Display the current time as a countdown rather than an incremental counter. | +| `toggleInvert` | Boolean | `true` | Allow users to click to toggle the above. | +| `listeners` | Object | `null` | Allows binding of event listeners to the controls before the default handlers. See the `defaults.js` for available listeners. IF your handler prevents default on the event, the default handler will not fire. | +| `captions` | Object | `{ active: false, language: window.navigator.language.split('-')[0] }` | `active`: Toggles if captions should be active by default. `language`: Sets the default language to load (if available). | +| `fullscreen` | Object | `{ enabled: true, fallback: true }` | `enabled`: Toggles whether fullscreen should be enabled. `fallback`: Allow fallback to a full-window solution. | +| `ratio` | String | `16:9` | The aspect ratio you want to use for embedded players. | +| `storage` | Object | `{ enabled: true, key: 'plyr' }` | `enabled`: Allow use of local storage to store user settings. `key`: The key name to use. | +| `speed` | Object | `{ selected: 1, options: [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2] }` | `selected`: The default speed for playback. `options`: Options to display in the menu. Most browsers will refuse to play slower than 0.5. | +| `quality` | Object | `{ default: 'default', options: ['hd2160', 'hd1440', 'hd1080', 'hd720', 'large', 'medium', 'small', 'tiny', 'default'] }` | Currently only supported by YouTube. `default` is the default quality level, determined by YouTube. `options` are the options to display. | +| `loop` | Object | `{ active: false }` | `active`: Whether to loop the current video. If the `loop` attribute is present on a `<video>` or `<audio>` element, this will be automatically set to true This is an object to support future functionality. | 1. Vimeo only @@ -261,10 +290,13 @@ There are methods, setters and getters on a Plyr object. ### Object -The easiest way to access the Plyr object is to set the return value from your call to the constructor to a variable. For example: +The easiest way to access the Plyr object is to set the return value from your call to the constructor to a variable. +For example: ```javascript -const player = new Plyr('#player', { /* options */ }); +const player = new Plyr('#player', { + /* options */ +}); ``` You can also access the object through any events: @@ -283,25 +315,25 @@ An example method: player.pause(); ``` -Method | Parameters | Description --------- | ---------- | ----------- -`play()` | - | Start playback. -`pause()` | - | Pause playback. -`togglePlay(toggle)` | Boolean | Toggle playback, if no parameters are passed, it will toggle based on current status. -`stop()` | - | Stop playback and reset to start. -`restart()` | - | Restart playback. -`rewind(seekTime)` | Number | Rewind playback by the specified seek time. If no parameter is passed, the default seek time will be used. -`forward(seekTime)` | Number | Fast forward by the specified seek time. If no parameter is passed, the default seek time will be used. -`increaseVolume(step)` | Number | Increase volume by the specified step. If no parameter is passed, the default step will be used. -`decreaseVolume(step)` | Number | Increase volume by the specified step. If no parameter is passed, the default step will be used. -`toggleCaptions(toggle)` | Boolean | Toggle captions display. If no parameter is passed, it will toggle based on current status. -`toggleFullscreen(event)` | Event | Toggle fullscreen. Fullscreen can only be initiated by a user event. Exit is possible without user input. -`airplay()` | - | Trigger the airplay dialog on supported devices. -`toggleControls(toggle)` | Boolean | Toggle the controls based on the specified boolean. -`on(event, function)` | String, Function | Add an event listener for the specified event. -`off(event, function)` | String, Function | Remove an event listener for the specified event. -`supports(type)` | String | Check support for a mime type. -`destroy()` | - | Destroy the instance and garbage collect any elements. +| Method | Parameters | Description | +| ------------------------- | ---------------- | ---------------------------------------------------------------------------------------------------------- | +| `play()` | - | Start playback. | +| `pause()` | - | Pause playback. | +| `togglePlay(toggle)` | Boolean | Toggle playback, if no parameters are passed, it will toggle based on current status. | +| `stop()` | - | Stop playback and reset to start. | +| `restart()` | - | Restart playback. | +| `rewind(seekTime)` | Number | Rewind playback by the specified seek time. If no parameter is passed, the default seek time will be used. | +| `forward(seekTime)` | Number | Fast forward by the specified seek time. If no parameter is passed, the default seek time will be used. | +| `increaseVolume(step)` | Number | Increase volume by the specified step. If no parameter is passed, the default step will be used. | +| `decreaseVolume(step)` | Number | Increase volume by the specified step. If no parameter is passed, the default step will be used. | +| `toggleCaptions(toggle)` | Boolean | Toggle captions display. If no parameter is passed, it will toggle based on current status. | +| `toggleFullscreen(event)` | Event | Toggle fullscreen. Fullscreen can only be initiated by a user event. Exit is possible without user input. | +| `airplay()` | - | Trigger the airplay dialog on supported devices. | +| `toggleControls(toggle)` | Boolean | Toggle the controls based on the specified boolean. | +| `on(event, function)` | String, Function | Add an event listener for the specified event. | +| `off(event, function)` | String, Function | Remove an event listener for the specified event. | +| `supports(type)` | String | Check support for a mime type. | +| `destroy()` | - | Destroy the instance and garbage collect any elements. | ### Getters and Setters @@ -317,30 +349,30 @@ An example getter: player.volume; // returns 0.5; ``` -Property | Getter | Setter | Description --------- | ------ | ------ | ----------- -`isHTML5` | ✔ | - | Returns a boolean indicating if the current player is HTML5. -`isEmbed` | ✔ | - | Returns a boolean indicating if the current player is an embedded player. -`paused` | ✔ | - | Returns a boolean indicating if the current player is paused. -`playing` | ✔ | - | Returns a boolean indicating if the current player is playing. -`ended` | ✔ | - | Returns a boolean indicating if the current player has finished playback. -`currentTime` | ✔ | ✔ | Gets or sets the currentTime for the player. The setter accepts a float in seconds. -`seeking` | ✔ | - | Returns a boolean indicating if the current player is seeking. -`duration` | ✔ | - | Returns the duration for the current media. -`volume` | ✔ | ✔ | Gets or sets the volume for the player. The setter accepts a float between 0 and 1. -`muted` | ✔ | ✔ | Gets or sets the muted state of the player. The setter accepts a boolean. -`hasAudio` | ✔ | - | Returns a boolean indicating if the current media has an audio track. -`speed` | ✔ | ✔ | Gets or sets the speed for the player. The setter accepts a value in the options specified in your config. Generally the minimum should be 0.5. -`quality`¹ | ✔ | ✔ | Gets or sets the quality for the player. The setter accepts a value from the options specified in your config. -`loop` | ✔ | ✔ | Gets or sets the current loop state of the player. The setter accepts a boolean. -`source` | ✔ | ✔ | Gets or sets the current source for the player. The setter accepts an object. See [source setter](#source-setter) below for examples. -`poster`² | ✔ | ✔ | Gets or sets the current poster image for the player. The setter accepts a string; the URL for the updated poster image. -`autoplay` | ✔ | ✔ | Gets or sets the autoplay state of the player. The setter accepts a boolean. -`language` | ✔ | ✔ | Gets or sets the preferred captions language for the player. The setter accepts an ISO two-letter language code. Support for the languages is dependent on the captions you include. -`pip` | ✔ | ✔ | Gets or sets the picture-in-picture state of the player. The setter accepts a boolean. This currently only supported on Safari 10+ on MacOS Sierra+ and iOS 10+. +| Property | Getter | Setter | Description | +| --------------- | ------ | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | +| `isHTML5` | ✔ | - | Returns a boolean indicating if the current player is HTML5. | +| `isEmbed` | ✔ | - | Returns a boolean indicating if the current player is an embedded player. | +| `paused` | ✔ | - | Returns a boolean indicating if the current player is paused. | +| `playing` | ✔ | - | Returns a boolean indicating if the current player is playing. | +| `ended` | ✔ | - | Returns a boolean indicating if the current player has finished playback. | +| `currentTime` | ✔ | ✔ | Gets or sets the currentTime for the player. The setter accepts a float in seconds. | +| `seeking` | ✔ | - | Returns a boolean indicating if the current player is seeking. | +| `duration` | ✔ | - | Returns the duration for the current media. | +| `volume` | ✔ | ✔ | Gets or sets the volume for the player. The setter accepts a float between 0 and 1. | +| `muted` | ✔ | ✔ | Gets or sets the muted state of the player. The setter accepts a boolean. | +| `hasAudio` | ✔ | - | Returns a boolean indicating if the current media has an audio track. | +| `speed` | ✔ | ✔ | Gets or sets the speed for the player. The setter accepts a value in the options specified in your config. Generally the minimum should be 0.5. | +| `quality`¹ | ✔ | ✔ | Gets or sets the quality for the player. The setter accepts a value from the options specified in your config. | +| `loop` | ✔ | ✔ | Gets or sets the current loop state of the player. The setter accepts a boolean. | +| `source` | ✔ | ✔ | Gets or sets the current source for the player. The setter accepts an object. See [source setter](#source-setter) below for examples. | +| `poster`² | ✔ | ✔ | Gets or sets the current poster image for the player. The setter accepts a string; the URL for the updated poster image. | +| `autoplay` | ✔ | ✔ | Gets or sets the autoplay state of the player. The setter accepts a boolean. | +| `language` | ✔ | ✔ | Gets or sets the preferred captions language for the player. The setter accepts an ISO two-letter language code. Support for the languages is dependent on the captions you include. | +| `pip` | ✔ | ✔ | Gets or sets the picture-in-picture state of the player. The setter accepts a boolean. This currently only supported on Safari 10+ on MacOS Sierra+ and iOS 10+. | 1. YouTube only. HTML5 will follow. -2. HTML5 only* +2. HTML5 only #### The `.source` setter @@ -360,23 +392,23 @@ player.source = { { src: '/path/to/movie.webm', type: 'video/webm', - } + }, ], poster: '/path/to/poster.jpg', tracks: [ { kind: 'captions', - label: 'English', + label: 'English', srclang: 'en', src: '/path/to/captions.en.vtt', default: true, }, { kind: 'captions', - label: 'French', + label: 'French', srclang: 'fr', src: '/path/to/captions.fr.vtt', - } + }, ], }; ``` @@ -414,7 +446,7 @@ player.source = { }; ``` -*Note*: `src` can be the video ID or URL +_Note_: `src` can be the video ID or URL Vimeo example @@ -430,21 +462,24 @@ player.source = { }; ``` -*Note:* `src` property for YouTube and Vimeo can either be the video ID or the whole URL. +_Note:_ `src` property for YouTube and Vimeo can either be the video ID or the whole URL. -Property | Type | Description --------- | ---- | ----------- -`type` | String | Either `video` or `audio`. *Note:* YouTube and Vimeo are currently not supported as audio sources. -`title` | String | *Optional.* Title of the new media. Used for the `aria-label` attribute on the play button, and outer container. YouTube and Vimeo are populated automatically. -`sources` | Array | This is an array of sources. For HTML5 media, the properties of this object are mapped directly to HTML attributes so more can be added to the object if required. -`poster`¹ | String | The URL for the poster image (HTML5 video only). -`tracks`¹ | String | An array of track objects. Each element in the array is mapped directly to a track element and any keys mapped directly to HTML attributes so as in the example above, it will render as `<track kind="captions" label="English" srclang="en" src="https://cdn.selz.com/plyr/1.0/example_captions_en.vtt" default>` and similar for the French version. Booleans are converted to HTML5 value-less attributes. +| Property | Type | Description | +| -------------- | ------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| `type` | String | Either `video` or `audio`. _Note:_ YouTube and Vimeo are currently not supported as audio sources. | +| `title` | String | _Optional._ Title of the new media. Used for the `aria-label` attribute on the play button, and outer container. YouTube and Vimeo are populated automatically. | +| `sources` | Array | This is an array of sources. For HTML5 media, the properties of this object are mapped directly to HTML attributes so more can be added to the object if required. | +| `poster`¹ | String | The URL for the poster image (HTML5 video only). | +| `tracks`¹ | String | An array of track objects. Each element in the array is mapped directly to a track element and any keys mapped directly to HTML attributes so as in the example above, it will render as `<track kind="captions" label="English" srclang="en" src="https://cdn.selz.com/plyr/1.0/example_captions_en.vtt" default>` and similar for the French version. Booleans are converted to HTML5 value-less attributes. | 1. HTML5 only ## Events -You can listen for events on the target element you setup Plyr on (see example under the table). Some events only apply to HTML5 audio and video. Using your reference to the instance, you can use the `on()` API method or `addEventListener()`. Access to the API can be obtained this way through the `event.detail.plyr` property. Here's an example: +You can listen for events on the target element you setup Plyr on (see example under the table). Some events only apply +to HTML5 audio and video. Using your reference to the instance, you can use the `on()` API method or +`addEventListener()`. Access to the API can be obtained this way through the `event.detail.plyr` property. Here's an +example: ```javascript player.on('ready', event => { @@ -454,88 +489,95 @@ player.on('ready', event => { ### Standard Media Events -Event Type | Description ----------- | ----------- -`progress` | Sent periodically to inform interested parties of progress downloading the media. Information about the current amount of the media that has been downloaded is available in the media element's `buffered` attribute. -`playing` | Sent when the media begins to play (either for the first time, after having been paused, or after ending and then restarting). -`play` | Sent when playback of the media starts after having been paused; that is, when playback is resumed after a prior `pause` event. -`pause` | Sent when playback is paused. -`timeupdate` | The time indicated by the element's `currentTime` attribute has changed. -`volumechange` | Sent when the audio volume changes (both when the volume is set and when the `muted` state is changed). -`seeking` | Sent when a seek operation begins. -`seeked` | Sent when a seek operation completes. -`ratechange` | Sent when the playback speed changes. -`ended` | Sent when playback completes. *Note:* This does not fire if `autoplay` is true. -`enterfullscreen` | Sent when the player enters fullscreen mode (either the proper fullscreen or full-window fallback for older browsers). -`exitfullscreen` | Sent when the player exits fullscreen mode. -`captionsenabled` | Sent when captions are enabled. -`captionsdisabled` | Sent when captions are disabled. -`languagechange` | Sent when the caption language is changed. -`controlshidden` | Sent when the controls are hidden. -`controlsshown` | Sent when the controls are shown. -`ready` | Triggered when the instance is ready for API calls. +| Event Type | Description | +| ------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| `progress` | Sent periodically to inform interested parties of progress downloading the media. Information about the current amount of the media that has been downloaded is available in the media element's `buffered` attribute. | +| `playing` | Sent when the media begins to play (either for the first time, after having been paused, or after ending and then restarting). | +| `play` | Sent when playback of the media starts after having been paused; that is, when playback is resumed after a prior `pause` event. | +| `pause` | Sent when playback is paused. | +| `timeupdate` | The time indicated by the element's `currentTime` attribute has changed. | +| `volumechange` | Sent when the audio volume changes (both when the volume is set and when the `muted` state is changed). | +| `seeking` | Sent when a seek operation begins. | +| `seeked` | Sent when a seek operation completes. | +| `ratechange` | Sent when the playback speed changes. | +| `ended` | Sent when playback completes. _Note:_ This does not fire if `autoplay` is true. | +| `enterfullscreen` | Sent when the player enters fullscreen mode (either the proper fullscreen or full-window fallback for older browsers). | +| `exitfullscreen` | Sent when the player exits fullscreen mode. | +| `captionsenabled` | Sent when captions are enabled. | +| `captionsdisabled` | Sent when captions are disabled. | +| `languagechange` | Sent when the caption language is changed. | +| `controlshidden` | Sent when the controls are hidden. | +| `controlsshown` | Sent when the controls are shown. | +| `ready` | Triggered when the instance is ready for API calls. | #### HTML5 only -Event Type | Description ----------- | ----------- -`loadstart` | Sent when loading of the media begins. -`loadeddata` | The first frame of the media has finished loading. -`loadedmetadata` | The media's metadata has finished loading; all attributes now contain as much useful information as they're going to. -`canplay` | Sent when enough data is available that the media can be played, at least for a couple of frames. This corresponds to the `HAVE_ENOUGH_DATA` `readyState`. -`canplaythrough` | Sent when the ready state changes to `CAN_PLAY_THROUGH`, indicating that the entire media can be played without interruption, assuming the download rate remains at least at the current level. *Note:* Manually setting the `currentTime` will eventually fire a `canplaythrough` event in firefox. Other browsers might not fire this event. -`stalled` | Sent when the user agent is trying to fetch media data, but data is unexpectedly not forthcoming. -`waiting` | Sent when the requested operation (such as playback) is delayed pending the completion of another operation (such as a seek). -`emptied` | he media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the `load()` method is called to reload it. -`cuechange` | Sent when a `TextTrack` has changed the currently displaying cues. -`error` | Sent when an error occurs. The element's `error` attribute contains more information. +| Event Type | Description | +| ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| `loadstart` | Sent when loading of the media begins. | +| `loadeddata` | The first frame of the media has finished loading. | +| `loadedmetadata` | The media's metadata has finished loading; all attributes now contain as much useful information as they're going to. | +| `canplay` | Sent when enough data is available that the media can be played, at least for a couple of frames. This corresponds to the `HAVE_ENOUGH_DATA` `readyState`. | +| `canplaythrough` | Sent when the ready state changes to `CAN_PLAY_THROUGH`, indicating that the entire media can be played without interruption, assuming the download rate remains at least at the current level. _Note:_ Manually setting the `currentTime` will eventually fire a `canplaythrough` event in firefox. Other browsers might not fire this event. | +| `stalled` | Sent when the user agent is trying to fetch media data, but data is unexpectedly not forthcoming. | +| `waiting` | Sent when the requested operation (such as playback) is delayed pending the completion of another operation (such as a seek). | +| `emptied` | he media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the `load()` method is called to reload it. | +| `cuechange` | Sent when a `TextTrack` has changed the currently displaying cues. | +| `error` | Sent when an error occurs. The element's `error` attribute contains more information. | #### YouTube only -Event Type | Description ----------- | ----------- -`statechange` | The state of the player has changed. The code can be accessed via `event.detail.code`. Possible values are `-1`: Unstarted, `0`: Ended, `1`: Playing, `2`: Paused, `3`: Buffering, `5`: Video cued. See the [YouTube Docs](https://developers.google.com/youtube/iframe_api_reference#onStateChange) for more information. -`qualitychange` | The quality of playback has changed. -`qualityrequested` | A change to playback quality has been requested. *Note:* A change to quality can only be *requested* via the API. There is no guarantee the quality will change to the level requested. You should listen to the `qualitychange` event for true changes. +| Event Type | Description | +| ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| `statechange` | The state of the player has changed. The code can be accessed via `event.detail.code`. Possible values are `-1`: Unstarted, `0`: Ended, `1`: Playing, `2`: Paused, `3`: Buffering, `5`: Video cued. See the [YouTube Docs](https://developers.google.com/youtube/iframe_api_reference#onStateChange) for more information. | +| `qualitychange` | The quality of playback has changed. | +| `qualityrequested` | A change to playback quality has been requested. _Note:_ A change to quality can only be _requested_ via the API. There is no guarantee the quality will change to the level requested. You should listen to the `qualitychange` event for true changes. | -*Note:* These events also bubble up the DOM. The event target will be the container element. +_Note:_ These events also bubble up the DOM. The event target will be the container element. Some event details borrowed from [MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Media_events). ## Embeds -YouTube and Vimeo are currently supported and function much like a HTML5 video. Similar events and API methods are available for all types. However if you wish to access the API's directly. You can do so via the `embed` property of your player object - e.g. `player.embed`. You can then use the relevant methods from the third party APIs. More info on the respective API's here: +YouTube and Vimeo are currently supported and function much like a HTML5 video. Similar events and API methods are +available for all types. However if you wish to access the API's directly. You can do so via the `embed` property of +your player object - e.g. `player.embed`. You can then use the relevant methods from the third party APIs. More info on +the respective API's here: -- [YouTube iframe API Reference](https://developers.google.com/youtube/iframe_api_reference) -- [Vimeo player.js Reference](https://github.com/vimeo/player.js) +* [YouTube iframe API Reference](https://developers.google.com/youtube/iframe_api_reference) +* [Vimeo player.js Reference](https://github.com/vimeo/player.js) -*Note*: Not all API methods may work 100%. Your mileage may vary. It's better to use the Plyr API where possible. +_Note_: Not all API methods may work 100%. Your mileage may vary. It's better to use the Plyr API where possible. ## Shortcuts -By default, a player will bind the following keyboard shortcuts when it has focus. If you have the `global` option to `true` and there's only one player in the document then the shortcuts will work when any element has focus, apart from an element that requires input. - -Key | Action ---- | ------ -`0` to `9` | Seek from 0 to 90% respectively -`space` | Toggle playback -`K` | Toggle playback -← | Seek backward by the `seekTime` option -→ | Seek forward by the `seekTime` option -↑ | Increase volume -↓ | Decrease volume -`M` | Toggle mute -`F` | Toggle fullscreen -`C` | Toggle captions -`L` | Toggle loop +By default, a player will bind the following keyboard shortcuts when it has focus. If you have the `global` option to +`true` and there's only one player in the document then the shortcuts will work when any element has focus, apart from +an element that requires input. + +| Key | Action | +| ---------- | -------------------------------------- | +| `0` to `9` | Seek from 0 to 90% respectively | +| `space` | Toggle playback | +| `K` | Toggle playback | +| ← | Seek backward by the `seekTime` option | +| → | Seek forward by the `seekTime` option | +| ↑ | Increase volume | +| ↓ | Decrease volume | +| `M` | Toggle mute | +| `F` | Toggle fullscreen | +| `C` | Toggle captions | +| `L` | Toggle loop | ## Streaming -Because Plyr is an extension of the standard HTML5 video and audio elements, third party streaming plugins can be used with Plyr. Massive thanks to Matias Russitto ([@russitto](https://github.com/russitto)) for working on this. Here's a few examples: +Because Plyr is an extension of the standard HTML5 video and audio elements, third party streaming plugins can be used +with Plyr. Massive thanks to Matias Russitto ([@russitto](https://github.com/russitto)) for working on this. Here's a +few examples: -- Using [hls.js](https://github.com/dailymotion/hls.js) - [Demo](http://codepen.io/sampotts/pen/JKEMqB) -- Using [Shaka](https://github.com/google/shaka-player) - [Demo](http://codepen.io/sampotts/pen/zBNpVR) -- Using [dash.js](https://github.com/Dash-Industry-Forum/dash.js) - [Demo](http://codepen.io/sampotts/pen/BzpJXN) +* Using [hls.js](https://github.com/dailymotion/hls.js) - [Demo](http://codepen.io/sampotts/pen/JKEMqB) +* Using [Shaka](https://github.com/google/shaka-player) - [Demo](http://codepen.io/sampotts/pen/zBNpVR) +* Using [dash.js](https://github.com/Dash-Industry-Forum/dash.js) - [Demo](http://codepen.io/sampotts/pen/BzpJXN) ## Fullscreen @@ -543,33 +585,41 @@ Fullscreen in Plyr is supported by all browsers that [currently support it](http ## Browser support -Plyr supports the last 2 versions of most *modern* browsers. IE11 is also supported. - -Browser | Supported -------- | --------- -Safari | ✔ -Mobile Safari | ✔¹ -Firefox | ✔ -Chrome | ✔ -Opera | ✔ -Edge | ✔ -IE10+ | ✔² -IE9 | API only³ - -1. Mobile Safari on the iPhone forces the native player for `<video>` unless the `playsinline` attribute is present. Volume controls are also disabled. +Plyr supports the last 2 versions of most _modern_ browsers. IE11 is also supported. + +| Browser | Supported | +| ------------- | -------------- | +| Safari | ✔ | +| Mobile Safari | ✔¹ | +| Firefox | ✔ | +| Chrome | ✔ | +| Opera | ✔ | +| Edge | ✔ | +| IE10+ | ✔² | +| IE9 | API only³ | + +1. Mobile Safari on the iPhone forces the native player for `<video>` unless the `playsinline` attribute is present. + Volume controls are also disabled. 2. Native player used (no support for `<progress>` or `<input type="range">`) but the API is supported (v1.0.28+) 3. IE10 has no native fullscreen support, fallback can be used (see [options](#options)) -The `enabled` option can be used to disable certain User Agents. For example, if you don't want to use Plyr for smartphones, you could use: +The `enabled` option can be used to disable certain User Agents. For example, if you don't want to use Plyr for +smartphones, you could use: ```javascript -{ enabled: /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) } +{ + enabled: /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent); +} ``` + If a User Agent is disabled but supports `<video>` and `<audio>` natively, it will use the native player. ## RangeTouch -Some touch browsers (particularly Mobile Safari on iOS) seem to have issues with `<input type="range">` elements whereby touching the track to set the value doesn't work and sliding the thumb can be tricky. To combat this, I've created [RangeTouch](https://rangetouch.com) which I'd recommend including in your solution. It's a tiny script with a nice benefit for users on touch devices. +Some touch browsers (particularly Mobile Safari on iOS) seem to have issues with `<input type="range">` elements whereby +touching the track to set the value doesn't work and sliding the thumb can be tricky. To combat this, I've created +[RangeTouch](https://rangetouch.com) which I'd recommend including in your solution. It's a tiny script with a nice +benefit for users on touch devices. ## Issues @@ -577,45 +627,49 @@ If you find anything weird with Plyr, please let us know using the GitHub issues ## Author -Plyr is developed by [@sam_potts](https://twitter.com/sam_potts) / [sampotts.me](http://sampotts.me) with help from the awesome [contributors](https://github.com/sampotts/plyr/graphs/contributors) +Plyr is developed by [@sam_potts](https://twitter.com/sam_potts) / [sampotts.me](http://sampotts.me) with help from the +awesome [contributors](https://github.com/sampotts/plyr/graphs/contributors) ## Donate -Plyr costs money to run, not only my time - I donate that for free but domains, hosting and more. Any help is appreciated... -[Donate to support Plyr](https://www.paypal.me/pottsy/20usd) +Plyr costs money to run, not only my time - I donate that for free but domains, hosting and more. Any help is +appreciated... [Donate to support Plyr](https://www.paypal.me/pottsy/20usd) ## Mentions -- [ProductHunt](https://www.producthunt.com/tech/plyr) -- [The Changelog](http://thechangelog.com/plyr-simple-html5-media-player-custom-controls-webvtt-captions/) -- [HTML5 Weekly #177](http://html5weekly.com/issues/177) -- [Responsive Design #149](http://us4.campaign-archive2.com/?u=559bc631fe5294fc66f5f7f89&id=451a61490f) -- [Web Design Weekly #174](https://web-design-weekly.com/2015/02/24/web-design-weekly-174/) -- [Hacker News](https://news.ycombinator.com/item?id=9136774) -- [Web Platform Daily](http://webplatformdaily.org/releases/2015-03-04) -- [LayerVault Designer News](https://news.layervault.com/stories/45394-plyr--a-simple-html5-media-player) -- [The Treehouse Show #131](https://teamtreehouse.com/library/episode-131-origami-react-responsive-hero-images) -- [noupe.com](http://www.noupe.com/design/html5-plyr-is-a-responsive-and-accessible-video-player-94389.html) +* [ProductHunt](https://www.producthunt.com/tech/plyr) +* [The Changelog](http://thechangelog.com/plyr-simple-html5-media-player-custom-controls-webvtt-captions/) +* [HTML5 Weekly #177](http://html5weekly.com/issues/177) +* [Responsive Design #149](http://us4.campaign-archive2.com/?u=559bc631fe5294fc66f5f7f89&id=451a61490f) +* [Web Design Weekly #174](https://web-design-weekly.com/2015/02/24/web-design-weekly-174/) +* [Hacker News](https://news.ycombinator.com/item?id=9136774) +* [Web Platform Daily](http://webplatformdaily.org/releases/2015-03-04) +* [LayerVault Designer News](https://news.layervault.com/stories/45394-plyr--a-simple-html5-media-player) +* [The Treehouse Show #131](https://teamtreehouse.com/library/episode-131-origami-react-responsive-hero-images) +* [noupe.com](http://www.noupe.com/design/html5-plyr-is-a-responsive-and-accessible-video-player-94389.html) ## Used by -- [Selz.com](https://selz.com) -- [Peugeot.fr](http://www.peugeot.fr/marque-et-technologie/technologies/peugeot-i-cockpit.html) -- [Peugeot.de](http://www.peugeot.de/modelle/modellberater/208-3-turer/fotos-videos.html) -- [TomTom.com](http://prioritydriving.tomtom.com/) -- [DIGBMX](http://digbmx.com/) -- [Grime Archive](https://grimearchive.com/) -- [koel - A personal music streaming server that works.](http://koel.phanan.net/) -- [Oscar Radio](http://oscar-radio.xyz/) -- [Sparkk TV](https://www.sparkktv.com/) +* [Selz.com](https://selz.com) +* [Peugeot.fr](http://www.peugeot.fr/marque-et-technologie/technologies/peugeot-i-cockpit.html) +* [Peugeot.de](http://www.peugeot.de/modelle/modellberater/208-3-turer/fotos-videos.html) +* [TomTom.com](http://prioritydriving.tomtom.com/) +* [DIGBMX](http://digbmx.com/) +* [Grime Archive](https://grimearchive.com/) +* [koel - A personal music streaming server that works.](http://koel.phanan.net/) +* [Oscar Radio](http://oscar-radio.xyz/) +* [Sparkk TV](https://www.sparkktv.com/) -Let me know on [Twitter](https://twitter.com/sam_potts) I can add you to the above list. It'd be awesome to see how you're using Plyr :-) +Let me know on [Twitter](https://twitter.com/sam_potts) I can add you to the above list. It'd be awesome to see how +you're using Plyr :-) ## Useful links and credits Credit to the PayPal HTML5 Video player from which Plyr's caption functionality was originally ported from: -- [PayPal's Accessible HTML5 Video Player](https://github.com/paypal/accessible-html5-video-player) -- [An awesome guide for Plyr in Japanese!](http://syncer.jp/how-to-use-plyr-io) by [@arayutw](https://twitter.com/arayutw) + +* [PayPal's Accessible HTML5 Video Player](https://github.com/paypal/accessible-html5-video-player) +* [An awesome guide for Plyr in Japanese!](http://syncer.jp/how-to-use-plyr-io) by + [@arayutw](https://twitter.com/arayutw) ## Thanks diff --git a/src/js/captions.js b/src/js/captions.js index 0db755ac..ed1dab8b 100644 --- a/src/js/captions.js +++ b/src/js/captions.js @@ -43,20 +43,13 @@ const captions = { // Inject the container if (!utils.is.htmlElement(this.elements.captions)) { - this.elements.captions = utils.createElement( - 'div', - utils.getAttributesFromSelector(this.config.selectors.captions) - ); + this.elements.captions = utils.createElement('div', utils.getAttributesFromSelector(this.config.selectors.captions)); utils.insertAfter(this.elements.captions, this.elements.wrapper); } // Set the class hook - utils.toggleClass( - this.elements.container, - this.config.classNames.captions.enabled, - !utils.is.empty(captions.getTracks.call(this)) - ); + utils.toggleClass(this.elements.container, this.config.classNames.captions.enabled, !utils.is.empty(captions.getTracks.call(this))); // If no caption file exists, hide container for caption text if (utils.is.empty(captions.getTracks.call(this))) { diff --git a/src/js/controls.js b/src/js/controls.js index fd3e5c29..e7248f66 100644 --- a/src/js/controls.js +++ b/src/js/controls.js @@ -336,9 +336,7 @@ const controls = { ) ); - container.appendChild( - utils.createElement('span', utils.getAttributesFromSelector(this.config.selectors.display[type]), '00:00') - ); + container.appendChild(utils.createElement('span', utils.getAttributesFromSelector(this.config.selectors.display[type]), '00:00')); this.elements.display[type] = container; @@ -491,14 +489,7 @@ const controls = { }; this.options.quality.forEach(quality => - controls.createMenuItem.call( - this, - quality, - list, - type, - controls.getLabel.call(this, 'quality', quality), - getBadge(quality) - ) + controls.createMenuItem.call(this, quality, list, type, controls.getLabel.call(this, 'quality', quality), getBadge(quality)) ); controls.updateSetting.call(this, type, list); @@ -710,16 +701,17 @@ const controls = { }, // Set a list of available captions languages - setSpeedMenu(options) { + setSpeedMenu() { const type = 'speed'; - // Set options if passed and filter based on config - if (utils.is.array(options)) { - this.options.speed = options.filter(speed => this.config.speed.options.includes(speed)); - } else { - this.options.speed = this.config.speed.options; + // Set the default speeds + if (!utils.is.object(this.options.speed) || !Object.keys(this.options.speed).length) { + this.options.speed = [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2]; } + // Set options if passed and filter based on config + this.options.speed = this.options.speed.filter(speed => this.config.speed.options.includes(speed)); + // Toggle the pane and tab const toggle = !utils.is.empty(this.options.speed); controls.toggleTab.call(this, type, toggle); @@ -740,9 +732,7 @@ const controls = { utils.emptyElement(list); // Create items - this.options.speed.forEach(speed => - controls.createMenuItem.call(this, speed, list, type, controls.getLabel.call(this, 'speed', speed)) - ); + this.options.speed.forEach(speed => controls.createMenuItem.call(this, speed, list, type, controls.getLabel.call(this, 'speed', speed))); controls.updateSetting.call(this, type, list); }, @@ -751,9 +741,7 @@ const controls = { toggleMenu(event) { const { form } = this.elements.settings; const button = this.elements.buttons.settings; - const show = utils.is.boolean(event) - ? event - : utils.is.htmlElement(form) && form.getAttribute('aria-hidden') === 'true'; + const show = utils.is.boolean(event) ? event : utils.is.htmlElement(form) && form.getAttribute('aria-hidden') === 'true'; if (utils.is.event(event)) { const isMenuItem = utils.is.htmlElement(form) && form.contains(event.target); @@ -899,10 +887,7 @@ const controls = { } // Create the container - const container = utils.createElement( - 'div', - utils.getAttributesFromSelector(this.config.selectors.controls.wrapper) - ); + const container = utils.createElement('div', utils.getAttributesFromSelector(this.config.selectors.controls.wrapper)); // Restart button if (this.config.controls.includes('restart')) { @@ -927,10 +912,7 @@ const controls = { // Progress if (this.config.controls.includes('progress')) { - const progress = utils.createElement( - 'span', - utils.getAttributesFromSelector(this.config.selectors.progress) - ); + const progress = utils.createElement('span', utils.getAttributesFromSelector(this.config.selectors.progress)); // Seek range slider const seek = controls.createRange.call(this, 'seek', { @@ -1228,13 +1210,7 @@ const controls = { if (this.config.tooltips.controls) { const labels = utils.getElements.call( this, - [ - this.config.selectors.controls.wrapper, - ' ', - this.config.selectors.labels, - ' .', - this.config.classNames.hidden, - ].join('') + [this.config.selectors.controls.wrapper, ' ', this.config.selectors.labels, ' .', this.config.classNames.hidden].join('') ); Array.from(labels).forEach(label => { diff --git a/src/js/defaults.js b/src/js/defaults.js index 152e0661..77bc2457 100644 --- a/src/js/defaults.js +++ b/src/js/defaults.js @@ -108,19 +108,7 @@ const defaults = { }, // Default controls - controls: [ - 'play-large', - 'play', - 'progress', - 'current-time', - 'mute', - 'volume', - 'captions', - 'settings', - 'pip', - 'airplay', - 'fullscreen', - ], + controls: ['play-large', 'play', 'progress', 'current-time', 'mute', 'volume', 'captions', 'settings', 'pip', 'airplay', 'fullscreen'], settings: ['captions', 'quality', 'speed', 'loop'], // Localisation diff --git a/src/js/fullscreen.js b/src/js/fullscreen.js index 2dde1f1a..01703659 100644 --- a/src/js/fullscreen.js +++ b/src/js/fullscreen.js @@ -35,11 +35,7 @@ const fullscreen = { prefix, // Check if we can use it - enabled: - document.fullscreenEnabled || - document.webkitFullscreenEnabled || - document.mozFullScreenEnabled || - document.msFullscreenEnabled, + enabled: document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled, // Yet again Microsoft awesomeness, // Sometimes the prefix is 'ms', sometimes 'MS' to keep you on your toes @@ -73,9 +69,7 @@ const fullscreen = { const target = utils.is.nullOrUndefined(element) ? document.body : element; - return !prefix.length - ? target.requestFullScreen() - : target[prefix + (prefix === 'ms' ? 'RequestFullscreen' : 'RequestFullScreen')](); + return !prefix.length ? target.requestFullScreen() : target[prefix + (prefix === 'ms' ? 'RequestFullscreen' : 'RequestFullScreen')](); }, // Bail from fullscreen @@ -84,9 +78,7 @@ const fullscreen = { return false; } - return !prefix.length - ? document.cancelFullScreen() - : document[prefix + (prefix === 'ms' ? 'ExitFullscreen' : 'CancelFullScreen')](); + return !prefix.length ? document.cancelFullScreen() : document[prefix + (prefix === 'ms' ? 'ExitFullscreen' : 'CancelFullScreen')](); }, // Get the current element diff --git a/src/js/listeners.js b/src/js/listeners.js index d5ab5f56..8f95b1a7 100644 --- a/src/js/listeners.js +++ b/src/js/listeners.js @@ -47,29 +47,7 @@ const listeners = { // Reset on keyup if (pressed) { // Which keycodes should we prevent default - const preventDefault = [ - 48, - 49, - 50, - 51, - 52, - 53, - 54, - 56, - 57, - 32, - 75, - 38, - 40, - 77, - 39, - 37, - 70, - 67, - 73, - 76, - 79, - ]; + const preventDefault = [48, 49, 50, 51, 52, 53, 54, 56, 57, 32, 75, 38, 40, 77, 39, 37, 70, 67, 73, 76, 79]; // Check focused element // and if the focused element is not editable (e.g. text input) @@ -212,13 +190,9 @@ const listeners = { // Toggle controls visibility based on mouse movement if (this.config.hideControls) { // Toggle controls on mouse events and entering fullscreen - utils.on( - this.elements.container, - 'mouseenter mouseleave mousemove touchstart touchend touchmove enterfullscreen exitfullscreen', - event => { - this.toggleControls(event); - } - ); + utils.on(this.elements.container, 'mouseenter mouseleave mousemove touchstart touchend touchmove enterfullscreen exitfullscreen', event => { + this.toggleControls(event); + }); } // Handle user exiting fullscreen by escaping etc @@ -512,9 +486,7 @@ const listeners = { } // Seek tooltip - utils.on(this.elements.progress, 'mouseenter mouseleave mousemove', event => - controls.updateSeekTooltip.call(this, event) - ); + utils.on(this.elements.progress, 'mouseenter mouseleave mousemove', event => controls.updateSeekTooltip.call(this, event)); // Toggle controls visibility based on mouse movement if (this.config.hideControls) { diff --git a/src/js/media.js b/src/js/media.js index 85a06021..8c0559ac 100644 --- a/src/js/media.js +++ b/src/js/media.js @@ -31,18 +31,10 @@ const media = { if (this.supported.ui) { // Check for picture-in-picture support - utils.toggleClass( - this.elements.container, - this.config.classNames.pip.supported, - support.pip && this.type === 'video' - ); + utils.toggleClass(this.elements.container, this.config.classNames.pip.supported, support.pip && this.type === 'video'); // Check for airplay support - utils.toggleClass( - this.elements.container, - this.config.classNames.airplay.supported, - support.airplay && this.isHTML5 - ); + utils.toggleClass(this.elements.container, this.config.classNames.airplay.supported, support.airplay && this.isHTML5); // If there's no autoplay attribute, assume the video is stopped and add state class utils.toggleClass(this.elements.container, this.config.classNames.stopped, this.config.autoplay); diff --git a/src/js/plugins/vimeo.js b/src/js/plugins/vimeo.js index 5c34a7ca..6c32302a 100644 --- a/src/js/plugins/vimeo.js +++ b/src/js/plugins/vimeo.js @@ -208,11 +208,6 @@ const vimeo = { player.config.autopause = state; }); - // Get available speeds - if (player.config.controls.includes('settings') && player.config.settings.includes('speed')) { - controls.setSpeedMenu.call(player); - } - // Get title player.embed.getVideoTitle().then(title => { player.config.title = title; diff --git a/src/js/plugins/youtube.js b/src/js/plugins/youtube.js index 9e02bd37..ce5b46e1 100644 --- a/src/js/plugins/youtube.js +++ b/src/js/plugins/youtube.js @@ -143,8 +143,7 @@ const youtube = { case 101: case 150: - detail.message = - 'The owner of the requested video does not allow it to be played in embedded players.'; + detail.message = 'The owner of the requested video does not allow it to be played in embedded players.'; break; default: @@ -282,9 +281,7 @@ const youtube = { }); // Get available speeds - if (player.config.controls.includes('settings') && player.config.settings.includes('speed')) { - controls.setSpeedMenu.call(player, instance.getAvailablePlaybackRates()); - } + player.options.speed = instance.getAvailablePlaybackRates(); // Set the tabindex to avoid focus entering iframe if (player.supported.ui) { diff --git a/src/js/plyr.js b/src/js/plyr.js index d41b81aa..ea6d3dec 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -56,7 +56,7 @@ class Plyr { options, (() => { try { - return JSON.parse(this.media.getAttribute('data-plyr')); + return JSON.parse(this.media.getAttribute('data-plyr-config')); } catch (e) { return null; } @@ -146,13 +146,19 @@ class Plyr { // Supported: video, audio, vimeo, youtube const type = this.media.tagName.toLowerCase(); + // Embed attributes + const attributes = { + provider: 'data-plyr-provider', + id: 'data-plyr-provider-id', + }; + // Different setup based on type switch (type) { // TODO: Handle passing an iframe for true progressive enhancement // case 'iframe': case 'div': - this.type = this.media.getAttribute('data-type'); - this.embedId = this.media.getAttribute('data-video-id'); + this.type = this.media.getAttribute(attributes.provider); + this.embedId = this.media.getAttribute(attributes.id); if (utils.is.empty(this.type)) { this.console.error('Setup failed: embed type missing'); @@ -165,8 +171,9 @@ class Plyr { } // Clean up - this.media.removeAttribute('data-type'); - this.media.removeAttribute('data-video-id'); + this.media.removeAttribute(attributes.provider); + this.media.removeAttribute(attributes.id); + break; case 'video': diff --git a/src/js/source.js b/src/js/source.js index 228d8f3a..c670ab09 100644 --- a/src/js/source.js +++ b/src/js/source.js @@ -116,11 +116,7 @@ const source = { } // Restore class hooks - utils.toggleClass( - this.elements.container, - this.config.classNames.captions.active, - this.supported.ui && this.captions.enabled - ); + utils.toggleClass(this.elements.container, this.config.classNames.captions.active, this.supported.ui && this.captions.enabled); ui.addStyleHook.call(this); diff --git a/src/js/ui.js b/src/js/ui.js index 3ae974c3..3ab3a1eb 100644 --- a/src/js/ui.js +++ b/src/js/ui.js @@ -302,12 +302,7 @@ const ui = { const invert = !utils.is.htmlElement(this.elements.display.duration) && this.config.invertTime; // Duration - ui.updateTimeDisplay.call( - this, - this.elements.display.currentTime, - invert ? this.duration - this.currentTime : this.currentTime, - invert - ); + ui.updateTimeDisplay.call(this, this.elements.display.currentTime, invert ? this.duration - this.currentTime : this.currentTime, invert); // Ignore updates while seeking if (event && event.type === 'timeupdate' && this.media.seeking) { diff --git a/src/js/utils.js b/src/js/utils.js index 299f8c92..25617ac8 100644 --- a/src/js/utils.js +++ b/src/js/utils.js @@ -41,9 +41,7 @@ const utils = { return this.instanceof(input, window.TextTrackCue) || this.instanceof(input, window.VTTCue); }, track(input) { - return ( - this.instanceof(input, window.TextTrack) || (!this.nullOrUndefined(input) && this.string(input.kind)) - ); + return this.instanceof(input, window.TextTrack) || (!this.nullOrUndefined(input) && this.string(input.kind)); }, nullOrUndefined(input) { return input === null || typeof input === 'undefined'; @@ -358,12 +356,7 @@ const utils = { return Array.from(document.querySelectorAll(selector)).includes(this); } - const matches = - prototype.matches || - prototype.webkitMatchesSelector || - prototype.mozMatchesSelector || - prototype.msMatchesSelector || - match; + const matches = prototype.matches || prototype.webkitMatchesSelector || prototype.mozMatchesSelector || prototype.msMatchesSelector || match; return matches.call(element, selector); }, @@ -417,9 +410,7 @@ const utils = { // Seek tooltip if (utils.is.htmlElement(this.elements.progress)) { - this.elements.display.seekTooltip = this.elements.progress.querySelector( - `.${this.config.classNames.tooltip}` - ); + this.elements.display.seekTooltip = this.elements.progress.querySelector(`.${this.config.classNames.tooltip}`); } return true; |