diff --git a/demo/dist/demo.js b/demo/dist/demo.js index b66e5b85..715cc7ad 100644 --- a/demo/dist/demo.js +++ b/demo/dist/demo.js @@ -1 +1 @@ -"document"in self&&("classList"in document.createElement("_")?!function(){"use strict";var e=document.createElement("_");if(e.classList.add("c1","c2"),!e.classList.contains("c2")){var t=function(e){var t=DOMTokenList.prototype[e];DOMTokenList.prototype[e]=function(e){var i,s=arguments.length;for(i=0;i=0;a--)e(n[a].parentElement,"active",!1);e(document.querySelector('[data-source="'+t+'"]').parentElement,"active",!0)}}var i=plyr.setup({debug:!0,title:"Video demo",iconUrl:"../dist/plyr.svg",tooltips:{controls:!0},captions:{defaultActive:!0},controls:["play-large","play","progress","current-time","mute","volume","captions","settings","fullscreen"]});plyr.loadSprite("dist/demo.svg");for(var s=i[0],n=document.querySelectorAll("[data-source]"),o={video:"video",audio:"audio",youtube:"youtube",vimeo:"vimeo"},r=window.location.hash.replace("#",""),a=window.history&&window.history.pushState,c=n.length-1;c>=0;c--)n[c].addEventListener("click",function(){var e=this.getAttribute("data-source");t(e),a&&history.pushState({type:e},"","#"+e)});if(window.addEventListener("popstate",function(e){e.state&&"type"in e.state&&t(e.state.type)}),a){var l=!r.length;l&&(r=o.video),r in o&&history.replaceState({type:r},"",l?"":"#"+r),r!==o.video&&t(r,!0)}}(),document.domain.indexOf("plyr.io")>-1&&(!function(e,t,i,s,n,o,r){e.GoogleAnalyticsObject=n,e[n]=e[n]||function(){(e[n].q=e[n].q||[]).push(arguments)},e[n].l=1*new Date,o=t.createElement(i),r=t.getElementsByTagName(i)[0],o.async=1,o.src=s,r.parentNode.insertBefore(o,r)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-40881672-11","auto"),ga("send","pageview")); \ No newline at end of file +"document"in self&&("classList"in document.createElement("_")?!function(){"use strict";var e=document.createElement("_");if(e.classList.add("c1","c2"),!e.classList.contains("c2")){var t=function(e){var t=DOMTokenList.prototype[e];DOMTokenList.prototype[e]=function(e){var i,s=arguments.length;for(i=0;i=0;a--)e(n[a].parentElement,"active",!1);e(document.querySelector('[data-source="'+t+'"]').parentElement,"active",!0)}}var i=plyr.setup({debug:!0,title:"Video demo",iconUrl:"../dist/plyr.svg",tooltips:{controls:!0},captions:{defaultActive:!0},controls:["play-large","play","progress","current-time","mute","volume","captions","settings","fullscreen","pip","airplay"]});plyr.loadSprite("dist/demo.svg");for(var s=i[0],n=document.querySelectorAll("[data-source]"),o={video:"video",audio:"audio",youtube:"youtube",vimeo:"vimeo"},r=window.location.hash.replace("#",""),a=window.history&&window.history.pushState,c=n.length-1;c>=0;c--)n[c].addEventListener("click",function(){var e=this.getAttribute("data-source");t(e),a&&history.pushState({type:e},"","#"+e)});if(window.addEventListener("popstate",function(e){e.state&&"type"in e.state&&t(e.state.type)}),a){var l=!r.length;l&&(r=o.video),r in o&&history.replaceState({type:r},"",l?"":"#"+r),r!==o.video&&t(r,!0)}}(),document.domain.indexOf("plyr.io")>-1&&(!function(e,t,i,s,n,o,r){e.GoogleAnalyticsObject=n,e[n]=e[n]||function(){(e[n].q=e[n].q||[]).push(arguments)},e[n].l=1*new Date,o=t.createElement(i),r=t.getElementsByTagName(i)[0],o.async=1,o.src=s,r.parentNode.insertBefore(o,r)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-40881672-11","auto"),ga("send","pageview")); \ No newline at end of file diff --git a/demo/src/js/main.js b/demo/src/js/main.js index b1d689f6..7b62baf7 100644 --- a/demo/src/js/main.js +++ b/demo/src/js/main.js @@ -30,7 +30,9 @@ 'volume', 'captions', 'settings', - 'fullscreen' + 'fullscreen', + 'pip', + 'airplay' ] }); plyr.loadSprite('dist/demo.svg'); diff --git a/dist/plyr.css b/dist/plyr.css index 32301228..74730c03 100644 --- a/dist/plyr.css +++ b/dist/plyr.css @@ -1 +1 @@ -.plyr input[type=range]:focus,.plyr:focus{outline:0}@keyframes plyr-progress{to{background-position:25px 0}}@keyframes plyr-popup{from{transform:translateY(10px);opacity:.5}to{transform:translateY(0);opacity:1}}.plyr{position:relative;max-width:100%;min-width:200px;font-family:Avenir,'Avenir Next','Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif;font-weight:500;direction:ltr}.plyr,.plyr *,.plyr ::after,.plyr ::before{box-sizing:border-box}.plyr a,.plyr button,.plyr input,.plyr label{-ms-touch-action:manipulation;touch-action:manipulation}.plyr [aria-hidden=true]{display:none}.plyr audio,.plyr video{width:100%;height:auto;vertical-align:middle;border-radius:inherit}.plyr input[type=range]{display:block;height:20px;width:100%;margin:0;padding:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:0 0}.plyr input[type=range]::-webkit-slider-runnable-track{height:8px;background:0 0;border:0;border-radius:4px;-webkit-user-select:none;user-select:none}.plyr input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-4px;position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(52,63,74,.2);box-sizing:border-box}.plyr input[type=range]::-moz-range-track{height:8px;background:0 0;border:0;border-radius:4px;-moz-user-select:none;user-select:none}.plyr input[type=range]::-moz-range-thumb{position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(52,63,74,.2);box-sizing:border-box}.plyr input[type=range]::-ms-track{height:8px;background:0 0;border:0;color:transparent}.plyr input[type=range]::-ms-fill-upper{height:8px;background:0 0;border:0;border-radius:4px;-ms-user-select:none;user-select:none}.plyr input[type=range]::-ms-fill-lower{height:8px;border:0;border-radius:4px;-ms-user-select:none;user-select:none;background:#3498db}.plyr input[type=range]::-ms-thumb{position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(52,63,74,.2);box-sizing:border-box;margin-top:0}.plyr input[type=range]::-ms-tooltip{display:none}.plyr input[type=range]::-moz-focus-outer{border:0}.plyr input[type=range].tab-focus:focus{outline-offset:3px}.plyr input[type=range]:active::-webkit-slider-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)}.plyr input[type=range]:active::-moz-range-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)}.plyr input[type=range]:active::-ms-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)}.plyr--video input[type=range].tab-focus:focus{outline:rgba(255,255,255,.5) dotted 1px}.plyr--audio input[type=range].tab-focus:focus{outline:rgba(86,93,100,.5) dotted 1px}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute!important;padding:0!important;border:0!important;height:1px!important;width:1px!important}.plyr__video-embed,.plyr__video-wrapper{border-radius:inherit;overflow:hidden;z-index:0}.plyr__video-wrapper{position:relative;background:#000}.plyr__video-embed{padding-bottom:56.25%;height:0}.plyr__video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.plyr__video-embed>div{position:relative;padding-bottom:200%;transform:translateY(-35.95%)}.plyr .plyr__video-embed iframe{pointer-events:none}.plyr video::-webkit-media-text-track-container{display:none}.plyr__captions{display:none;position:absolute;bottom:0;left:0;width:100%;padding:20px;transform:translateY(-40px);transition:transform .3s ease;color:#fff;font-size:16px;text-align:center}.plyr__captions span{border-radius:2px;padding:3px 10px;background:rgba(0,0,0,.6);-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:150%}.plyr__captions span:empty{display:none}@media (min-width:768px){.plyr__captions{font-size:24px}}.plyr--captions-active .plyr__captions{display:block}.plyr--hide-controls .plyr__captions{transform:translateY(-15px)}@media (min-width:1024px){.plyr--fullscreen-active .plyr__captions{font-size:32px}}.plyr ::-webkit-media-controls{display:none}.plyr__controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;line-height:1;text-align:center}.plyr__controls .plyr__menu,.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>.plyr__control{margin-left:5px}.plyr__controls .plyr__menu:first-child,.plyr__controls .plyr__menu:first-child+[data-plyr=pause],.plyr__controls .plyr__progress:first-child,.plyr__controls .plyr__progress:first-child+[data-plyr=pause],.plyr__controls .plyr__time:first-child,.plyr__controls .plyr__time:first-child+[data-plyr=pause],.plyr__controls>.plyr__control:first-child,.plyr__controls>.plyr__control:first-child+[data-plyr=pause]{margin-left:0}.plyr__controls .plyr__volume{margin-left:5px}@media (min-width:480px){.plyr__controls .plyr__menu,.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>.plyr__control{margin-left:10px}.plyr__controls .plyr__menu+.plyr__control,.plyr__controls>.plyr__control+.plyr__control,.plyr__controls>.plyr__control+.plyr__menu{margin-left:5px}}.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none}.plyr__control{position:relative;display:inline-block;-ms-flex-negative:0;flex-shrink:0;overflow:visible;vertical-align:middle;padding:7px;border:0;background:0 0;border-radius:3px;cursor:pointer;transition:background .3s ease,color .3s ease,opacity .3s ease;color:inherit}.plyr__control svg{width:18px;height:18px;display:block;fill:currentColor;pointer-events:none}.plyr__control .icon--captions-on,.plyr__control .icon--exit-fullscreen,.plyr__control .icon--muted{display:none}.plyr__control:focus{outline:0}.plyr--video .plyr__controls{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:50px 10px 10px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;color:#fff;transition:opacity .3s ease}.plyr--video .plyr__controls .plyr__control.tab-focus:focus,.plyr--video .plyr__controls .plyr__control:hover,.plyr--video .plyr__controls .plyr__control[aria-expanded=true]{background:#3498db;color:#fff}.plyr--audio .plyr__controls{padding:10px;border-radius:inherit;background:#fff;border:1px solid #dbe3e8;color:#565D64}.plyr--audio .plyr__controls .plyr__control.tab-focus:focus,.plyr--audio .plyr__controls .plyr__control:hover,.plyr--audio .plyr__controls .plyr__control[aria-expanded=true]{background:#3498db;color:#fff}.plyr__play-large{display:none;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;background:#3498db;border:4px solid currentColor;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15);color:#fff;transition:all .3s ease}.plyr__play-large svg{position:relative;left:2px;width:20px;height:20px;display:block;fill:currentColor;pointer-events:none}.plyr__play-large:focus{outline:rgba(255,255,255,.5) dotted 1px}.plyr .plyr__play-large{display:inline-block}.plyr--audio .plyr__play-large,.plyr--playing .plyr__controls [data-plyr=play],.plyr__controls [data-plyr=pause]{display:none}.plyr--playing .plyr__play-large{opacity:0;visibility:hidden}.plyr--playing .plyr__controls [data-plyr=pause]{display:inline-block}.plyr--captions-active .plyr__control .icon--captions-on,.plyr--fullscreen-active .plyr__control .icon--exit-fullscreen,.plyr--muted .plyr__control .icon--muted{display:block}.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr--captions-active .plyr__control .icon--captions-on+svg,.plyr--fullscreen-active .plyr__control .icon--exit-fullscreen+svg,.plyr--muted .plyr__control .icon--muted+svg{display:none}.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen]{display:inline-block}.plyr__menu{position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu__container.is-resizing,.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(45deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{position:absolute;z-index:1;bottom:100%;right:-5px;margin-bottom:10px;animation:plyr-popup .2s ease;background:rgba(52,63,74,.9);box-shadow:0 1px 0 rgba(0,0,0,.2);border-radius:4px;white-space:nowrap;text-align:left;color:#fff;font-size:14px}.plyr__menu__container::after{content:"";position:absolute;top:100%;right:15px;height:0;width:0;border:6px solid transparent;border-top-color:rgba(52,63,74,.9)}.plyr__menu__container ul{margin:0;padding:7px;list-style:none;overflow:hidden}.plyr__menu__container .plyr__control{display:-ms-flexbox;display:flex;width:100%;padding:7px 14px;color:#fff;font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.plyr__menu__container .plyr__control::after{content:"";position:absolute;top:50%;transform:translateY(-50%);border:5px solid transparent}.plyr__menu__container .plyr__control--forward{padding-right:28px}.plyr__menu__container .plyr__control--forward::after{right:5px;border-left-color:rgba(255,255,255,.8)}.plyr__menu__container .plyr__control--back{position:relative;width:calc(100% - 14px);margin:7px 7px 3px;padding-left:28px;font-weight:500}.plyr__menu__container .plyr__control--back::after{left:5px;border-right-color:rgba(255,255,255,.8)}.plyr__menu__container .plyr__control--back::before{content:"";position:absolute;top:100%;left:0;right:0;height:1px;overflow:hidden;margin-top:4px;background:rgba(0,0,0,.15);box-shadow:0 1px 0 rgba(255,255,255,.1)}.plyr__menu__container label.plyr__control{padding-left:18px}.plyr__menu__container label.plyr__control input[type=radio]{position:relative;left:-7px}.plyr__menu__container .plyr__menu__value{display:inherit;margin-left:auto;padding-left:25px;pointer-events:none;overflow:hidden;font-weight:500;color:rgba(255,255,255,.8)}.plyr__menu__container .plyr__menu__value .plyr__badge{font-weight:600}.plyr__badge{padding:2px 4px;border-radius:2px;background:#fff;color:rgba(52,63,74,.9);font-size:10px}.plyr__tooltip{position:absolute;z-index:2;bottom:100%;margin-bottom:10px;padding:5px 7.5px;pointer-events:none;opacity:0;background:rgba(52,63,74,.9);border-radius:3px;color:#fff;font-size:14px;font-weight:500;line-height:1.3;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease}.plyr__tooltip::before{content:'';position:absolute;width:0;height:0;left:50%;transform:translateX(-50%);bottom:-4px;border-right:4px solid transparent;border-top:4px solid rgba(52,63,74,.9);border-left:4px solid transparent;z-index:2}.plyr .plyr__control.tab-focus:focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:16px}.plyr__controls>.plyr__control:last-child .plyr__tooltip{right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:16px;transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.tab-focus:focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.tab-focus:focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.tab-focus:focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{position:relative;display:none;-ms-flex:1;flex:1}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress input[type=range]::-webkit-slider-runnable-track{background:0 0}.plyr__progress input[type=range]::-moz-range-track{background:0 0}.plyr__progress input[type=range]::-ms-fill-upper{background:0 0}.plyr__progress .plyr__tooltip{left:0}.plyr .plyr__progress{display:inline-block}.plyr__progress--buffer,.plyr__progress--played,.plyr__volume--display{position:absolute;left:0;top:50%;width:100%;height:8px;margin:-4px 0 0;padding:0;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:100px}.plyr__progress--buffer::-webkit-progress-bar,.plyr__progress--played::-webkit-progress-bar,.plyr__volume--display::-webkit-progress-bar{background:0 0}.plyr__progress--buffer::-webkit-progress-value,.plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:8px}.plyr__progress--buffer::-moz-progress-bar,.plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:8px}.plyr__progress--buffer::-ms-fill,.plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill{border-radius:100px}.plyr__progress--played,.plyr__volume--display{z-index:1;color:#3498db;background:0 0;transition:none}.plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value{min-width:8px;max-width:99%;border-top-right-radius:0;border-bottom-right-radius:0;transition:none}.plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar{min-width:8px;max-width:99%;border-top-right-radius:0;border-bottom-right-radius:0;transition:none}.plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill{display:none}.plyr__progress--buffer::-webkit-progress-value{transition:width .2s ease}.plyr__progress--buffer::-moz-progress-bar{transition:width .2s ease}.plyr__progress--buffer::-ms-fill{transition:width .2s ease}.plyr--video .plyr__progress--buffer,.plyr--video .plyr__volume--display{background:rgba(255,255,255,.25)}.plyr--video .plyr__progress--buffer{color:rgba(255,255,255,.25)}.plyr--audio .plyr__progress--buffer,.plyr--audio .plyr__volume--display{background:rgba(198,214,219,.66)}.plyr--audio .plyr__progress--buffer{color:rgba(198,214,219,.66)}.plyr--loading .plyr__progress--buffer{animation:plyr-progress 1s linear infinite;background-size:25px 25px;background-repeat:repeat-x;background-image:linear-gradient(-45deg,rgba(52,63,74,.2) 25%,transparent 25%,transparent 50%,rgba(52,63,74,.2) 50%,rgba(52,63,74,.2) 75%,transparent 75%,transparent);color:transparent}.plyr--video.plyr--loading .plyr__progress--buffer{background-color:rgba(255,255,255,.25)}.plyr--audio.plyr--loading .plyr__progress--buffer{background-color:rgba(198,214,219,.66)}.plyr__time{display:inline-block;vertical-align:middle;font-size:14px}.plyr__time+.plyr__time{display:none}@media (min-width:768px){.plyr__time+.plyr__time{display:inline-block}}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}.plyr__volume{display:none}.plyr .plyr__volume{-ms-flex:1;flex:1;position:relative}.plyr .plyr__volume input[type=range]{position:relative;z-index:2}@media (min-width:480px){.plyr .plyr__volume{display:block;max-width:60px}}@media (min-width:768px){.plyr .plyr__volume{max-width:100px}}.plyr--is-ios .plyr__volume,.plyr--is-ios [data-plyr=mute]{display:none!important}.plyr--fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000;border-radius:0!important}.plyr--fullscreen-active video{height:100%}.plyr--fullscreen-active .plyr__video-wrapper{height:100%;width:100%}.plyr--fullscreen-active .plyr__video-embed{overflow:visible}.plyr--fullscreen-active .plyr__controls{position:absolute;bottom:0;left:0;right:0}.plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)} \ No newline at end of file +.plyr input[type=range]:focus,.plyr:focus{outline:0}@keyframes plyr-progress{to{background-position:25px 0}}@keyframes plyr-popup{from{transform:translateY(10px);opacity:.5}to{transform:translateY(0);opacity:1}}.plyr{position:relative;max-width:100%;min-width:200px;font-family:Avenir,'Avenir Next','Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif;font-weight:500;direction:ltr}.plyr,.plyr *,.plyr ::after,.plyr ::before{box-sizing:border-box}.plyr a,.plyr button,.plyr input,.plyr label{-ms-touch-action:manipulation;touch-action:manipulation}.plyr [aria-hidden=true]{display:none}.plyr audio,.plyr video{width:100%;height:auto;vertical-align:middle;border-radius:inherit}.plyr input[type=range]{display:block;height:20px;width:100%;margin:0;padding:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:0 0}.plyr input[type=range]::-webkit-slider-runnable-track{height:8px;background:0 0;border:0;border-radius:4px;-webkit-user-select:none;user-select:none}.plyr input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-4px;position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(52,63,74,.2);box-sizing:border-box}.plyr input[type=range]::-moz-range-track{height:8px;background:0 0;border:0;border-radius:4px;-moz-user-select:none;user-select:none}.plyr input[type=range]::-moz-range-thumb{position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(52,63,74,.2);box-sizing:border-box}.plyr input[type=range]::-ms-track{height:8px;background:0 0;border:0;color:transparent}.plyr input[type=range]::-ms-fill-upper{height:8px;background:0 0;border:0;border-radius:4px;-ms-user-select:none;user-select:none}.plyr input[type=range]::-ms-fill-lower{height:8px;border:0;border-radius:4px;-ms-user-select:none;user-select:none;background:#3498db}.plyr input[type=range]::-ms-thumb{position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(52,63,74,.2);box-sizing:border-box;margin-top:0}.plyr input[type=range]::-ms-tooltip{display:none}.plyr input[type=range]::-moz-focus-outer{border:0}.plyr input[type=range].tab-focus:focus{outline-offset:3px}.plyr input[type=range]:active::-webkit-slider-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)}.plyr input[type=range]:active::-moz-range-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)}.plyr input[type=range]:active::-ms-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)}.plyr--video input[type=range].tab-focus:focus{outline:rgba(255,255,255,.5) dotted 1px}.plyr--audio input[type=range].tab-focus:focus{outline:rgba(86,93,100,.5) dotted 1px}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute!important;padding:0!important;border:0!important;height:1px!important;width:1px!important}.plyr__video-embed,.plyr__video-wrapper{border-radius:inherit;overflow:hidden;z-index:0}.plyr__video-wrapper{position:relative;background:#000}.plyr__video-embed{padding-bottom:56.25%;height:0}.plyr__video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.plyr__video-embed>div{position:relative;padding-bottom:200%;transform:translateY(-35.95%)}.plyr .plyr__video-embed iframe{pointer-events:none}.plyr video::-webkit-media-text-track-container{display:none}.plyr__captions{display:none;position:absolute;bottom:0;left:0;width:100%;padding:20px;transform:translateY(-40px);transition:transform .3s ease;color:#fff;font-size:16px;text-align:center}.plyr__captions span{border-radius:2px;padding:3px 10px;background:rgba(0,0,0,.6);-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:150%}.plyr__captions span:empty{display:none}@media (min-width:768px){.plyr__captions{font-size:24px}}.plyr--captions-active .plyr__captions{display:block}.plyr--hide-controls .plyr__captions{transform:translateY(-15px)}@media (min-width:1024px){.plyr--fullscreen-active .plyr__captions{font-size:32px}}.plyr ::-webkit-media-controls{display:none}.plyr__controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;line-height:1;text-align:center}.plyr__controls .plyr__menu,.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>.plyr__control{margin-left:5px}.plyr__controls .plyr__menu:first-child,.plyr__controls .plyr__menu:first-child+[data-plyr=pause],.plyr__controls .plyr__progress:first-child,.plyr__controls .plyr__progress:first-child+[data-plyr=pause],.plyr__controls .plyr__time:first-child,.plyr__controls .plyr__time:first-child+[data-plyr=pause],.plyr__controls>.plyr__control:first-child,.plyr__controls>.plyr__control:first-child+[data-plyr=pause]{margin-left:0}.plyr__controls .plyr__volume{margin-left:5px}@media (min-width:480px){.plyr__controls .plyr__menu,.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>.plyr__control{margin-left:10px}.plyr__controls .plyr__menu+.plyr__control,.plyr__controls>.plyr__control+.plyr__control,.plyr__controls>.plyr__control+.plyr__menu{margin-left:5px}}.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none}.plyr__control{position:relative;display:inline-block;-ms-flex-negative:0;flex-shrink:0;overflow:visible;vertical-align:middle;padding:7px;border:0;background:0 0;border-radius:3px;cursor:pointer;transition:background .3s ease,color .3s ease,opacity .3s ease;color:inherit}.plyr__control svg{width:18px;height:18px;display:block;fill:currentColor;pointer-events:none}.plyr__control .icon--captions-on,.plyr__control .icon--exit-fullscreen,.plyr__control .icon--muted{display:none}.plyr__control:focus{outline:0}.plyr--video .plyr__controls{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:50px 10px 10px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;color:#fff;transition:opacity .3s ease}.plyr--video .plyr__controls .plyr__control.tab-focus:focus,.plyr--video .plyr__controls .plyr__control:hover,.plyr--video .plyr__controls .plyr__control[aria-expanded=true]{background:#3498db;color:#fff}.plyr--audio .plyr__controls{padding:10px;border-radius:inherit;background:#fff;border:1px solid #dbe3e8;color:#565D64}.plyr--audio .plyr__controls .plyr__control.tab-focus:focus,.plyr--audio .plyr__controls .plyr__control:hover,.plyr--audio .plyr__controls .plyr__control[aria-expanded=true]{background:#3498db;color:#fff}.plyr__play-large{display:none;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;background:#3498db;border:4px solid currentColor;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15);color:#fff;transition:all .3s ease}.plyr__play-large svg{position:relative;left:2px;width:20px;height:20px;display:block;fill:currentColor;pointer-events:none}.plyr__play-large:focus{outline:rgba(255,255,255,.5) dotted 1px}.plyr .plyr__play-large{display:inline-block}.plyr--audio .plyr__play-large,.plyr--playing .plyr__controls [data-plyr=play],.plyr__controls [data-plyr=pause]{display:none}.plyr--playing .plyr__play-large{opacity:0;visibility:hidden}.plyr--playing .plyr__controls [data-plyr=pause]{display:inline-block}.plyr--captions-active .plyr__control .icon--captions-on,.plyr--fullscreen-active .plyr__control .icon--exit-fullscreen,.plyr--muted .plyr__control .icon--muted{display:block}.plyr [data-plyr=pip],.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr--captions-active .plyr__control .icon--captions-on+svg,.plyr--fullscreen-active .plyr__control .icon--exit-fullscreen+svg,.plyr--muted .plyr__control .icon--muted+svg{display:none}.plyr--airplay-enabled [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-enabled [data-plyr=pip]{display:inline-block}.plyr__menu{position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu__container.is-resizing,.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(45deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{position:absolute;z-index:1;bottom:100%;right:-5px;margin-bottom:10px;animation:plyr-popup .2s ease;background:rgba(52,63,74,.9);border-radius:4px;white-space:nowrap;text-align:left;color:#fff;font-size:14px}.plyr__menu__container::after{content:"";position:absolute;top:100%;right:15px;height:0;width:0;border:6px solid transparent;border-top-color:rgba(52,63,74,.9)}.plyr__menu__container ul{margin:0;padding:7px;list-style:none;overflow:hidden}.plyr__menu__container .plyr__control{display:-ms-flexbox;display:flex;width:100%;padding:7px 14px;color:#fff;font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.plyr__menu__container .plyr__control::after{content:"";position:absolute;top:50%;transform:translateY(-50%);border:5px solid transparent}.plyr__menu__container .plyr__control--forward{padding-right:28px}.plyr__menu__container .plyr__control--forward::after{right:5px;border-left-color:rgba(255,255,255,.8)}.plyr__menu__container .plyr__control--back{position:relative;width:calc(100% - 14px);margin:7px 7px 3px;padding-left:28px;font-weight:500}.plyr__menu__container .plyr__control--back::after{left:5px;border-right-color:rgba(255,255,255,.8)}.plyr__menu__container .plyr__control--back::before{content:"";position:absolute;top:100%;left:0;right:0;height:1px;overflow:hidden;margin-top:4px;background:rgba(0,0,0,.15);box-shadow:0 1px 0 rgba(255,255,255,.1)}.plyr__menu__container label.plyr__control{padding-left:18px}.plyr__menu__container label.plyr__control input[type=radio]{position:relative;left:-7px}.plyr__menu__container .plyr__menu__value{display:inherit;margin-left:auto;padding-left:25px;pointer-events:none;overflow:hidden;font-weight:500;color:rgba(255,255,255,.8)}.plyr__menu__container .plyr__menu__value .plyr__badge{font-weight:600}.plyr__badge{padding:2px 4px;border-radius:2px;background:#fff;color:rgba(52,63,74,.9);font-size:10px}.plyr__tooltip{position:absolute;z-index:2;bottom:100%;margin-bottom:10px;padding:5px 7.5px;pointer-events:none;opacity:0;background:rgba(52,63,74,.9);border-radius:3px;color:#fff;font-size:14px;font-weight:500;line-height:1.3;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease}.plyr__tooltip::before{content:'';position:absolute;width:0;height:0;left:50%;transform:translateX(-50%);bottom:-4px;border-right:4px solid transparent;border-top:4px solid rgba(52,63,74,.9);border-left:4px solid transparent;z-index:2}.plyr .plyr__control.tab-focus:focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:16px}.plyr__controls>.plyr__control:last-child .plyr__tooltip{right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:16px;transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.tab-focus:focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.tab-focus:focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.tab-focus:focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{position:relative;display:none;-ms-flex:1;flex:1}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress input[type=range]::-webkit-slider-runnable-track{background:0 0}.plyr__progress input[type=range]::-moz-range-track{background:0 0}.plyr__progress input[type=range]::-ms-fill-upper{background:0 0}.plyr__progress .plyr__tooltip{left:0}.plyr .plyr__progress{display:inline-block}.plyr__progress--buffer,.plyr__progress--played,.plyr__volume--display{position:absolute;left:0;top:50%;width:100%;height:8px;margin:-4px 0 0;padding:0;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:100px}.plyr__progress--buffer::-webkit-progress-bar,.plyr__progress--played::-webkit-progress-bar,.plyr__volume--display::-webkit-progress-bar{background:0 0}.plyr__progress--buffer::-webkit-progress-value,.plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:8px}.plyr__progress--buffer::-moz-progress-bar,.plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:8px}.plyr__progress--buffer::-ms-fill,.plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill{border-radius:100px}.plyr__progress--played,.plyr__volume--display{z-index:1;color:#3498db;background:0 0;transition:none}.plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value{min-width:8px;max-width:99%;border-top-right-radius:0;border-bottom-right-radius:0;transition:none}.plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar{min-width:8px;max-width:99%;border-top-right-radius:0;border-bottom-right-radius:0;transition:none}.plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill{display:none}.plyr__progress--buffer::-webkit-progress-value{transition:width .2s ease}.plyr__progress--buffer::-moz-progress-bar{transition:width .2s ease}.plyr__progress--buffer::-ms-fill{transition:width .2s ease}.plyr--video .plyr__progress--buffer,.plyr--video .plyr__volume--display{background:rgba(255,255,255,.25)}.plyr--video .plyr__progress--buffer{color:rgba(255,255,255,.25)}.plyr--audio .plyr__progress--buffer,.plyr--audio .plyr__volume--display{background:rgba(198,214,219,.66)}.plyr--audio .plyr__progress--buffer{color:rgba(198,214,219,.66)}.plyr--loading .plyr__progress--buffer{animation:plyr-progress 1s linear infinite;background-size:25px 25px;background-repeat:repeat-x;background-image:linear-gradient(-45deg,rgba(52,63,74,.2) 25%,transparent 25%,transparent 50%,rgba(52,63,74,.2) 50%,rgba(52,63,74,.2) 75%,transparent 75%,transparent);color:transparent}.plyr--video.plyr--loading .plyr__progress--buffer{background-color:rgba(255,255,255,.25)}.plyr--audio.plyr--loading .plyr__progress--buffer{background-color:rgba(198,214,219,.66)}.plyr__time{display:inline-block;vertical-align:middle;font-size:14px}.plyr__time+.plyr__time{display:none}@media (min-width:768px){.plyr__time+.plyr__time{display:inline-block}}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}.plyr__volume{display:none}.plyr .plyr__volume{-ms-flex:1;flex:1;position:relative}.plyr .plyr__volume input[type=range]{position:relative;z-index:2}@media (min-width:480px){.plyr .plyr__volume{display:block;max-width:60px}}@media (min-width:768px){.plyr .plyr__volume{max-width:100px}}.plyr--is-ios .plyr__volume,.plyr--is-ios [data-plyr=mute]{display:none!important}.plyr--fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000;border-radius:0!important}.plyr--fullscreen-active video{height:100%}.plyr--fullscreen-active .plyr__video-wrapper{height:100%;width:100%}.plyr--fullscreen-active .plyr__video-embed{overflow:visible}.plyr--fullscreen-active .plyr__controls{position:absolute;bottom:0;left:0;right:0}.plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)} \ No newline at end of file diff --git a/dist/plyr.js b/dist/plyr.js index d00d108f..9146ff26 100644 --- a/dist/plyr.js +++ b/dist/plyr.js @@ -1,2 +1,2 @@ -!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=t(e,document):"function"==typeof define&&define.amd?define([],function(){return t(e,document)}):e.plyr=t(e,document)}("undefined"!=typeof window?window:this,function(e,t){"use strict";function n(){var e,n,a,s=navigator.userAgent,l=navigator.appName,i=""+parseFloat(navigator.appVersion),r=parseInt(navigator.appVersion,10),o=!1,u=!1,c=!1,d=!1;return navigator.appVersion.indexOf("Windows NT")!==-1&&navigator.appVersion.indexOf("rv:11")!==-1?(o=!0,l="IE",i="11"):(n=s.indexOf("MSIE"))!==-1?(o=!0,l="IE",i=s.substring(n+5)):(n=s.indexOf("Chrome"))!==-1?(c=!0,l="Chrome",i=s.substring(n+7)):(n=s.indexOf("Safari"))!==-1?(d=!0,l="Safari",i=s.substring(n+7),(n=s.indexOf("Version"))!==-1&&(i=s.substring(n+8))):(n=s.indexOf("Firefox"))!==-1?(u=!0,l="Firefox",i=s.substring(n+8)):(e=s.lastIndexOf(" ")+1)<(n=s.lastIndexOf("/"))&&(l=s.substring(e,n),i=s.substring(n+1),l.toLowerCase()===l.toUpperCase()&&(l=navigator.appName)),(a=i.indexOf(";"))!==-1&&(i=i.substring(0,a)),(a=i.indexOf(" "))!==-1&&(i=i.substring(0,a)),r=parseInt(""+i,10),isNaN(r)&&(i=""+parseFloat(navigator.appVersion),r=parseInt(navigator.appVersion,10)),{name:l,version:r,isIE:o,isFirefox:u,isChrome:c,isSafari:d,isIos:/(iPad|iPhone|iPod)/g.test(navigator.platform),isTouch:"ontouchstart"in t.documentElement}}function a(e){if(!t.querySelectorAll('script[src="'+e+'"]').length){var n=t.createElement("script");n.src=e;var a=t.getElementsByTagName("script")[0];a.parentNode.insertBefore(n,a)}}function s(){try{return e.self!==e.top}catch(e){return!0}}function l(e,t){return Array.prototype.indexOf&&e.indexOf(t)!==-1}function i(e,t){e.length||(e=[e]);for(var n=e.length-1;n>=0;n--){var a=n>0?t.cloneNode(!0):t,s=e[n],l=s.parentNode,i=s.nextSibling;return a.appendChild(s),i?l.insertBefore(a,i):l.appendChild(a),a}}function r(e){e&&e.parentNode.removeChild(e)}function o(e,t){e.insertBefore(t,e.firstChild)}function u(e,t){for(var n in t)e.setAttribute(n,t[n])}function c(e,t){if(!O.string(e)||O.empty(e))return{};var n={};return e.split(",").forEach(function(e){e=e.trim();var a=e.charAt(0);switch(a){case".":var s=e.replace(".","");O.object(t)&&O.string(t.class)&&(t.class+=" "+s),n.class=s;break;case"#":n.id=e.replace("#","");break;case"[":e=e.replace(/[\[\]]/g,"");var l=e.split("="),i=l[0],r=l.length>1?l[1].replace(/[\"\']/g,""):"";n[i]=r}}),n}function d(e,n,a){var s=t.createElement(e);return O.object(n)&&u(s,n),O.string(a)&&(s.textContent=a),s}function p(e,t,n,a){var s=d(e,n,a);o(t,s)}function m(e){for(var t=e.childNodes.length;t--;)e.removeChild(e.lastChild)}function f(e){return e.replace(".","")}function y(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var a=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=a+(n?" "+t:"")}}function b(e,t){return!!e&&(e.classList?e.classList.contains(t):new RegExp("(\\s|^)"+t+"(\\s|$)").test(e.className))}function v(e,n){var a=Element.prototype,s=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.msMatchesSelector||function(e){return[].indexOf.call(t.querySelectorAll(e),this)!==-1};return s.call(e,n)}function g(e,t,n,a,s){k(e,t,function(t){n&&n.apply(e,[t]),a.apply(e,[t])},s)}function h(e,t,n,a,s){var l=t.split(" ");if(O.boolean(s)||(s=!1),e instanceof NodeList)for(var i=0;i'),st.captions.textTracks=!1,st.elements.media.textTracks&&(st.captions.textTracks=!0);var e=[],t="";if(st.elements.media.childNodes.forEach(function(t){"track"===t.nodeName.toLowerCase()&&("captions"!==t.kind&&"subtitles"!==t.kind||e.push(t.getAttribute("src")))}),st.captions.exist=!0,0===e.length?(st.captions.exist=!1,rt("No caption track found")):Number(_.captions.selectedIndex)+1>e.length?(st.captions.exist=!1,rt("Caption index out of bound")):(t=e[_.captions.selectedIndex],rt("Caption track found; URI: "+t)),st.captions.exist){var n=st.elements.media.textTracks;if([].forEach.call(n,function(e){w(e,"cuechange",ee),e.mode="hidden"}),le(st),(st.browser.isIE&&st.browser.version>=10||st.browser.isFirefox&&st.browser.version>=31)&&(rt("Detected browser with known TextTrack issues - using manual fallback"),st.captions.textTracks=!1),st.captions.textTracks){rt("TextTracks supported");var a=n[_.captions.selectedIndex];"captions"!==a.kind&&"subtitles"!==a.kind||(k(a,"cuechange",ee),a.activeCues&&a.activeCues.length>0&&ee(a))}else if(rt("TextTracks not supported so rendering captions manually"),st.captions.current="",st.captions.captions=[],""!==t){var s=new XMLHttpRequest;s.onreadystatechange=function(){if(4===s.readyState)if(200===s.status){var e=s.responseText,t="\r\n";e.indexOf(t+t)===-1&&(t=e.indexOf("\r\r")!==-1?"\r":"\n");var n=e.split(t+t);st.captions.captions=n.map(function(e){var n=e.split(t),a=0;return n[a].indexOf(":")!==-1&&(a=1),[n[a],n[a+1]]}),st.captions.captions.shift(),rt("Successfully loaded the caption file via AJAX")}else ot(_.logPrefix+"There was a problem loading the caption file via AJAX")},s.open("get",t,!0),s.send()}}else y(st.elements.container,_.classes.captions.enabled)}}function ne(e){_.captions.selectedIndex=e||_.captions.selectedIndex,ae(),te()}function ae(e){var t=D(_.selectors.captions);if(O.htmlElement(t)){var n=d("span");m(t),O.undefined(e)&&(e=""),O.string(e)?n.innerHTML=e.trim():n.appendChild(e),t.appendChild(n)}}function se(e){function t(e,t){var n=[];n=e.split(" --> ");for(var a=0;ast.captions.captions.length-1){st.captions.count=st.captions.captions.length-1;break}st.elements.media.currentTime.toFixed(1)>=n(st.captions[st.subcount][0])&&st.elements.media.currentTime.toFixed(1)<=a(st.captions[st.subcount][0])?(st.captions.current=st.captions.captions[st.captions.count][1],ae(st.captions.current)):ae()}}function le(){if(st.elements.buttons.captions){y(st.elements.container,_.classes.captions.enabled,!0);var e=st.storage.captions;O.boolean(e)||(e=_.captions.defaultActive),e&&(y(st.elements.container,_.classes.captions.active,!0),x(st.elements.buttons.captions,!0))}}function ie(e){st.supported.full&&st.elements.buttons.captions&&(O.boolean(e)||(e=st.elements.container.className.indexOf(_.classes.captions.active)===-1),st.captions.enabled=e,x(st.elements.buttons.captions,st.captions.enabled),y(st.elements.container,_.classes.captions.active,st.captions.enabled),R(st.elements.container,st.captions.enabled?"captionsenabled":"captionsdisabled",!0),pe({captions:st.captions.enabled}))}function re(){if(_.loadSprite){var e=B();e.absolute?(rt("AJAX loading absolute SVG sprite"+(st.browser.isIE?" (due to IE)":"")),I(e.url,"sprite-plyr")):rt("Sprite will be used as external resource directly")}l(_.controls,"play-large")&&(st.elements.buttons.playLarge=J("play-large"),st.elements.container.appendChild(st.elements.buttons.playLarge)),st.id=Math.floor(1e4*Math.random());var n,a=$({id:st.id,seektime:_.seekTime,speed:Te(),quality:"HD",captions:"English",loop:"None"});if(O.string(_.selectors.controls.container)&&(n=t.querySelector(_.selectors.controls.container)),O.htmlElement(n)||(n=st.elements.container),n.appendChild(a),_.tooltips.controls)for(var s=V([_.selectors.controls.wrapper," ",_.selectors.labels," .",_.classes.hidden].join("")),i=s.length-1;i>=0;i--){var r=s[i];y(r,_.classes.hidden,!1),y(r,_.classes.tooltip,!0)}}function oe(){y(st.elements.container,_.selectors.container.replace(".",""),st.supported.full)}function ue(e){e&&l(_.types.html5,st.type)?st.elements.media.setAttribute("controls",""):st.elements.media.removeAttribute("controls")}function ce(e){var t=_.i18n.play;O.string(_.title)&&_.title.length&&(t+=", "+_.title,st.elements.container.setAttribute("aria-label",_.title)),st.supported.full&&(O.htmlElement(st.elements.buttons.play)&&st.elements.buttons.play.setAttribute("aria-label",t),O.htmlElement(st.elements.buttons.playLarge)&&st.elements.buttons.playLarge.setAttribute("aria-label",t)),O.htmlElement(e)&&e.setAttribute("title",_.i18n.frameTitle.replace("{title}",_.title))}function de(){var t=null;st.storage={},M.storage&&_.storage.enabled&&(e.localStorage.removeItem("plyr-volume"),t=e.localStorage.getItem(_.storage.key),t&&(/^\d+(\.\d+)?$/.test(t)?pe({volume:parseFloat(t)}):st.storage=JSON.parse(t)))}function pe(t){M.storage&&_.storage.enabled&&(S(st.storage,t),e.localStorage.setItem(_.storage.key,JSON.stringify(st.storage)))}function me(){if(!st.elements.media)return void ot("No media element found!");if(st.supported.full&&(y(st.elements.container,_.classes.type.replace("{0}",st.type),!0),l(_.types.embed,st.type)&&y(st.elements.container,_.classes.type.replace("{0}","video"),!0),y(st.elements.container,_.classes.pip.enabled,M.pip),y(st.elements.container,_.classes.stopped,_.autoplay),y(st.elements.container,_.classes.isIos,st.browser.isIos),y(st.elements.container,_.classes.isTouch,st.browser.isTouch),"video"===st.type)){var e=d("div");e.setAttribute("class",_.classes.videoWrapper),i(st.elements.media,e),st.elements.wrapper=e}l(_.types.embed,st.type)&&fe()}function fe(){var t,n=d("div"),s=st.type+"-"+Math.floor(1e4*Math.random());switch(st.type){case"youtube":t=E(st.embedId);break;case"vimeo":t=A(st.embedId);break;default:t=st.embedId}for(var l=V('[id^="'+st.type+'-"]'),i=l.length-1;i>=0;i--)r(l[i]);if(y(st.elements.media,_.classes.videoWrapper,!0),y(st.elements.media,_.classes.embedWrapper,!0),"youtube"===st.type)st.elements.media.appendChild(n),n.setAttribute("id",s),O.object(e.YT)?be(t,n):(a(_.urls.youtube.api),e.onYouTubeReadyCallbacks=e.onYouTubeReadyCallbacks||[],e.onYouTubeReadyCallbacks.push(function(){be(t,n)}),e.onYouTubeIframeAPIReady=function(){e.onYouTubeReadyCallbacks.forEach(function(e){e()})});else if("vimeo"===st.type)if(st.supported.full?st.elements.media.appendChild(n):n=st.elements.media,n.setAttribute("id",s),O.object(e.Vimeo))ve(t,n);else{a(_.urls.vimeo.api);var o=e.setInterval(function(){O.object(e.Vimeo)&&(e.clearInterval(o),ve(t,n))},50)}else if("soundcloud"===st.type){var c=d("iframe");c.loaded=!1,k(c,"load",function(){c.loaded=!0}),u(c,{src:"https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/"+t,id:s}),n.appendChild(c),st.elements.media.appendChild(n),e.SC||a(_.urls.soundcloud.api);var p=e.setInterval(function(){e.SC&&c.loaded&&(e.clearInterval(p),ge.call(c))},50)}}function ye(){st.supported.full&&(tt(),nt()),ce(D("iframe"))}function be(t,n){st.embed=new e.YT.Player(n.id,{videoId:t,playerVars:{autoplay:_.autoplay?1:0,controls:st.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_load_policy:_.captions.defaultActive?1:0,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1,origin:"*"},events:{onError:function(e){R(st.elements.container,"error",!0,{code:e.data,embed:e.target})},onPlaybackQualityChange:function(e){var t=e.target,n=t.getPlaybackQuality();console.warn(n)},onReady:function(t){var n=t.target;st.elements.media.play=function(){n.playVideo(),st.elements.media.paused=!1},st.elements.media.pause=function(){n.pauseVideo(),st.elements.media.paused=!0},st.elements.media.stop=function(){n.stopVideo(),st.elements.media.paused=!0},st.elements.media.duration=n.getDuration(),st.elements.media.paused=!0,st.elements.media.currentTime=0,st.elements.media.muted=n.isMuted();var a=n.getPlaybackRate(),s=n.getAvailablePlaybackRates();console.warn(a,s),_.title=n.getVideoData().title,st.supported.full&&st.elements.media.querySelector("iframe").setAttribute("tabindex","-1"),ye(),R(st.elements.media,"timeupdate"),R(st.elements.media,"durationchange"),e.clearInterval(lt.buffering),lt.buffering=e.setInterval(function(){st.elements.media.buffered=n.getVideoLoadedFraction(),(null===st.elements.media.lastBuffered||st.elements.media.lastBuffered=n)return;_.loop.end=n,_.loop.indicator.end=st.elements.display.played.value;break;case"all":_.loop.start=0,_.loop.end=st.elements.media.duration-2,_.loop.indicator.start=0,_.loop.indicator.end=100;break;case"toggle":_.loop.active?(_.loop.start=0,_.loop.end=null):(_.loop.start=0,_.loop.end=st.elements.media.duration-2);break;default:_.loop.start=0,_.loop.end=null}_.loop.active=O.number(_.loop.start)&&O.number(_.loop.end);var a=(We(_.loop.start,D('[data-plyr-loop="start"]')),null);O.number(_.loop.end)&&(a=We(_.loop.end,t.querySelector('[data-loop__value="loopout"]'))),_.loop.active}function xe(e){if(O.undefined(e)&&(e=st.storage.speed||_.defaultSpeed),!O.array(_.speeds))return void ot("Invalid speeds format");if(!O.number(e)){var t=_.speeds.indexOf(_.currentSpeed);if(t!==-1){var n=t+1;n>=_.speeds.length&&(n=0),e=_.speeds[n]}else e=_.defaultSpeed}_.currentSpeed=e,st.elements.media.playbackRate=e,pe({speed:e})}function Te(){return _.currentSpeed.toFixed(1).toString().replace(".0","")+"×"}function Se(e){O.number(e)||(e=_.seekTime),Ae(st.elements.media.currentTime-e)}function Ee(e){O.number(e)||(e=_.seekTime),Ae(st.elements.media.currentTime+e)}function Ae(e){var t=0,n=st.elements.media.paused,a=_e();O.number(e)?t=e:O.event(e)&&l(["input","change"],e.type)&&(t=e.target.value/e.target.max*a),t<0?t=0:t>a&&(t=a),Ye(t);try{st.elements.media.currentTime=t.toFixed(4)}catch(e){}if(l(_.types.embed,st.type)){switch(st.type){case"youtube":st.embed.seekTo(t);break;case"vimeo":st.embed.setCurrentTime(t.toFixed(0));break;case"soundcloud":st.embed.seekTo(1e3*t)}n&&ke(),R(st.elements.media,"timeupdate"),st.elements.media.seeking=!0,R(st.elements.media,"seeking")}rt("Seeking to "+st.elements.media.currentTime+" seconds"),se(t)}function _e(){var e=parseInt(_.duration),t=0;return null===st.elements.media.duration||isNaN(st.elements.media.duration)||(t=st.elements.media.duration),isNaN(e)?t:e}function Ie(){y(st.elements.container,_.classes.playing,!st.elements.media.paused),y(st.elements.container,_.classes.stopped,st.elements.media.paused),Ue(st.elements.media.paused)}function Pe(){q={x:e.pageXOffset||0,y:e.pageYOffset||0}}function Ne(){e.scrollTo(q.x,q.y)}function Fe(e){var n=M.fullscreen;if(n){if(!e||e.type!==j.eventType)return j.isFullScreen(st.elements.container)?j.cancelFullScreen():(Pe(),j.requestFullScreen(st.elements.container)),void(st.fullscreen.active=j.isFullScreen(st.elements.container));st.fullscreen.active=j.isFullScreen(st.elements.container)}else st.fullscreen.active=!st.fullscreen.active,t.body.style.overflow=st.fullscreen.active?"hidden":"";y(st.elements.container,_.classes.fullscreen.active,st.fullscreen.active),W(st.fullscreen.active),st.elements.buttons&&st.elements.buttons.fullscreen&&x(st.elements.buttons.fullscreen,st.fullscreen.active),R(st.elements.container,st.fullscreen.active?"enterfullscreen":"exitfullscreen",!0),!st.fullscreen.active&&n&&Ne()}function qe(e){if(O.boolean(e)||(e=!st.elements.media.muted),x(st.elements.buttons.mute,e),st.elements.media.muted=e,0===st.elements.media.volume&&Le(_.volume),l(_.types.embed,st.type)){switch(st.type){case"youtube":st.embed[st.elements.media.muted?"mute":"unMute"]();break;case"vimeo":case"soundcloud":st.embed.setVolume(st.elements.media.muted?0:parseFloat(_.volume/10))}R(st.elements.media,"volumechange")}}function Le(e){var t=10,n=0;if(O.event(e)&&(e=e.target.value),O.undefined(e)&&(e=st.storage.volume),(null===e||isNaN(e))&&(e=_.volume),e>t&&(e=t),e0&&qe()}function Oe(e){var t=st.elements.media.muted?0:10*st.elements.media.volume;O.number(e)||(e=1),Le(t+e)}function je(e){var t=st.elements.media.muted?0:10*st.elements.media.volume;O.number(e)||(e=1),Le(t-e)}function Me(){var e=st.elements.media.muted?0:10*st.elements.media.volume;st.supported.full&&(st.elements.inputs.volume&&(st.elements.inputs.volume.value=e),st.elements.display.volume&&(st.elements.display.volume.value=e)),pe({volume:e}),y(st.elements.container,_.classes.muted,0===e),st.supported.full&&st.elements.buttons.mute&&x(st.elements.buttons.mute,0===e)}function Re(e){var t="waiting"===e.type;clearTimeout(lt.loading),lt.loading=setTimeout(function(){y(st.elements.container,_.classes.loading,t),Ue(t)},t?250:0)}function Ve(e){if(st.supported.full){var t=st.elements.display.played,n=0,a=_e();if(e)switch(e.type){case"timeupdate":case"seeking":if(st.elements.controls.pressed)return;n=T(st.elements.media.currentTime,a),"timeupdate"===e.type&&st.elements.inputs.seek&&(st.elements.inputs.seek.value=n);break;case"playing":case"progress":t=st.elements.display.buffer,n=function(){var e=st.elements.media.buffered;return e&&e.length?T(e.end(0),a):O.number(e)?100*e:0}()}O.number(_.loop.start)&&O.number(_.loop.end)&&st.elements.media.currentTime>=_.loop.end&&Ae(_.loop.start),De(t,n)}}function De(e,t){if(st.supported.full){if(O.undefined(t)&&(t=0),O.undefined(e)){if(!O.htmlElement(st.elements.display.buffer))return;e=st.elements.display.buffer}if(O.htmlElement(e)){e.value=t;var n=e.getElementsByTagName("span")[0];O.htmlElement(n)&&(n.childNodes[0].nodeValue=t)}}}function We(e,t){if(t){isNaN(e)&&(e=0);var n=parseInt(e%60),a=parseInt(e/60%60),s=parseInt(e/60/60%60),l=parseInt(_e()/60/60%60)>0;n=("0"+n).slice(-2),a=("0"+a).slice(-2);var i=(l?s+":":"")+a+":"+n;return t.textContent=i,i}}function He(){if(st.supported.full){var e=_e()||0;!st.elements.display.duration&&_.displayDuration&&st.elements.media.paused&&We(e,st.elements.display.currentTime),st.elements.display.duration&&We(e,st.elements.display.duration),Xe()}}function Be(e){We(st.elements.media.currentTime,st.elements.display.currentTime),e&&"timeupdate"===e.type&&st.elements.media.seeking||Ve(e)}function Ye(e){O.number(e)||(e=0);var t=_e(),n=T(e,t);st.elements.progress&&st.elements.display.played&&(st.elements.display.played.value=n),st.elements.buttons&&st.elements.inputs.seek&&(st.elements.inputs.seek.value=n)}function Xe(e){var t=_e();if(_.tooltips.seek&&O.htmlElement(st.elements.inputs.seek)&&O.htmlElement(st.elements.display.seekTooltip)&&0!==t){var n=st.elements.inputs.seek.getBoundingClientRect(),a=0,s=_.classes.tooltip+"--visible";if(O.event(e))a=100/n.width*(e.pageX-n.left);else{if(!b(st.elements.display.seekTooltip,s))return;a=st.elements.display.seekTooltip.style.left.replace("%","")}a<0?a=0:a>100&&(a=100),We(t/100*a,st.elements.display.seekTooltip),st.elements.display.seekTooltip.style.left=a+"%",O.event(e)&&l(["mouseenter","mouseleave"],e.type)&&y(st.elements.display.seekTooltip,s,"mouseenter"===e.type)}}function Ue(t){if(_.hideControls&&"audio"!==st.type){var n=0,a=!1,s=t,i=b(st.elements.container,_.classes.loading); -if(O.boolean(t)||(t&&t.type?(a="enterfullscreen"===t.type,s=l(["mousemove","touchstart","mouseenter","focus"],t.type),l(["mousemove","touchmove"],t.type)&&(n=2e3),"focus"===t.type&&(n=3e3)):s=b(st.elements.container,_.classes.hideControls)),e.clearTimeout(lt.hover),s||st.elements.media.paused||i){if(y(st.elements.container,_.classes.hideControls,!1),st.elements.media.paused||i)return;st.browser.isTouch&&(n=3e3)}s&&st.elements.media.paused||(lt.hover=e.setTimeout(function(){(!st.elements.controls.pressed&&!st.elements.controls.hover||a)&&y(st.elements.container,_.classes.hideControls,!0)},n))}}function Je(e){if(!O.undefined(e))return void Ke(e);var t;switch(st.type){case"youtube":t=st.embed.getVideoUrl();break;case"vimeo":st.embed.getVideoUrl.then(function(e){t=e});break;case"soundcloud":st.embed.getCurrentSound(function(e){t=e.permalink_url});break;default:t=st.elements.media.currentSrc}return t||""}function Ke(e){function t(){if(st.embed=null,r(st.elements.media),"video"===st.type&&st.elements.wrapper&&r(st.elements.wrapper),st.elements.container&&st.elements.container.removeAttribute("class"),"type"in e&&(st.type=e.type,"video"===st.type)){var t=e.sources[0];"type"in t&&l(_.types.embed,t.type)&&(st.type=t.type)}switch(st.supported=P(st.type),st.type){case"video":st.elements.media=d("video");break;case"audio":st.elements.media=d("audio");break;case"youtube":case"vimeo":case"soundcloud":st.elements.media=d("div"),st.embedId=e.sources[0].src}o(st.elements.container,st.elements.media),O.boolean(e.autoplay)&&(_.autoplay=e.autoplay),l(_.types.html5,st.type)&&(_.crossorigin&&st.elements.media.setAttribute("crossorigin",""),_.autoplay&&st.elements.media.setAttribute("autoplay",""),"poster"in e&&st.elements.media.setAttribute("poster",e.poster),_.loop.active&&st.elements.media.setAttribute("loop","")),y(st.elements.container,_.classes.fullscreen.active,st.fullscreen.active),y(st.elements.container,_.classes.captions.active,st.captions.enabled),oe(),l(_.types.html5,st.type)&&H("source",e.sources),me(),l(_.types.html5,st.type)&&("tracks"in e&&H("track",e.tracks),st.elements.media.load()),(l(_.types.html5,st.type)||l(_.types.embed,st.type)&&!st.supported.full)&&(tt(),nt()),_.title=e.title,ce()}return O.object(e)&&"sources"in e&&e.sources.length?(y(st.elements.container,_.classes.ready,!1),ke(),Ye(),De(),Ge(),void Ze(t,!1)):void ot("Invalid source format")}function Qe(e){"video"===st.type&&st.elements.media.setAttribute("poster",e)}function ze(){function n(){var e=we(),t=st.elements.buttons[e?"play":"pause"],n=st.elements.buttons[e?"pause":"play"];if(n=n&&n.length>1?n[n.length-1]:n[0]){var a=b(t,_.classes.tabFocus);setTimeout(function(){n.focus(),a&&(y(t,_.classes.tabFocus,!1),y(n,_.classes.tabFocus,!0))},100)}}function a(){var e=t.activeElement;return e=e&&e!==t.body?t.querySelector(":focus"):null}function s(e){return e.keyCode?e.keyCode:e.which}function i(e){for(var t in st.elements.buttons){var n=st.elements.buttons[t];if(O.nodeList(n))for(var a=0;a0)&&(t?(je(n),a=-1):(Oe(n),a=1)),(e.deltaY>0||e.deltaX<0)&&(t?(Oe(n),a=1):(je(n),a=-1)),(1===a&&st.elements.media.volume<1||a===-1&&st.elements.media.volume>0)&&e.preventDefault()}),M.fullscreen&&k(t,j.eventType,Fe)}function $e(){if(k(st.elements.media,"timeupdate seeking",Be),k(st.elements.media,"timeupdate",se),k(st.elements.media,"durationchange loadedmetadata",He),k(st.elements.media,"ended",function(){"video"===st.type&&_.showPosterOnEnd&&("video"===st.type&&ae(),Ae(),st.elements.media.load())}),k(st.elements.media,"progress playing",Ve),k(st.elements.media,"volumechange",Me),k(st.elements.media,"play pause ended",Ie),k(st.elements.media,"waiting canplay seeked",Re),_.clickToPlay&&"audio"!==st.type){var e=D("."+_.classes.videoWrapper);if(!e)return;e.style.cursor="pointer",k(e,"click",function(){_.hideControls&&st.browser.isTouch&&!st.elements.media.paused||(st.elements.media.paused?he():st.elements.media.ended?(Ae(),he()):ke())})}_.disableContextMenu&&k(st.elements.media,"contextmenu",function(e){e.preventDefault()}),k(st.elements.media,_.events.concat(["keyup","keydown"]).join(" "),function(e){R(st.elements.container,e.type,!0)})}function Ge(){if(l(_.types.html5,st.type)){for(var e=st.elements.media.querySelectorAll("source"),t=0;t=0;n--){var a=n>0?t.cloneNode(!0):t,s=e[n],l=s.parentNode,i=s.nextSibling;return a.appendChild(s),i?l.insertBefore(a,i):l.appendChild(a),a}}function r(e){e&&e.parentNode.removeChild(e)}function o(e,t){e.insertBefore(t,e.firstChild)}function u(e,t){for(var n in t)e.setAttribute(n,t[n])}function c(e,t){if(!j.string(e)||j.empty(e))return{};var n={};return e.split(",").forEach(function(e){e=e.trim();var a=e.charAt(0);switch(a){case".":var s=e.replace(".","");j.object(t)&&j.string(t.class)&&(t.class+=" "+s),n.class=s;break;case"#":n.id=e.replace("#","");break;case"[":e=e.replace(/[\[\]]/g,"");var l=e.split("="),i=l[0],r=l.length>1?l[1].replace(/[\"\']/g,""):"";n[i]=r}}),n}function d(e,n,a){var s=t.createElement(e);return j.object(n)&&u(s,n),j.string(a)&&(s.textContent=a),s}function p(e,t,n,a){var s=d(e,n,a);o(t,s)}function m(e){for(var t=e.childNodes.length;t--;)e.removeChild(e.lastChild)}function f(e){return e.replace(".","")}function y(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var a=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=a+(n?" "+t:"")}}function b(e,t){return!!e&&(e.classList?e.classList.contains(t):new RegExp("(\\s|^)"+t+"(\\s|$)").test(e.className))}function v(e,n){var a=Element.prototype,s=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.msMatchesSelector||function(e){return[].indexOf.call(t.querySelectorAll(e),this)!==-1};return s.call(e,n)}function g(){var e=t.activeElement;return e=e&&e!==t.body?t.querySelector(":focus"):null}function h(e,t,n,a,s){w(e,t,function(t){n&&n.apply(e,[t]),a.apply(e,[t])},s)}function k(e,t,n,a,s){var l=t.split(" ");if(j.boolean(s)||(s=!1),e instanceof NodeList)for(var i=0;i'),lt.captions.textTracks=!1,lt.elements.media.textTracks&&(lt.captions.textTracks=!0);var e=[],t="";if(lt.elements.media.childNodes.forEach(function(t){"track"===t.nodeName.toLowerCase()&&("captions"!==t.kind&&"subtitles"!==t.kind||e.push(t.getAttribute("src")))}),lt.captions.exist=!0,0===e.length?(lt.captions.exist=!1,ot("No caption track found")):Number(I.captions.selectedIndex)+1>e.length?(lt.captions.exist=!1,ot("Caption index out of bound")):(t=e[I.captions.selectedIndex],ot("Caption track found; URI: "+t)),lt.captions.exist){var n=lt.elements.media.textTracks;if([].forEach.call(n,function(e){C(e,"cuechange",te),e.mode="hidden"}),ie(lt),(lt.browser.isIE&<.browser.version>=10||lt.browser.isFirefox&<.browser.version>=31)&&(ot("Detected browser with known TextTrack issues - using manual fallback"),lt.captions.textTracks=!1),lt.captions.textTracks){ot("TextTracks supported");var a=n[I.captions.selectedIndex];"captions"!==a.kind&&"subtitles"!==a.kind||(w(a,"cuechange",te),a.activeCues&&a.activeCues.length>0&&te(a))}else if(ot("TextTracks not supported so rendering captions manually"),lt.captions.current="",lt.captions.captions=[],""!==t){var s=new XMLHttpRequest;s.onreadystatechange=function(){if(4===s.readyState)if(200===s.status){var e=s.responseText,t="\r\n";e.indexOf(t+t)===-1&&(t=e.indexOf("\r\r")!==-1?"\r":"\n");var n=e.split(t+t);lt.captions.captions=n.map(function(e){var n=e.split(t),a=0;return n[a].indexOf(":")!==-1&&(a=1),[n[a],n[a+1]]}),lt.captions.captions.shift(),ot("Successfully loaded the caption file via AJAX")}else ut(I.logPrefix+"There was a problem loading the caption file via AJAX")},s.open("get",t,!0),s.send()}}else y(lt.elements.container,I.classes.captions.enabled)}}function ae(e){I.captions.selectedIndex=e||I.captions.selectedIndex,se(),ne()}function se(e){var t=W(I.selectors.captions);if(j.htmlElement(t)){var n=d("span");m(t),j.undefined(e)&&(e=""),j.string(e)?n.innerHTML=e.trim():n.appendChild(e),t.appendChild(n)}}function le(e){function t(e,t){var n=[];n=e.split(" --> ");for(var a=0;alt.captions.captions.length-1){lt.captions.count=lt.captions.captions.length-1;break}lt.elements.media.currentTime.toFixed(1)>=n(lt.captions[lt.subcount][0])&<.elements.media.currentTime.toFixed(1)<=a(lt.captions[lt.subcount][0])?(lt.captions.current=lt.captions.captions[lt.captions.count][1],se(lt.captions.current)):se()}}function ie(){if(lt.elements.buttons.captions){y(lt.elements.container,I.classes.captions.enabled,!0);var e=lt.storage.captions;j.boolean(e)||(e=I.captions.defaultActive),e&&(y(lt.elements.container,I.classes.captions.active,!0),T(lt.elements.buttons.captions,!0))}}function re(e){lt.supported.full&<.elements.buttons.captions&&(j.boolean(e)||(e=lt.elements.container.className.indexOf(I.classes.captions.active)===-1),lt.captions.enabled=e,T(lt.elements.buttons.captions,lt.captions.enabled),y(lt.elements.container,I.classes.captions.active,lt.captions.enabled),V(lt.elements.container,lt.captions.enabled?"captionsenabled":"captionsdisabled",!0),me({captions:lt.captions.enabled}))}function oe(){if(I.loadSprite){var e=Y();e.absolute?(ot("AJAX loading absolute SVG sprite"+(lt.browser.isIE?" (due to IE)":"")),P(e.url,"sprite-plyr")):ot("Sprite will be used as external resource directly")}l(I.controls,"play-large")&&(lt.elements.buttons.playLarge=K("play-large"),lt.elements.container.appendChild(lt.elements.buttons.playLarge)),lt.id=Math.floor(1e4*Math.random());var n,a=G({id:lt.id,seektime:I.seekTime,speed:Se(),quality:"HD",captions:"English",loop:"None"});if(j.string(I.selectors.controls.container)&&(n=t.querySelector(I.selectors.controls.container)),j.htmlElement(n)||(n=lt.elements.container),n.appendChild(a),I.tooltips.controls)for(var s=D([I.selectors.controls.wrapper," ",I.selectors.labels," .",I.classes.hidden].join("")),i=s.length-1;i>=0;i--){var r=s[i];y(r,I.classes.hidden,!1),y(r,I.classes.tooltip,!0)}}function ue(){y(lt.elements.container,I.selectors.container.replace(".",""),lt.supported.full)}function ce(e){e&&l(I.types.html5,lt.type)?lt.elements.media.setAttribute("controls",""):lt.elements.media.removeAttribute("controls")}function de(e){var t=I.i18n.play;j.string(I.title)&&I.title.length&&(t+=", "+I.title,lt.elements.container.setAttribute("aria-label",I.title)),lt.supported.full&&(j.htmlElement(lt.elements.buttons.play)&<.elements.buttons.play.setAttribute("aria-label",t),j.htmlElement(lt.elements.buttons.playLarge)&<.elements.buttons.playLarge.setAttribute("aria-label",t)),j.htmlElement(e)&&e.setAttribute("title",I.i18n.frameTitle.replace("{title}",I.title))}function pe(){var t=null;lt.storage={},R.storage&&I.storage.enabled&&(e.localStorage.removeItem("plyr-volume"),t=e.localStorage.getItem(I.storage.key),t&&(/^\d+(\.\d+)?$/.test(t)?me({volume:parseFloat(t)}):lt.storage=JSON.parse(t)))}function me(t){R.storage&&I.storage.enabled&&(E(lt.storage,t),e.localStorage.setItem(I.storage.key,JSON.stringify(lt.storage)))}function fe(){if(!lt.elements.media)return void ut("No media element found!");if(lt.supported.full&&(y(lt.elements.container,I.classes.type.replace("{0}",lt.type),!0),l(I.types.embed,lt.type)&&y(lt.elements.container,I.classes.type.replace("{0}","video"),!0),y(lt.elements.container,I.classes.pip.enabled,R.pip&&"video"===lt.type),y(lt.elements.container,I.classes.airplay.enabled,R.airplay&&"video"===lt.type),y(lt.elements.container,I.classes.stopped,I.autoplay),y(lt.elements.container,I.classes.isIos,lt.browser.isIos),y(lt.elements.container,I.classes.isTouch,lt.browser.isTouch),"video"===lt.type)){var e=d("div");e.setAttribute("class",I.classes.videoWrapper),i(lt.elements.media,e),lt.elements.wrapper=e}l(I.types.embed,lt.type)&&ye()}function ye(){var t,n=d("div"),s=lt.type+"-"+Math.floor(1e4*Math.random());switch(lt.type){case"youtube":t=A(lt.embedId);break;case"vimeo":t=_(lt.embedId);break;default:t=lt.embedId}for(var l=D('[id^="'+lt.type+'-"]'),i=l.length-1;i>=0;i--)r(l[i]);if(y(lt.elements.media,I.classes.videoWrapper,!0),y(lt.elements.media,I.classes.embedWrapper,!0),"youtube"===lt.type)lt.elements.media.appendChild(n),n.setAttribute("id",s),j.object(e.YT)?ve(t,n):(a(I.urls.youtube.api),e.onYouTubeReadyCallbacks=e.onYouTubeReadyCallbacks||[],e.onYouTubeReadyCallbacks.push(function(){ve(t,n)}),e.onYouTubeIframeAPIReady=function(){e.onYouTubeReadyCallbacks.forEach(function(e){e()})});else if("vimeo"===lt.type)if(lt.supported.full?lt.elements.media.appendChild(n):n=lt.elements.media,n.setAttribute("id",s),j.object(e.Vimeo))ge(t,n);else{a(I.urls.vimeo.api);var o=e.setInterval(function(){j.object(e.Vimeo)&&(e.clearInterval(o),ge(t,n))},50)}else if("soundcloud"===lt.type){var c=d("iframe");c.loaded=!1,w(c,"load",function(){c.loaded=!0}),u(c,{src:"https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/"+t,id:s}),n.appendChild(c),lt.elements.media.appendChild(n),e.SC||a(I.urls.soundcloud.api);var p=e.setInterval(function(){e.SC&&c.loaded&&(e.clearInterval(p),he.call(c))},50)}}function be(){lt.supported.full&&(nt(),at()),de(W("iframe"))}function ve(t,n){lt.embed=new e.YT.Player(n.id,{videoId:t,playerVars:{autoplay:I.autoplay?1:0,controls:lt.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_load_policy:I.captions.defaultActive?1:0,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1,origin:"*"},events:{onError:function(e){V(lt.elements.container,"error",!0,{code:e.data,embed:e.target})},onPlaybackQualityChange:function(e){var t=e.target,n=t.getPlaybackQuality();console.warn(n)},onReady:function(t){var n=t.target;lt.elements.media.play=function(){n.playVideo(),lt.elements.media.paused=!1},lt.elements.media.pause=function(){n.pauseVideo(),lt.elements.media.paused=!0},lt.elements.media.stop=function(){n.stopVideo(),lt.elements.media.paused=!0},lt.elements.media.duration=n.getDuration(),lt.elements.media.paused=!0,lt.elements.media.currentTime=0,lt.elements.media.muted=n.isMuted();var a=n.getPlaybackRate(),s=n.getAvailablePlaybackRates();console.warn(a,s),I.title=n.getVideoData().title,lt.supported.full&<.elements.media.querySelector("iframe").setAttribute("tabindex","-1"),be(),V(lt.elements.media,"timeupdate"),V(lt.elements.media,"durationchange"),e.clearInterval(it.buffering),it.buffering=e.setInterval(function(){lt.elements.media.buffered=n.getVideoLoadedFraction(),(null===lt.elements.media.lastBuffered||lt.elements.media.lastBuffered=n)return;I.loop.end=n,I.loop.indicator.end=lt.elements.display.played.value;break;case"all":I.loop.start=0,I.loop.end=lt.elements.media.duration-2,I.loop.indicator.start=0,I.loop.indicator.end=100;break;case"toggle":I.loop.active?(I.loop.start=0,I.loop.end=null):(I.loop.start=0,I.loop.end=lt.elements.media.duration-2);break;default:I.loop.start=0,I.loop.end=null}I.loop.active=j.number(I.loop.start)&&j.number(I.loop.end);var a=(He(I.loop.start,W('[data-plyr-loop="start"]')),null);j.number(I.loop.end)&&(a=He(I.loop.end,t.querySelector('[data-loop__value="loopout"]'))),I.loop.active}function Te(e){if(j.undefined(e)&&(e=lt.storage.speed||I.defaultSpeed),!j.array(I.speeds))return void ut("Invalid speeds format");if(!j.number(e)){var t=I.speeds.indexOf(I.currentSpeed);if(t!==-1){var n=t+1;n>=I.speeds.length&&(n=0),e=I.speeds[n]}else e=I.defaultSpeed}I.currentSpeed=e,lt.elements.media.playbackRate=e,me({speed:e})}function Se(){return I.currentSpeed.toFixed(1).toString().replace(".0","")+"×"}function Ee(e){j.number(e)||(e=I.seekTime),_e(lt.elements.media.currentTime-e)}function Ae(e){j.number(e)||(e=I.seekTime),_e(lt.elements.media.currentTime+e)}function _e(e){var t=0,n=lt.elements.media.paused,a=Ie();j.number(e)?t=e:j.event(e)&&l(["input","change"],e.type)&&(t=e.target.value/e.target.max*a),t<0?t=0:t>a&&(t=a),Xe(t);try{lt.elements.media.currentTime=t.toFixed(4)}catch(e){}if(l(I.types.embed,lt.type)){switch(lt.type){case"youtube":lt.embed.seekTo(t);break;case"vimeo":lt.embed.setCurrentTime(t.toFixed(0));break;case"soundcloud":lt.embed.seekTo(1e3*t)}n&&we(),V(lt.elements.media,"timeupdate"),lt.elements.media.seeking=!0,V(lt.elements.media,"seeking")}ot("Seeking to "+lt.elements.media.currentTime+" seconds"),le(t)}function Ie(){var e=parseInt(I.duration),t=0;return null===lt.elements.media.duration||isNaN(lt.elements.media.duration)||(t=lt.elements.media.duration),isNaN(e)?t:e}function Pe(){y(lt.elements.container,I.classes.playing,!lt.elements.media.paused),y(lt.elements.container,I.classes.stopped,lt.elements.media.paused),Je(lt.elements.media.paused)}function Ne(){L={x:e.pageXOffset||0,y:e.pageYOffset||0}}function Fe(){e.scrollTo(L.x,L.y)}function qe(e){var n=R.fullscreen;if(n){if(!e||e.type!==M.eventType)return M.isFullScreen(lt.elements.container)?M.cancelFullScreen():(Ne(),M.requestFullScreen(lt.elements.container)),void(lt.fullscreen.active=M.isFullScreen(lt.elements.container));lt.fullscreen.active=M.isFullScreen(lt.elements.container)}else lt.fullscreen.active=!lt.fullscreen.active,t.body.style.overflow=lt.fullscreen.active?"hidden":"";y(lt.elements.container,I.classes.fullscreen.active,lt.fullscreen.active),H(lt.fullscreen.active),lt.elements.buttons&<.elements.buttons.fullscreen&&T(lt.elements.buttons.fullscreen,lt.fullscreen.active),V(lt.elements.container,lt.fullscreen.active?"enterfullscreen":"exitfullscreen",!0),!lt.fullscreen.active&&n&&Fe()}function Le(e){if(j.boolean(e)||(e=!lt.elements.media.muted),T(lt.elements.buttons.mute,e),lt.elements.media.muted=e,0===lt.elements.media.volume&&Oe(I.volume),l(I.types.embed,lt.type)){switch(lt.type){case"youtube":lt.embed[lt.elements.media.muted?"mute":"unMute"]();break;case"vimeo":case"soundcloud":lt.embed.setVolume(lt.elements.media.muted?0:parseFloat(I.volume/10))}V(lt.elements.media,"volumechange")}}function Oe(e){var t=10,n=0;if(j.event(e)&&(e=e.target.value),j.undefined(e)&&(e=lt.storage.volume),(null===e||isNaN(e))&&(e=I.volume),e>t&&(e=t),e0&&Le()}function je(e){var t=lt.elements.media.muted?0:10*lt.elements.media.volume;j.number(e)||(e=1),Oe(t+e)}function Me(e){var t=lt.elements.media.muted?0:10*lt.elements.media.volume;j.number(e)||(e=1),Oe(t-e)}function Re(){var e=lt.elements.media.muted?0:10*lt.elements.media.volume;lt.supported.full&&(lt.elements.inputs.volume&&(lt.elements.inputs.volume.value=e),lt.elements.display.volume&&(lt.elements.display.volume.value=e)),me({volume:e}),y(lt.elements.container,I.classes.muted,0===e),lt.supported.full&<.elements.buttons.mute&&T(lt.elements.buttons.mute,0===e)}function Ve(e){var t="waiting"===e.type;clearTimeout(it.loading),it.loading=setTimeout(function(){y(lt.elements.container,I.classes.loading,t),Je(t)},t?250:0)}function De(e){if(lt.supported.full){var t=lt.elements.display.played,n=0,a=Ie();if(e)switch(e.type){case"timeupdate":case"seeking":if(lt.elements.controls.pressed)return;n=S(lt.elements.media.currentTime,a),"timeupdate"===e.type&<.elements.inputs.seek&&(lt.elements.inputs.seek.value=n);break;case"playing":case"progress":t=lt.elements.display.buffer,n=function(){var e=lt.elements.media.buffered;return e&&e.length?S(e.end(0),a):j.number(e)?100*e:0}()}j.number(I.loop.start)&&j.number(I.loop.end)&<.elements.media.currentTime>=I.loop.end&&_e(I.loop.start),We(t,n)}}function We(e,t){if(lt.supported.full){if(j.undefined(t)&&(t=0),j.undefined(e)){if(!j.htmlElement(lt.elements.display.buffer))return;e=lt.elements.display.buffer}if(j.htmlElement(e)){e.value=t;var n=e.getElementsByTagName("span")[0];j.htmlElement(n)&&(n.childNodes[0].nodeValue=t)}}}function He(e,t){if(t){isNaN(e)&&(e=0);var n=parseInt(e%60),a=parseInt(e/60%60),s=parseInt(e/60/60%60),l=parseInt(Ie()/60/60%60)>0;n=("0"+n).slice(-2),a=("0"+a).slice(-2);var i=(l?s+":":"")+a+":"+n;return t.textContent=i,i}}function Be(){if(lt.supported.full){var e=Ie()||0;!lt.elements.display.duration&&I.displayDuration&<.elements.media.paused&&He(e,lt.elements.display.currentTime),lt.elements.display.duration&&He(e,lt.elements.display.duration),Ue()}}function Ye(e){He(lt.elements.media.currentTime,lt.elements.display.currentTime),e&&"timeupdate"===e.type&<.elements.media.seeking||De(e)}function Xe(e){j.number(e)||(e=0);var t=Ie(),n=S(e,t);lt.elements.progress&<.elements.display.played&&(lt.elements.display.played.value=n),lt.elements.buttons&<.elements.inputs.seek&&(lt.elements.inputs.seek.value=n)}function Ue(e){var t=Ie();if(I.tooltips.seek&&j.htmlElement(lt.elements.inputs.seek)&&j.htmlElement(lt.elements.display.seekTooltip)&&0!==t){var n=lt.elements.inputs.seek.getBoundingClientRect(),a=0,s=I.classes.tooltip+"--visible";if(j.event(e))a=100/n.width*(e.pageX-n.left);else{if(!b(lt.elements.display.seekTooltip,s))return;a=lt.elements.display.seekTooltip.style.left.replace("%","")}a<0?a=0:a>100&&(a=100),He(t/100*a,lt.elements.display.seekTooltip),lt.elements.display.seekTooltip.style.left=a+"%",j.event(e)&&l(["mouseenter","mouseleave"],e.type)&&y(lt.elements.display.seekTooltip,s,"mouseenter"===e.type); +}}function Je(t){if(I.hideControls&&"audio"!==lt.type){var n=0,a=!1,s=t,i=b(lt.elements.container,I.classes.loading);if(j.boolean(t)||(t&&t.type?(a="enterfullscreen"===t.type,s=l(["mousemove","touchstart","mouseenter","focus"],t.type),l(["mousemove","touchmove"],t.type)&&(n=2e3),"focus"===t.type&&(n=3e3)):s=b(lt.elements.container,I.classes.hideControls)),e.clearTimeout(it.hover),s||lt.elements.media.paused||i){if(y(lt.elements.container,I.classes.hideControls,!1),lt.elements.media.paused||i)return;lt.browser.isTouch&&(n=3e3)}s&<.elements.media.paused||(it.hover=e.setTimeout(function(){(!lt.elements.controls.pressed&&!lt.elements.controls.hover||a)&&y(lt.elements.container,I.classes.hideControls,!0)},n))}}function Ke(e){if(!j.undefined(e))return void Qe(e);var t;switch(lt.type){case"youtube":t=lt.embed.getVideoUrl();break;case"vimeo":lt.embed.getVideoUrl.then(function(e){t=e});break;case"soundcloud":lt.embed.getCurrentSound(function(e){t=e.permalink_url});break;default:t=lt.elements.media.currentSrc}return t||""}function Qe(e){function t(){if(lt.embed=null,r(lt.elements.media),"video"===lt.type&<.elements.wrapper&&r(lt.elements.wrapper),lt.elements.container&<.elements.container.removeAttribute("class"),"type"in e&&(lt.type=e.type,"video"===lt.type)){var t=e.sources[0];"type"in t&&l(I.types.embed,t.type)&&(lt.type=t.type)}switch(lt.supported=N(lt.type),lt.type){case"video":lt.elements.media=d("video");break;case"audio":lt.elements.media=d("audio");break;case"youtube":case"vimeo":case"soundcloud":lt.elements.media=d("div"),lt.embedId=e.sources[0].src}o(lt.elements.container,lt.elements.media),j.boolean(e.autoplay)&&(I.autoplay=e.autoplay),l(I.types.html5,lt.type)&&(I.crossorigin&<.elements.media.setAttribute("crossorigin",""),I.autoplay&<.elements.media.setAttribute("autoplay",""),"poster"in e&<.elements.media.setAttribute("poster",e.poster),I.loop.active&<.elements.media.setAttribute("loop","")),y(lt.elements.container,I.classes.fullscreen.active,lt.fullscreen.active),y(lt.elements.container,I.classes.captions.active,lt.captions.enabled),ue(),l(I.types.html5,lt.type)&&B("source",e.sources),fe(),l(I.types.html5,lt.type)&&("tracks"in e&&B("track",e.tracks),lt.elements.media.load()),(l(I.types.html5,lt.type)||l(I.types.embed,lt.type)&&!lt.supported.full)&&(nt(),at()),I.title=e.title,de()}return j.object(e)&&"sources"in e&&e.sources.length?(y(lt.elements.container,I.classes.ready,!1),we(),Xe(),We(),Ze(),void et(t,!1)):void ut("Invalid source format")}function ze(e){"video"===lt.type&<.elements.media.setAttribute("poster",e)}function $e(){function n(){var e=Ce(),t=lt.elements.buttons[e?"play":"pause"],n=lt.elements.buttons[e?"pause":"play"];if(n=n&&n.length>1?n[n.length-1]:n[0]){var a=b(t,I.classes.tabFocus);setTimeout(function(){n.focus(),a&&(y(t,I.classes.tabFocus,!1),y(n,I.classes.tabFocus,!0))},100)}}function a(e){return e.keyCode?e.keyCode:e.which}function s(e){for(var t in lt.elements.buttons){var n=lt.elements.buttons[t];if(j.nodeList(n))for(var a=0;a0)&&(t?(Me(n),a=-1):(je(n),a=1)),(e.deltaY>0||e.deltaX<0)&&(t?(je(n),a=1):(Me(n),a=-1)),(1===a&<.elements.media.volume<1||a===-1&<.elements.media.volume>0)&&e.preventDefault()}),R.fullscreen&&w(t,M.eventType,qe)}function Ge(){if(w(lt.elements.media,"timeupdate seeking",Ye),w(lt.elements.media,"timeupdate",le),w(lt.elements.media,"durationchange loadedmetadata",Be),w(lt.elements.media,"ended",function(){"video"===lt.type&&I.showPosterOnEnd&&("video"===lt.type&&se(),_e(),lt.elements.media.load())}),w(lt.elements.media,"progress playing",De),w(lt.elements.media,"volumechange",Re),w(lt.elements.media,"play pause ended",Pe),w(lt.elements.media,"waiting canplay seeked",Ve),I.clickToPlay&&"audio"!==lt.type){var e=W("."+I.classes.videoWrapper);if(!e)return;e.style.cursor="pointer",w(e,"click",function(){I.hideControls&<.browser.isTouch&&!lt.elements.media.paused||(lt.elements.media.paused?ke():lt.elements.media.ended?(_e(),ke()):we())})}I.disableContextMenu&&w(lt.elements.media,"contextmenu",function(e){e.preventDefault()}),w(lt.elements.media,I.events.concat(["keyup","keydown"]).join(" "),function(e){V(lt.elements.container,e.type,!0)})}function Ze(){if(l(I.types.html5,lt.type)){for(var e=lt.elements.media.querySelectorAll("source"),t=0;t