diff --git a/dist/plyr.css b/dist/plyr.css index 03f392a5..d3a1f20b 100644 --- a/dist/plyr.css +++ b/dist/plyr.css @@ -1 +1 @@ -.plyr__captions,.plyr__controls{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-align:center}@-webkit-keyframes progress{to{background-position:40px 0}}@keyframes progress{to{background-position:40px 0}}.plyr{position:relative;max-width:100%;min-width:290px}.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__sr-only{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.plyr__video-wrapper{position:relative}.plyr audio,.plyr video{width:100%;height:auto;vertical-align:middle}.plyr__video-embed{padding-bottom:56.25%;height:0;overflow:hidden;background:#000}.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%;-webkit-transform:translateY(-35.95%);transform:translateY(-35.95%)}.plyr__captions{display:none;position:absolute;bottom:0;left:0;width:100%;padding:20px 20px 30px;color:#fff;font-size:20px}.plyr__captions span{border-radius:2px;padding:3px 10px;background:rgba(0,0,0,.9)}.plyr__captions span:empty{display:none}@media (min-width:768px){.plyr__captions{font-size:24px}}.plyr--captions-active .plyr__captions{display:block}.plyr--fullscreen-active .plyr__captions{font-size:32px}.plyr__controls{zoom:1;position:relative;padding:10px;background:#fff;line-height:1;box-shadow:0 1px 1px rgba(52,63,74,.2)}.plyr__controls:after,.plyr__controls:before{content:"";display:table}.plyr__controls:after{clear:both}.plyr__controls--right{display:block;margin:10px auto 0}@media (min-width:560px){.plyr__controls--left{float:left}.plyr__controls--right{float:right;margin-top:0}}.plyr__controls button{display:inline-block;vertical-align:middle;margin:0 2px;padding:5px 10px;overflow:hidden;border:0;background:0 0;border-radius:3px;cursor:pointer;color:#6B7D86;transition:background .3s ease,color .3s ease,opacity .3s ease}.plyr__controls button svg{width:18px;height:18px;display:block;fill:currentColor;transition:fill .3s ease}.plyr__controls button.tab-focus:focus,.plyr__controls button:hover{background:#3498DB;color:#fff}.plyr__controls .plyr__time,.plyr__tooltip{color:#6B7D86;font-size:14px;font-weight:600}.plyr__controls button:focus{outline:0}.plyr__controls .icon--captions-on,.plyr__controls .icon--exit-fullscreen,.plyr__controls .icon--muted{display:none}.plyr__controls .plyr__time{display:inline-block;vertical-align:middle;margin-left:10px}.plyr__controls .plyr__time+.plyr__time{display:none}@media (min-width:560px){.plyr__controls .plyr__time+.plyr__time{display:inline-block}}.plyr__controls .plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}.plyr__tooltip{position:absolute;z-index:2;bottom:100%;margin-bottom:10px;padding:10px 15px;opacity:0;background:#fff;box-shadow:0 0 5px rgba(52,63,74,.1),0 0 0 1px rgba(52,63,74,.1);border-radius:3px;line-height:1.5;-webkit-transform:translate(-50%,30px) scale(.8);transform:translate(-50%,30px) scale(.8);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:opacity .2s .1s ease,-webkit-transform .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease}.plyr__tooltip::after,.plyr__tooltip::before{content:'';position:absolute;width:0;height:0;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.plyr__tooltip::after{bottom:-8px;border-right:7px solid transparent;border-top:7px solid rgba(52,63,74,.1);border-left:7px solid transparent;z-index:1}.plyr__tooltip::before{bottom:-6px;border-right:6px solid transparent;border-top:6px solid #fff;border-left:6px solid transparent;z-index:2}.plyr button.tab-focus:focus .plyr__tooltip,.plyr button:hover .plyr__tooltip{opacity:1;-webkit-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1)}.plyr button:hover .plyr__tooltip{z-index:3}.plyr input[type=range].tab-focus:focus{outline:rgba(52,63,74,.8) dotted 1px;outline-offset:3px}.plyr__progress--seek[type=range]:focus,.plyr__volume[type=range]:focus{outline:0}.plyr__progress{position:absolute;bottom:100%;left:0;right:0;width:100%;height:10px;background:rgba(86,93,100,.2)}.plyr__progress--buffer[value],.plyr__progress--played[value],.plyr__progress--seek[type=range]{position:absolute;left:0;top:0;width:100%;height:10px;margin:0;padding:0;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;border:none;background:0 0}.plyr__progress--buffer[value]::-webkit-progress-bar,.plyr__progress--played[value]::-webkit-progress-bar{background:0 0}.plyr__progress--buffer[value]::-webkit-progress-value,.plyr__progress--played[value]::-webkit-progress-value{background:currentColor}.plyr__progress--buffer[value]::-moz-progress-bar,.plyr__progress--played[value]::-moz-progress-bar{background:currentColor}.plyr__progress--played[value]{z-index:2;color:#3498DB}.plyr__progress--buffer[value]{color:rgba(86,93,100,.25)}.plyr__progress--seek[type=range]{z-index:4;cursor:pointer;outline:0}.plyr__progress--seek[type=range]::-webkit-slider-runnable-track{background:0 0;border:0}.plyr__progress--seek[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:0;width:40px;height:10px}.plyr__progress--seek[type=range]::-moz-range-track{background:0 0;border:0}.plyr__progress--seek[type=range]::-moz-range-thumb{-moz-appearance:none;background:0 0;border:0;width:40px;height:10px}.plyr__progress--seek[type=range]::-ms-track{color:transparent;background:0 0;border:0}.plyr__progress--seek[type=range]::-ms-fill-lower,.plyr__progress--seek[type=range]::-ms-fill-upper{background:0 0;border:0}.plyr__progress--seek[type=range]::-ms-thumb{background:0 0;border:0;width:40px;height:10px}.plyr__progress--seek[type=range]::-moz-focus-outer{border:0}.plyr--loading .plyr__progress--buffer{-webkit-animation:progress 1s linear infinite;animation:progress 1s linear infinite;background-size:40px 40px;background-repeat:repeat-x;background-color:rgba(86,93,100,.25);background-image:linear-gradient(-45deg,rgba(0,0,0,.15) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.15) 75%,transparent 75%,transparent);color:transparent}.plyr--playing .plyr__controls [data-plyr=play],.plyr__controls [data-plyr=pause]{display:none}.plyr--playing .plyr__controls [data-plyr=pause]{display:inline-block}.plyr__volume[type=range]{display:inline-block;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;width:100px;margin:0 10px 0 0;padding:0;cursor:pointer;background:0 0;border:none}.plyr__volume[type=range]::-webkit-slider-runnable-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.plyr__volume[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-3px;height:12px;width:12px;background:#6B7D86;border:0;border-radius:100%;transition:background .3s ease;cursor:ew-resize}.plyr__volume[type=range]::-moz-range-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.plyr__volume[type=range]::-moz-range-thumb{height:12px;width:12px;background:#6B7D86;border:0;border-radius:100%;transition:background .3s ease;cursor:ew-resize}.plyr__volume[type=range]::-ms-track{height:6px;background:0 0;border-color:transparent;border-width:3px 0;color:transparent}.plyr__volume[type=range]::-ms-fill-lower,.plyr__volume[type=range]::-ms-fill-upper{height:6px;background:#e6e6e6;border:0;border-radius:3px}.plyr__volume[type=range]::-ms-thumb{height:12px;width:12px;background:#6B7D86;border:0;border-radius:100%;transition:background .3s ease;cursor:ew-resize}.plyr__volume[type=range]:focus::-webkit-slider-thumb{background:#3498DB}.plyr__volume[type=range]:focus::-moz-range-thumb{background:#3498DB}.plyr__volume[type=range]:focus::-ms-thumb{background:#3498DB}.plyr--is-ios .plyr__volume,.plyr--is-ios [data-plyr=mute],.plyr--is-ios.plyr--audio .plyr__controls--right{display:none}.plyr--is-ios.plyr--audio .plyr__controls--left{float:none}.plyr--audio .plyr__controls{padding-top:20px}.plyr--audio .plyr__progress{bottom:auto;top:0;background:#D6DADD}.plyr--fullscreen,.plyr--fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000}.plyr--fullscreen video,.plyr--fullscreen-active video{height:100%}.plyr--fullscreen .plyr__video-wrapper,.plyr--fullscreen-active .plyr__video-wrapper{height:100%;width:100%}.plyr--fullscreen .plyr__controls,.plyr--fullscreen-active .plyr__controls{position:absolute;bottom:0;left:0;right:0}.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing .plyr__controls{-webkit-transform:translateY(100%) translateY(5px);transform:translateY(100%) translateY(5px);transition:-webkit-transform .3s .2s ease;transition:transform .3s .2s ease;transition:transform .3s .2s ease,-webkit-transform .3s .2s ease}.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing.plyr--hover .plyr__controls{-webkit-transform:translateY(0);transform:translateY(0)}.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing .plyr__captions{bottom:5px;transition:bottom .3s .2s ease}.plyr--fullscreen .plyr__captions,.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing.plyr--hover .plyr__captions,.plyr--fullscreen-active .plyr__captions{top:auto;bottom:90px}@media (min-width:560px){.plyr--fullscreen .plyr__captions,.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing.plyr--hover .plyr__captions,.plyr--fullscreen-active .plyr__captions{bottom:60px}}.plyr--captions-active .plyr__controls .icon--captions-on,.plyr--fullscreen-active .icon--exit-fullscreen,.plyr--muted .plyr__controls .icon--muted{display:block}.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr--captions-active .plyr__controls .icon--captions-on+svg,.plyr--fullscreen-active .icon--exit-fullscreen+svg,.plyr--muted .plyr__controls .icon--muted+svg{display:none}.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen]{display:inline-block} \ No newline at end of file +.plyr__captions,.plyr__controls{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-align:center}@-webkit-keyframes progress{to{background-position:40px 0}}@keyframes progress{to{background-position:40px 0}}.plyr{position:relative;max-width:100%;min-width:290px}.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__sr-only{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.plyr__video-wrapper{position:relative}.plyr audio,.plyr video{width:100%;height:auto;vertical-align:middle}.plyr__video-embed{padding-bottom:56.25%;height:0;overflow:hidden;background:#000}.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%;-webkit-transform:translateY(-35.95%);transform:translateY(-35.95%)}.plyr__captions{display:none;position:absolute;bottom:0;left:0;width:100%;padding:20px 20px 30px;color:#fff;font-size:20px}.plyr__captions span{border-radius:2px;padding:3px 10px;background:rgba(0,0,0,.9)}.plyr__captions span:empty{display:none}@media (min-width:768px){.plyr__captions{font-size:24px}}.plyr--captions-active .plyr__captions{display:block}.plyr--fullscreen-active .plyr__captions{font-size:32px}.plyr__controls{zoom:1;position:relative;padding:10px;background:#fff;line-height:1;box-shadow:0 1px 1px rgba(52,63,74,.2)}.plyr__controls:after,.plyr__controls:before{content:"";display:table}.plyr__controls:after{clear:both}.plyr__controls--right{display:block;margin:10px auto 0}@media (min-width:560px){.plyr__controls--left{float:left}.plyr__controls--right{float:right;margin-top:0}}.plyr__controls button{display:inline-block;vertical-align:middle;margin:0 2px;padding:5px 10px;overflow:hidden;border:0;background:0 0;border-radius:3px;cursor:pointer;color:#6B7D86;transition:background .3s ease,color .3s ease,opacity .3s ease}.plyr__controls button svg{width:18px;height:18px;display:block;fill:currentColor;transition:fill .3s ease}.plyr__controls button.tab-focus:focus,.plyr__controls button:hover{background:#3498DB;color:#fff}.plyr__controls .plyr__time,.plyr__tooltip{color:#6B7D86;font-size:14px;font-weight:600}.plyr__controls button:focus{outline:0}.plyr__controls .icon--captions-on,.plyr__controls .icon--exit-fullscreen,.plyr__controls .icon--muted{display:none}.plyr__controls .plyr__time{display:inline-block;vertical-align:middle;margin-left:10px}.plyr__controls .plyr__time+.plyr__time{display:none}@media (min-width:560px){.plyr__controls .plyr__time+.plyr__time{display:inline-block}}.plyr__controls .plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}.plyr__tooltip{position:absolute;z-index:2;bottom:100%;margin-bottom:10px;padding:10px 15px;opacity:0;background:#fff;box-shadow:0 0 5px rgba(52,63,74,.1),0 0 0 1px rgba(52,63,74,.1);border-radius:3px;line-height:1.5;-webkit-transform:translate(-50%,30px) scale(.8);transform:translate(-50%,30px) scale(.8);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:opacity .2s .1s ease,-webkit-transform .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease}.plyr__tooltip::after,.plyr__tooltip::before{content:'';position:absolute;width:0;height:0;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.plyr__tooltip::after{bottom:-8px;border-right:7px solid transparent;border-top:7px solid rgba(52,63,74,.1);border-left:7px solid transparent;z-index:1}.plyr__tooltip::before{bottom:-6px;border-right:6px solid transparent;border-top:6px solid #fff;border-left:6px solid transparent;z-index:2}.plyr button.tab-focus:focus .plyr__tooltip,.plyr button:hover .plyr__tooltip{opacity:1;-webkit-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1)}.plyr button:hover .plyr__tooltip{z-index:3}.plyr input[type=range].tab-focus:focus{outline:rgba(52,63,74,.8) dotted 1px;outline-offset:3px}.plyr__progress--seek[type=range]:focus,.plyr__volume[type=range]:focus{outline:0}.plyr__progress{position:absolute;bottom:100%;left:0;right:0;width:100%;height:10px;background:rgba(86,93,100,.2)}.plyr__progress--buffer[value],.plyr__progress--played[value],.plyr__progress--seek[type=range]{position:absolute;left:0;top:0;width:100%;height:10px;margin:0;padding:0;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;border:none;background:0 0}.plyr__progress--buffer[value]::-webkit-progress-bar,.plyr__progress--played[value]::-webkit-progress-bar{background:0 0}.plyr__progress--buffer[value]::-webkit-progress-value,.plyr__progress--played[value]::-webkit-progress-value{background:currentColor}.plyr__progress--buffer[value]::-moz-progress-bar,.plyr__progress--played[value]::-moz-progress-bar{background:currentColor}.plyr__progress--played[value]{z-index:2;color:#3498DB}.plyr__progress--buffer[value]{color:rgba(86,93,100,.25)}.plyr__progress--seek[type=range]{z-index:4;cursor:pointer;outline:0}.plyr__progress--seek[type=range]::-webkit-slider-runnable-track{background:0 0;border:0}.plyr__progress--seek[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:0;width:40px;height:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.plyr__progress--seek[type=range]::-moz-range-track{background:0 0;border:0}.plyr__progress--seek[type=range]::-moz-range-thumb{-moz-appearance:none;background:0 0;border:0;width:40px;height:10px;transform:translateX(-50%)}.plyr__progress--seek[type=range]::-ms-track{color:transparent;background:0 0;border:0}.plyr__progress--seek[type=range]::-ms-fill-lower,.plyr__progress--seek[type=range]::-ms-fill-upper{background:0 0;border:0}.plyr__progress--seek[type=range]::-ms-thumb{background:0 0;border:0;width:40px;height:10px;transform:translateX(-50%)}.plyr__progress--seek[type=range]::-moz-focus-outer{border:0}.plyr--loading .plyr__progress--buffer{-webkit-animation:progress 1s linear infinite;animation:progress 1s linear infinite;background-size:40px 40px;background-repeat:repeat-x;background-color:rgba(86,93,100,.25);background-image:linear-gradient(-45deg,rgba(0,0,0,.15) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.15) 75%,transparent 75%,transparent);color:transparent}.plyr--playing .plyr__controls [data-plyr=play],.plyr__controls [data-plyr=pause]{display:none}.plyr--playing .plyr__controls [data-plyr=pause]{display:inline-block}.plyr__volume[type=range]{display:inline-block;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;width:100px;margin:0 10px 0 0;padding:0;cursor:pointer;background:0 0;border:none}.plyr__volume[type=range]::-webkit-slider-runnable-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.plyr__volume[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-3px;height:12px;width:12px;background:#6B7D86;border:0;border-radius:100%;transition:background .3s ease;cursor:ew-resize}.plyr__volume[type=range]::-moz-range-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.plyr__volume[type=range]::-moz-range-thumb{height:12px;width:12px;background:#6B7D86;border:0;border-radius:100%;transition:background .3s ease;cursor:ew-resize}.plyr__volume[type=range]::-ms-track{height:6px;background:0 0;border-color:transparent;border-width:3px 0;color:transparent}.plyr__volume[type=range]::-ms-fill-lower,.plyr__volume[type=range]::-ms-fill-upper{height:6px;background:#e6e6e6;border:0;border-radius:3px}.plyr__volume[type=range]::-ms-thumb{height:12px;width:12px;background:#6B7D86;border:0;border-radius:100%;transition:background .3s ease;cursor:ew-resize}.plyr__volume[type=range]:focus::-webkit-slider-thumb{background:#3498DB}.plyr__volume[type=range]:focus::-moz-range-thumb{background:#3498DB}.plyr__volume[type=range]:focus::-ms-thumb{background:#3498DB}.plyr--is-ios .plyr__volume,.plyr--is-ios [data-plyr=mute],.plyr--is-ios.plyr--audio .plyr__controls--right{display:none}.plyr--is-ios.plyr--audio .plyr__controls--left{float:none}.plyr--audio .plyr__controls{padding-top:20px}.plyr--audio .plyr__progress{bottom:auto;top:0;background:#D6DADD}.plyr--fullscreen,.plyr--fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000}.plyr--fullscreen video,.plyr--fullscreen-active video{height:100%}.plyr--fullscreen .plyr__video-wrapper,.plyr--fullscreen-active .plyr__video-wrapper{height:100%;width:100%}.plyr--fullscreen .plyr__controls,.plyr--fullscreen-active .plyr__controls{position:absolute;bottom:0;left:0;right:0}.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing .plyr__controls{-webkit-transform:translateY(100%) translateY(5px);transform:translateY(100%) translateY(5px);transition:-webkit-transform .3s .2s ease;transition:transform .3s .2s ease;transition:transform .3s .2s ease,-webkit-transform .3s .2s ease}.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing.plyr--hover .plyr__controls{-webkit-transform:translateY(0);transform:translateY(0)}.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing .plyr__captions{bottom:5px;transition:bottom .3s .2s ease}.plyr--fullscreen .plyr__captions,.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing.plyr--hover .plyr__captions,.plyr--fullscreen-active .plyr__captions{top:auto;bottom:90px}@media (min-width:560px){.plyr--fullscreen .plyr__captions,.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing.plyr--hover .plyr__captions,.plyr--fullscreen-active .plyr__captions{bottom:60px}}.plyr--captions-active .plyr__controls .icon--captions-on,.plyr--fullscreen-active .icon--exit-fullscreen,.plyr--muted .plyr__controls .icon--muted{display:block}.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr--captions-active .plyr__controls .icon--captions-on+svg,.plyr--fullscreen-active .icon--exit-fullscreen+svg,.plyr--muted .plyr__controls .icon--muted+svg{display:none}.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen]{display:inline-block} \ No newline at end of file diff --git a/dist/plyr.js b/dist/plyr.js index 30c67cf8..aee82484 100644 --- a/dist/plyr.js +++ b/dist/plyr.js @@ -1 +1 @@ -!function(e,t){"use strict";"function"==typeof define&&define.amd?define(null,function(){t(e,document)}):"object"==typeof module?module.exports=t(e,document):e.plyr=t(e,document)}(this,function(e,t){"use strict";function n(){var e=['
','
','','','',"0% "+I.i18n.played,"",'',"0% "+I.i18n.buffered,"","
",''];return i(I.controls,"restart")&&e.push('"),i(I.controls,"rewind")&&e.push('"),i(I.controls,"play")&&e.push('",'"),i(I.controls,"fast-forward")&&e.push('"),i(I.controls,"current-time")&&e.push('',''+I.i18n.currentTime+"",'00:00',""),i(I.controls,"duration")&&e.push('',''+I.i18n.duration+"",'00:00',""),e.push("",''),i(I.controls,"mute")&&e.push('"),i(I.controls,"volume")&&e.push('",''),i(I.controls,"captions")&&e.push('"),i(I.controls,"fullscreen")&&e.push('"),e.push("","
"),e.join("")}function r(t,n){I.debug&&e.console&&console[n?"warn":"log"](t)}function a(){var e,n,r,a=navigator.userAgent,s=navigator.appName,o=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(s="IE",o="11;"):-1!==(n=a.indexOf("MSIE"))?(s="IE",o=a.substring(n+5)):-1!==(n=a.indexOf("Chrome"))?(s="Chrome",o=a.substring(n+7)):-1!==(n=a.indexOf("Safari"))?(s="Safari",o=a.substring(n+7),-1!==(n=a.indexOf("Version"))&&(o=a.substring(n+8))):-1!==(n=a.indexOf("Firefox"))?(s="Firefox",o=a.substring(n+8)):(e=a.lastIndexOf(" ")+1)<(n=a.lastIndexOf("/"))&&(s=a.substring(e,n),o=a.substring(n+1),s.toLowerCase()==s.toUpperCase()&&(s=navigator.appName)),-1!==(r=o.indexOf(";"))&&(o=o.substring(0,r)),-1!==(r=o.indexOf(" "))&&(o=o.substring(0,r)),i=parseInt(""+o,10),isNaN(i)&&(o=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10)),{name:s,version:i,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform),touch:"ontouchstart"in t.documentElement}}function s(e,t){var n=e.media;if("video"==e.type)switch(t){case"video/webm":return!(!n.canPlayType||!n.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/no/,""));case"video/mp4":return!(!n.canPlayType||!n.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/,""));case"video/ogg":return!(!n.canPlayType||!n.canPlayType('video/ogg; codecs="theora"').replace(/no/,""))}else if("audio"==e.type)switch(t){case"audio/mpeg":return!(!n.canPlayType||!n.canPlayType("audio/mpeg;").replace(/no/,""));case"audio/ogg":return!(!n.canPlayType||!n.canPlayType('audio/ogg; codecs="vorbis"').replace(/no/,""));case"audio/wav":return!(!n.canPlayType||!n.canPlayType('audio/wav; codecs="1"').replace(/no/,""))}return!1}function o(e){if(!t.querySelectorAll('script[src="'+e+'"]').length){var n=t.createElement("script");n.src=e;var r=t.getElementsByTagName("script")[0];r.parentNode.insertBefore(n,r)}}function i(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function l(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?\^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function u(e,t){e.length||(e=[e]);for(var n=e.length-1;n>=0;n--){var r=n>0?t.cloneNode(!0):t,a=e[n],s=a.parentNode,o=a.nextSibling;r.appendChild(a),o?s.insertBefore(r,o):s.appendChild(r)}}function c(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function p(e){e&&e.parentNode.removeChild(e)}function d(e,t){e.insertBefore(t,e.firstChild)}function f(e,t){for(var n in t)e.setAttribute(n,"boolean"==typeof t[n]&&t[n]?"":t[n])}function m(e,n,r){var a=t.createElement(e);f(a,r),d(n,a)}function y(e){return e.replace(".","")}function b(e,t,n){e&&e.classList[n?"add":"remove"](t)}function v(e,t){return e?e.classList.contains(t):!1}function g(e,t,n){e&&T(e,t,n,!0)}function h(e,t,n){e&&T(e,t,n,!1)}function k(e,t,n,r){g(e,t,function(t){n&&n.apply(e,[t]),r.apply(e,[t])})}function T(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sr;r++){if(e.prefix=n[r],"undefined"!=typeof t[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof t.msExitFullscreen&&t.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=t.body),this.prefix){case"":return t.fullscreenElement==e;case"moz":return t.mozFullScreenElement==e;default:return t[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=t.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?t.cancelFullScreen():t[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?t.fullscreenElement:t[this.prefix+"FullscreenElement"]}),e}function S(){var t={supported:function(){if(!("localStorage"in e))return!1;try{e.localStorage.setItem("___test","OK");var t=e.localStorage.getItem("___test");return e.localStorage.removeItem("___test"),"OK"===t}catch(n){return!1}return!1}()};return t}function E(F){function E(e){if(!_e.usingTextTracks&&"video"===_e.type&&_e.supported.full&&(_e.subcount=0,e="number"==typeof e?e:_e.media.currentTime,_e.captions[_e.subcount])){for(;O(_e.captions[_e.subcount][0])_e.captions.length-1){_e.subcount=_e.captions.length-1;break}if(_e.media.currentTime.toFixed(1)>=L(_e.captions[_e.subcount][0])&&_e.media.currentTime.toFixed(1)<=O(_e.captions[_e.subcount][0])){_e.currentCaption=_e.captions[_e.subcount][1];var t=_e.currentCaption.trim();_e.captionsContainer.innerHTML!=t&&(_e.captionsContainer.innerHTML="",_e.captionsContainer.innerHTML=t)}else _e.captionsContainer.innerHTML=""}}function M(){_e.buttons.captions&&(b(_e.container,I.classes.captions.enabled,!0),I.captions.defaultActive&&(b(_e.container,I.classes.captions.active,!0),x(_e.buttons.captions,!0)))}function L(e){var t=[];return t=e.split(" --> "),V(t[0])}function O(e){var t=[];return t=e.split(" --> "),V(t[1])}function V(e){if(null===e||void 0===e)return 0;var t,n=[],r=[];return n=e.split(","),r=n[0].split(":"),t=Math.floor(60*r[0]*60)+Math.floor(60*r[1])+Math.floor(r[2])}function q(e){return _e.container.querySelectorAll(e)}function H(e){return q(e)[0]}function R(){try{return e.self!==e.top}catch(t){return!0}}function j(){function e(e){9===e.which&&_e.isFullscreen&&(e.target!==r||e.shiftKey?e.target===n&&e.shiftKey&&(e.preventDefault(),r.focus()):(e.preventDefault(),n.focus()))}var t=q("input:not([disabled]), button:not([disabled])"),n=t[0],r=t[t.length-1];g(_e.container,"keydown",e)}function D(e,t){if("string"==typeof t)m(e,_e.media,{src:t});else if(t.constructor===Array)for(var n=t.length-1;n>=0;n--)m(e,_e.media,t[n])}function B(){var e=I.html;r("Injecting custom controls"),e||(e=n()),e=l(e,"{seektime}",I.seekTime),e=l(e,"{id}",Math.floor(1e4*Math.random()));var a;if(null!==I.selectors.controls.container&&(a=I.selectors.controls.container,"string"==typeof selector&&(a=t.querySelector(a))),a instanceof HTMLElement||(a=_e.container),a.insertAdjacentHTML("beforeend",e),I.tooltips)for(var s=q(I.selectors.labels),o=s.length-1;o>=0;o--){var i=s[o];b(i,I.classes.hidden,!1),b(i,I.classes.tooltip,!0)}}function Y(){try{return _e.controls=H(I.selectors.controls.wrapper),_e.buttons={},_e.buttons.seek=H(I.selectors.buttons.seek),_e.buttons.play=H(I.selectors.buttons.play),_e.buttons.pause=H(I.selectors.buttons.pause),_e.buttons.restart=H(I.selectors.buttons.restart),_e.buttons.rewind=H(I.selectors.buttons.rewind),_e.buttons.forward=H(I.selectors.buttons.forward),_e.buttons.fullscreen=H(I.selectors.buttons.fullscreen),_e.buttons.volume=H(I.selectors.buttons.volume),_e.buttons.mute=H(I.selectors.buttons.mute),_e.buttons.captions=H(I.selectors.buttons.captions),_e.checkboxes=q('[type="checkbox"]'),_e.progress={},_e.progress.container=H(I.selectors.progress.container),_e.progress.buffer={},_e.progress.buffer.bar=H(I.selectors.progress.buffer),_e.progress.buffer.text=_e.progress.buffer.bar&&_e.progress.buffer.bar.getElementsByTagName("span")[0],_e.progress.played={},_e.progress.played.bar=H(I.selectors.progress.played),_e.progress.played.text=_e.progress.played.bar&&_e.progress.played.bar.getElementsByTagName("span")[0],_e.volume=H(I.selectors.buttons.volume),_e.duration=H(I.selectors.duration),_e.currentTime=H(I.selectors.currentTime),_e.seekTime=q(I.selectors.seekTime),!0}catch(e){return r("It looks like there is a problem with your controls html",!0),_e.media.setAttribute("controls",""),!1}}function W(){b(_e.container,P.selectors.container.replace(".",""),_e.supported.full)}function $(e){var t=I.i18n.play;"undefined"!=typeof I.title&&I.title.length&&(t+=", "+I.title),_e.supported.full&&_e.buttons.play&&_e.buttons.play.setAttribute("aria-label",t),e instanceof HTMLElement&&e.setAttribute("title",I.i18n.frameTitle.replace("{title}",I.title))}function z(){if(!_e.media)return r("No audio or video element found",!0),!1;if(_e.supported.full&&(_e.media.removeAttribute("controls"),b(_e.container,I.classes.type.replace("{0}",_e.type),!0),b(_e.container,I.classes.stopped,I.autoplay),b(_e.container,I.classes.isIos,_e.browser.ios),b(_e.container,I.classes.isTouch,_e.browser.touch),"video"===_e.type)){var e=t.createElement("div");e.setAttribute("class",I.classes.videoWrapper),u(_e.media,e),_e.videoContainer=e}i(I.types.embed,_e.type)?(K(),_e.embedId=null):I.autoplay&&Z()}function K(){for(var n=t.createElement("div"),r=_e.embedId,a=_e.type+"-"+Math.floor(1e4*Math.random()),s=q('[id^="'+_e.type+'-"]'),i=s.length-1;i>=0;i--)p(s[i]);if(b(_e.media,I.classes.videoWrapper,!0),b(_e.media,I.classes.embedWrapper,!0),"youtube"===_e.type)_e.media.appendChild(n),n.setAttribute("id",a),"object"==typeof YT?X(r,n):(o(I.urls.youtube.api),e.onYouTubeReadyCallbacks=e.onYouTubeReadyCallbacks||[],e.onYouTubeReadyCallbacks.push(function(){X(r,n)}),e.onYouTubeIframeAPIReady=function(){e.onYouTubeReadyCallbacks.forEach(function(e){e()})});else if("vimeo"===_e.type){var l=t.createElement("iframe");l.loaded=!1,g(l,"load",function(){l.loaded=!0}),f(l,{src:"https://player.vimeo.com/video/"+r+"?player_id="+a+"&api=1&badge=0&byline=0&portrait=0&title=0",id:a,webkitallowfullscreen:"",mozallowfullscreen:"",allowfullscreen:"",frameborder:0}),_e.supported.full?(n.appendChild(l),_e.media.appendChild(n)):_e.media.appendChild(l),"$f"in e||o(I.urls.vimeo.api);var u=e.setInterval(function(){"$f"in e&&l.loaded&&(e.clearInterval(u),J.call(l))},50)}}function U(){xe(),$(H("iframe"))}function X(t,n){"timer"in _e||(_e.timer={}),_e.embed=new YT.Player(n.id,{videoId:t,playerVars:{autoplay:0,controls:_e.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:{onReady:function(t){var n=t.target;_e.media.play=function(){n.playVideo(),_e.media.paused=!1},_e.media.pause=function(){n.pauseVideo(),_e.media.paused=!0},_e.media.stop=function(){n.stopVideo(),_e.media.paused=!0},_e.media.duration=n.getDuration(),_e.media.paused=!0,_e.media.currentTime=n.getCurrentTime(),_e.media.muted=n.isMuted(),w(_e.media,"timeupdate"),e.clearInterval(_e.timer.buffering),_e.timer.buffering=e.setInterval(function(){_e.media.buffered=n.getVideoLoadedFraction(),w(_e.media,"progress"),1===_e.media.buffered&&e.clearInterval(_e.timer.buffering)},200),U(),ye()},onStateChange:function(t){var n=t.target;switch(e.clearInterval(_e.timer.playing),t.data){case 0:_e.media.paused=!0,w(_e.media,"ended");break;case 1:_e.media.paused=!1,_e.media.seeking=!1,w(_e.media,"play"),_e.timer.playing=e.setInterval(function(){_e.media.currentTime=n.getCurrentTime(),w(_e.media,"timeupdate")},100);break;case 2:_e.media.paused=!0,w(_e.media,"pause")}}}})}function J(){_e.embed=$f(this),_e.embed.addEvent("ready",function(){_e.media.play=function(){_e.embed.api("play"),_e.media.paused=!1},_e.media.pause=function(){_e.embed.api("pause"),_e.media.paused=!0},_e.media.stop=function(){_e.embed.api("stop"),_e.media.paused=!0},_e.media.paused=!0,_e.media.currentTime=0,U(),_e.embed.api("getCurrentTime",function(e){_e.media.currentTime=e,w(_e.media,"timeupdate")}),_e.embed.api("getDuration",function(e){_e.media.duration=e,ye()}),_e.embed.addEvent("play",function(){_e.media.paused=!1,w(_e.media,"play")}),_e.embed.addEvent("pause",function(){_e.media.paused=!0,w(_e.media,"pause")}),_e.embed.addEvent("playProgress",function(e){_e.media.seeking=!1,_e.media.currentTime=e.seconds,w(_e.media,"timeupdate")}),_e.embed.addEvent("loadProgress",function(e){_e.media.buffered=e.percent,w(_e.media,"progress")}),_e.embed.addEvent("finish",function(){_e.media.paused=!0,w(_e.media,"ended")})})}function G(){if("video"===_e.type){H(I.selectors.captions)||_e.videoContainer.insertAdjacentHTML("afterbegin",'
'),_e.captionsContainer=H(I.selectors.captions).querySelector("span"),_e.usingTextTracks=!1,_e.media.textTracks&&(_e.usingTextTracks=!0);for(var e,t="",n=_e.media.childNodes,a=0;a=10||"Firefox"===_e.browser.name&&_e.browser.version>=31||"Chrome"===_e.browser.name&&_e.browser.version>=43||"Safari"===_e.browser.name&&_e.browser.version>=7)&&(r("Detected unsupported browser for HTML5 captions - using fallback"),_e.usingTextTracks=!1),_e.usingTextTracks){r("TextTracks supported");for(var i=0;i=7){r("Safari 7+ detected; removing track from DOM"),s=_e.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>_e.media.duration&&(t=_e.media.duration);try{_e.media.currentTime=t.toFixed(1)}catch(a){}if(i(I.types.embed,_e.type)){switch(_e.type){case"youtube":_e.embed.seekTo(t);break;case"vimeo":_e.embed.api("seekTo",t)}n&&ee(),w(_e.media,"timeupdate"),_e.media.seeking=!0}r("Seeking to "+_e.media.currentTime+" seconds"),E(t)}function se(){b(_e.container,I.classes.playing,!_e.media.paused),b(_e.container,I.classes.stopped,_e.media.paused)}function oe(n){function r(){b(_e.container,I.classes.hover,!0),e.clearTimeout(o),i||(o=e.setTimeout(function(){b(_e.container,I.classes.hover,!1)},2e3))}function a(e){i="mouseenter"===e.type}var s=A.supportsFullScreen;n&&n.type===A.fullScreenEventName?_e.isFullscreen=A.isFullScreen(_e.container):s?(A.isFullScreen(_e.container)?A.cancelFullScreen():A.requestFullScreen(_e.container),_e.isFullscreen=A.isFullScreen(_e.container)):(_e.isFullscreen=!_e.isFullscreen,_e.isFullscreen?(g(t,"keyup",ie),t.body.style.overflow="hidden"):(h(t,"keyup",ie),t.body.style.overflow="")),b(_e.container,I.classes.fullscreen.active,_e.isFullscreen),_e.isFullscreen?_e.container.setAttribute("tabindex","-1"):_e.container.removeAttribute("tabindex"),j(_e.isFullscreen),x(_e.buttons.fullscreen,_e.isFullscreen);var o,i=!1;I.fullscreen.hideControls&&(b(_e.controls,I.classes.hover,!1),T(_e.controls,"mouseenter mouseleave",a,_e.isFullscreen),T(_e.container,"mousemove",r,_e.isFullscreen))}function ie(e){27===(e.which||e.charCode||e.keyCode)&&_e.isFullscreen&&oe()}function le(e){if("boolean"!=typeof e&&(e=!_e.media.muted),x(_e.buttons.mute,e),_e.media.muted=e,i(I.types.embed,_e.type)){switch(_e.type){case"youtube":_e.embed[_e.media.muted?"mute":"unMute"]();break;case"vimeo":_e.embed.api("setVolume",_e.media.muted?0:parseFloat(I.volume/10))}w(_e.media,"volumechange")}}function ue(t){if("undefined"==typeof t&&(t=I.storage.enabled&&S().supported?e.localStorage[I.storage.key]||I.volume:I.volume),t>10&&(t=10),0>t&&(t=0),_e.media.volume=parseFloat(t/10),I.volume=t,i(I.types.embed,_e.type)){switch(_e.type){case"youtube":_e.embed.setVolume(100*_e.media.volume);break;case"vimeo":_e.embed.api("setVolume",_e.media.volume)}w(_e.media,"volumechange")}_e.media.muted&&t>0&&le()}function ce(){var t=_e.media.muted?0:10*_e.media.volume;_e.supported.full&&_e.volume&&(_e.volume.value=t),I.storage.enabled&&S().supported&&e.localStorage.setItem(I.storage.key,t),b(_e.container,I.classes.muted,0===t),_e.supported.full&&_e.buttons.mute&&x(_e.buttons.mute,0===t)}function pe(e){_e.supported.full&&_e.buttons.captions&&("boolean"!=typeof e&&(e=-1===_e.container.className.indexOf(I.classes.captions.active)),_e.captionsEnabled=e,x(_e.buttons.captions,_e.captionsEnabled),b(_e.container,I.classes.captions.active,_e.captionsEnabled))}function de(e){var t="waiting"===e.type;clearTimeout(_e.loadingTimer),_e.loadingTimer=setTimeout(function(){b(_e.container,I.classes.loading,t)},t?250:0)}function fe(e){var t=_e.progress.played.bar,n=_e.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=_(_e.media.currentTime,_e.media.duration),"timeupdate"==e.type&&_e.buttons.seek&&(_e.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=_e.progress.buffer.bar,n=_e.progress.buffer.text,r=function(){var e=_e.media.buffered;return e&&e.length?_(e.end(0),_e.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function me(e,t){if(t){isNaN(e)&&(e=0),_e.secs=parseInt(e%60),_e.mins=parseInt(e/60%60),_e.hours=parseInt(e/60/60%60);var n=parseInt(_e.media.duration/60/60%60)>0;_e.secs=("0"+_e.secs).slice(-2),_e.mins=("0"+_e.mins).slice(-2),t.innerHTML=(n?_e.hours+":":"")+_e.mins+":"+_e.secs}}function ye(){if(_e.supported.full){var e=_e.media.duration||0;!_e.duration&&I.displayDuration&&_e.media.paused&&me(e,_e.currentTime),_e.duration&&me(e,_e.duration)}}function be(e){me(_e.media.currentTime,_e.currentTime),e&&"timeupdate"==e.type&&_e.media.seeking||fe(e)}function ve(e){if("undefined"!=typeof e)return void ge(e);var t;switch(_e.type){case"youtube":t=_e.embed.getVideoUrl();break;case"vimeo":_e.embed.api("getVideoUrl",function(e){t=e});break;default:t=_e.media.currentSrc}return t||""}function ge(n){if(!("undefined"!=typeof n&&"sources"in n&&n.sources.length))return void r("Invalid source format",!0);if(ee(),"youtube"===_e.type?(_e.embed.destroy(),e.clearInterval(_e.timer.buffering),e.clearInterval(_e.timer.playing)):"video"===_e.type&&_e.videoContainer&&p(_e.videoContainer),p(_e.media),"type"in n&&(_e.type=n.type,"video"===_e.type)){var a=n.sources[0];"type"in a&&i(I.types.embed,a.type)&&(_e.type=a.type)}switch(_e.supported=N.supported(_e.type),_e.type){case"video":_e.media=t.createElement("video");break;case"audio":_e.media=t.createElement("audio");break;case"youtube":case"vimeo":_e.media=t.createElement("div"),_e.embedId=n.sources[0].src}d(_e.container,_e.media),i(I.types.html5,_e.type)&&(I.crossorigin&&_e.media.setAttribute("crossorigin",""),I.autoplay&&_e.media.setAttribute("autoplay",""),"poster"in n&&_e.media.setAttribute("poster",n.poster),I.loop&&_e.media.setAttribute("loop","")),_e.container.className=_e.originalClassName,b(_e.container,I.classes.fullscreen.active,_e.isFullscreen),b(_e.container,I.classes.captions.active,_e.captionsEnabled),W(),I.autoplay=n.autoplay||I.autoplay,i(I.types.html5,_e.type)&&D("source",n.sources),z(),i(I.types.html5,_e.type)&&("tracks"in n&&D("track",n.tracks),_e.media.load(),ye(),xe()),I.autoplay&&Z(),"title"in n&&(I.title=n.title,$())}function he(e){"video"===_e.type&&_e.media.setAttribute("poster",e)}function ke(){function n(e){e?Z():ee();var t=_e.buttons[e?"play":"pause"],n=_e.buttons[e?"pause":"play"];if(n){var r=v(t,I.classes.tabFocus);setTimeout(function(){n.focus(),r&&(b(t,I.classes.tabFocus,!1),b(n,I.classes.tabFocus,!0))},100)}}function r(){var e=t.activeElement;e&&e!=t.body?t.querySelector&&(e=t.querySelector(":focus")):e=null;for(var n in _e.buttons){var r=_e.buttons[n];b(r,I.classes.tabFocus,r===e)}}var a="IE"==_e.browser.name?"change":"input";g(e,"keyup",function(e){var t=e.keyCode?e.keyCode:e.which;9==t&&r()}),g(t.body,"click",function(){b(H("."+I.classes.tabFocus),I.classes.tabFocus,!1)});for(var s in _e.buttons){var o=_e.buttons[s];g(o,"blur",function(){b(o,"tab-focus",!1)})}k(_e.buttons.play,"click",I.handlers.play,function(){n(!0)}),k(_e.buttons.pause,"click",I.handlers.pause,function(){n()}),k(_e.buttons.restart,"click",I.handlers.restart,ae),k(_e.buttons.rewind,"click",I.handlers.rewind,ne),k(_e.buttons.forward,"click",I.handlers.forward,re),k(_e.buttons.seek,a,I.handlers.seek,ae),k(_e.volume,a,I.handlers.volume,function(){ue(_e.volume.value)}),k(_e.buttons.mute,"click",I.handlers.mute,le),k(_e.buttons.fullscreen,"click",I.handlers.fullscreen,oe),A.supportsFullScreen&&g(t,A.fullScreenEventName,oe),g(_e.media,"timeupdate seeking",be),g(_e.media,"timeupdate",E),g(_e.media,"loadedmetadata",ye),g(_e.buttons.captions,"click",pe),g(_e.media,"ended",function(){"video"===_e.type&&(_e.captionsContainer.innerHTML=""),se()}),g(_e.media,"progress playing",fe),g(_e.media,"volumechange",ce),g(_e.media,"play pause",se),g(_e.media,"waiting canplay seeked",de),"video"===_e.type&&I.click&&g(_e.videoContainer,"click",function(){_e.media.paused?Z():_e.media.ended?(ae(),Z()):ee()})}function Te(){if(!_e.init)return null;if(_e.container.setAttribute("class",y(I.selectors.container)),_e.init=!1,p(H(I.selectors.controls.wrapper)),"youtube"===_e.type)return void _e.embed.destroy();"video"===_e.type&&(p(H(I.selectors.captions)),c(_e.videoContainer)),_e.media.setAttribute("controls","");var e=_e.media.cloneNode(!0);_e.media.parentNode.replaceChild(e,_e.media)}function we(){if(_e.init)return null;A=C(),_e.browser=a(),_e.media=_e.container.querySelectorAll("audio, video, div")[0],_e.originalClassName=_e.container.className;var e=_e.media.tagName.toLowerCase();if("div"===e?(_e.type=_e.media.getAttribute("data-type"),_e.embedId=_e.media.getAttribute("data-video-id"),_e.media.removeAttribute("data-type"),_e.media.removeAttribute("data-video-id")):(_e.type=e,I.crossorigin=null!==_e.media.getAttribute("crossorigin"),I.autoplay=I.autoplay||null!==_e.media.getAttribute("autoplay"),I.loop=I.loop||null!==_e.media.getAttribute("loop")),_e.supported=N.supported(_e.type),W(),!_e.supported.basic)return!1;if(r(_e.browser.name+" "+_e.browser.version),z(),i(I.types.html5,_e.type)){if(!_e.supported.full)return void(_e.init=!0);xe(),$()}_e.init=!0}function xe(){return _e.supported.full?(q(I.selectors.controls.wrapper).length||B(),void(Y()&&(Q(),ke(),G(),ue(),ce(),be(),se()))):(r("No full support for this media type ("+_e.type+")",!0),void p(H(I.selectors.controls.wrapper)))}var _e=this;return _e.container=F,we(),_e.init?{media:_e.media,play:Z,pause:ee,restart:ae,rewind:ne,forward:re,seek:ae,source:ve,poster:he,setVolume:ue,togglePlay:te,toggleMute:le,toggleCaptions:pe,toggleFullscreen:oe,isFullscreen:function(){return _e.isFullscreen||!1},support:function(e){return s(_e,e)},destroy:Te,restore:we}:{}}var A,I,N={},P={enabled:!0,debug:!1,autoplay:!1,loop:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".plyr",controls:{container:null,wrapper:".plyr__controls"},labels:"[data-plyr] .sr-only, label .sr-only",buttons:{seek:'[data-plyr="seek"]',play:'[data-plyr="play"]',pause:'[data-plyr="pause"]',restart:'[data-plyr="restart"]',rewind:'[data-plyr="rewind"]',forward:'[data-plyr="fast-forward"]',mute:'[data-plyr="mute"]',volume:'[data-plyr="volume"]',captions:'[data-plyr="captions"]',fullscreen:'[data-plyr="fullscreen"]'},progress:{container:".plyr__progress",buffer:".plyr__progress--buffer",played:".plyr__progress--played"},captions:".plyr__captions",currentTime:".plyr__time--current",duration:".plyr__time--duration"},classes:{videoWrapper:"plyr__video-wrapper",embedWrapper:"plyr__video-embed",type:"plyr--{0}",stopped:"plyr--stopped",playing:"plyr--playing",muted:"plyr--muted",loading:"plyr--loading",hover:"plyr--hover",tooltip:"plyr__tooltip",hidden:"plyr__sr-only",isIos:"plyr--is-ios",isTouch:"plyr--is-touch",captions:{enabled:"plyr--captions-enabled",active:"plyr--captions-active"},fullscreen:{enabled:"plyr--fullscreen-enabled",active:"plyr--fullscreen-active",hideControls:"plyr--fullscreen--hide-controls"},tabFocus:"tab-focus"},handlers:{seek:null,play:null,pause:null,restart:null,rewind:null,forward:null,mute:null,volume:null,captions:null,fullscreen:null},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0,allowAudio:!1},storage:{enabled:!0,key:"plyr_volume"},controls:["restart","rewind","play","fast-forward","current-time","duration","mute","volume","captions","fullscreen"],i18n:{restart:"Restart",rewind:"Rewind {seektime} secs",play:"Play",pause:"Pause",forward:"Forward {seektime} secs",played:"played",buffered:"buffered",currentTime:"Current time",duration:"Duration",volume:"Volume",toggleMute:"Toggle Mute",toggleCaptions:"Toggle Captions",toggleFullscreen:"Toggle Fullscreen",frameTitle:"Player for {title}"},types:{embed:["youtube","vimeo"],html5:["video","audio"]},urls:{vimeo:{api:"http://cdn.plyr.io/froogaloop/1.0.0/plyr.froogaloop.js"},youtube:{api:"https://www.youtube.com/iframe_api"}}};return N.supported=function(e){var n,r,s=a(),o="IE"===s.name&&s.version<=9,i=/iPhone|iPod/i.test(navigator.userAgent),l=!!t.createElement("audio").canPlayType,u=!!t.createElement("video").canPlayType;switch(e){case"video":n=u,r=n&&!o&&!i;break;case"audio":n=l,r=n&&!o;break;case"vimeo":case"youtube":n=!0,r=!o&&!i;break;default:n=l&&u,r=n&&!o}return{basic:n,full:r}},N.setup=function(e,n){var r=[];if("string"==typeof e?e=t.querySelectorAll(e):e instanceof HTMLElement?e=[e]:e instanceof NodeList||"string"==typeof e||("undefined"==typeof n&&"object"==typeof e&&(n=e),e=t.querySelectorAll(P.selectors.container)),I=F(P,n),!I.enabled||!N.supported().basic||!e.length)return!1;for(var a=e.length-1;a>=0;a--){var s=e[a];if("undefined"==typeof s.plyr){var o=new E(s);s.plyr=Object.keys(o).length?o:!1,"function"==typeof I.onSetup&&I.onSetup.apply(s.plyr)}r.push(s.plyr)}return r},N}); \ No newline at end of file +!function(e,t){"use strict";"function"==typeof define&&define.amd?define(null,function(){t(e,document)}):"object"==typeof module?module.exports=t(e,document):e.plyr=t(e,document)}(this,function(e,t){"use strict";function n(){var e=['
','
','','','',"0% "+N.i18n.played,"",'',"0% "+N.i18n.buffered,"","
",''];return i(N.controls,"restart")&&e.push('"),i(N.controls,"rewind")&&e.push('"),i(N.controls,"play")&&e.push('",'"),i(N.controls,"fast-forward")&&e.push('"),i(N.controls,"current-time")&&e.push('',''+N.i18n.currentTime+"",'00:00',""),i(N.controls,"duration")&&e.push('',''+N.i18n.duration+"",'00:00',""),e.push("",''),i(N.controls,"mute")&&e.push('"),i(N.controls,"volume")&&e.push('",''),i(N.controls,"captions")&&e.push('"),i(N.controls,"fullscreen")&&e.push('"),e.push("","
"),e.join("")}function r(t,n){N.debug&&e.console&&console[n?"warn":"log"](t)}function a(){var e,n,r,a=navigator.userAgent,s=navigator.appName,o=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(s="IE",o="11;"):-1!==(n=a.indexOf("MSIE"))?(s="IE",o=a.substring(n+5)):-1!==(n=a.indexOf("Chrome"))?(s="Chrome",o=a.substring(n+7)):-1!==(n=a.indexOf("Safari"))?(s="Safari",o=a.substring(n+7),-1!==(n=a.indexOf("Version"))&&(o=a.substring(n+8))):-1!==(n=a.indexOf("Firefox"))?(s="Firefox",o=a.substring(n+8)):(e=a.lastIndexOf(" ")+1)<(n=a.lastIndexOf("/"))&&(s=a.substring(e,n),o=a.substring(n+1),s.toLowerCase()==s.toUpperCase()&&(s=navigator.appName)),-1!==(r=o.indexOf(";"))&&(o=o.substring(0,r)),-1!==(r=o.indexOf(" "))&&(o=o.substring(0,r)),i=parseInt(""+o,10),isNaN(i)&&(o=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10)),{name:s,version:i,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform),touch:"ontouchstart"in t.documentElement}}function s(e,t){var n=e.media;if("video"==e.type)switch(t){case"video/webm":return!(!n.canPlayType||!n.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/no/,""));case"video/mp4":return!(!n.canPlayType||!n.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/,""));case"video/ogg":return!(!n.canPlayType||!n.canPlayType('video/ogg; codecs="theora"').replace(/no/,""))}else if("audio"==e.type)switch(t){case"audio/mpeg":return!(!n.canPlayType||!n.canPlayType("audio/mpeg;").replace(/no/,""));case"audio/ogg":return!(!n.canPlayType||!n.canPlayType('audio/ogg; codecs="vorbis"').replace(/no/,""));case"audio/wav":return!(!n.canPlayType||!n.canPlayType('audio/wav; codecs="1"').replace(/no/,""))}return!1}function o(e){if(!t.querySelectorAll('script[src="'+e+'"]').length){var n=t.createElement("script");n.src=e;var r=t.getElementsByTagName("script")[0];r.parentNode.insertBefore(n,r)}}function i(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function l(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?\^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function u(e,t){e.length||(e=[e]);for(var n=e.length-1;n>=0;n--){var r=n>0?t.cloneNode(!0):t,a=e[n],s=a.parentNode,o=a.nextSibling;r.appendChild(a),o?s.insertBefore(r,o):s.appendChild(r)}}function c(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function p(e){e&&e.parentNode.removeChild(e)}function d(e,t){e.insertBefore(t,e.firstChild)}function f(e,t){for(var n in t)e.setAttribute(n,"boolean"==typeof t[n]&&t[n]?"":t[n])}function m(e,n,r){var a=t.createElement(e);f(a,r),d(n,a)}function y(e){return e.replace(".","")}function b(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function v(e,t){return e?e.classList?e.classList.contains(t):new RegExp("(\\s|^)"+t+"(\\s|$)").test(e.className):!1}function g(e,t,n){e&&T(e,t,n,!0)}function h(e,t,n){e&&T(e,t,n,!1)}function k(e,t,n,r){g(e,t,function(t){n&&n.apply(e,[t]),r.apply(e,[t])})}function T(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sr;r++){if(e.prefix=n[r],"undefined"!=typeof t[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof t.msExitFullscreen&&t.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=t.body),this.prefix){case"":return t.fullscreenElement==e;case"moz":return t.mozFullScreenElement==e;default:return t[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=t.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?t.cancelFullScreen():t[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?t.fullscreenElement:t[this.prefix+"FullscreenElement"]}),e}function E(){var t={supported:function(){if(!("localStorage"in e))return!1;try{e.localStorage.setItem("___test","OK");var t=e.localStorage.getItem("___test");return e.localStorage.removeItem("___test"),"OK"===t}catch(n){return!1}return!1}()};return t}function S(F){function S(e){if(!Fe.usingTextTracks&&"video"===Fe.type&&Fe.supported.full&&(Fe.subcount=0,e="number"==typeof e?e:Fe.media.currentTime,Fe.captions[Fe.subcount])){for(;O(Fe.captions[Fe.subcount][0])Fe.captions.length-1){Fe.subcount=Fe.captions.length-1;break}if(Fe.media.currentTime.toFixed(1)>=L(Fe.captions[Fe.subcount][0])&&Fe.media.currentTime.toFixed(1)<=O(Fe.captions[Fe.subcount][0])){Fe.currentCaption=Fe.captions[Fe.subcount][1];var t=Fe.currentCaption.trim();Fe.captionsContainer.innerHTML!=t&&(Fe.captionsContainer.innerHTML="",Fe.captionsContainer.innerHTML=t)}else Fe.captionsContainer.innerHTML=""}}function M(){Fe.buttons.captions&&(b(Fe.container,N.classes.captions.enabled,!0),N.captions.defaultActive&&(b(Fe.container,N.classes.captions.active,!0),x(Fe.buttons.captions,!0)))}function L(e){var t=[];return t=e.split(" --> "),V(t[0])}function O(e){var t=[];return t=e.split(" --> "),V(t[1])}function V(e){if(null===e||void 0===e)return 0;var t,n=[],r=[];return n=e.split(","),r=n[0].split(":"),t=Math.floor(60*r[0]*60)+Math.floor(60*r[1])+Math.floor(r[2])}function q(e){return Fe.container.querySelectorAll(e)}function H(e){return q(e)[0]}function R(){try{return e.self!==e.top}catch(t){return!0}}function j(){function e(e){9===e.which&&Fe.isFullscreen&&(e.target!==r||e.shiftKey?e.target===n&&e.shiftKey&&(e.preventDefault(),r.focus()):(e.preventDefault(),n.focus()))}var t=q("input:not([disabled]), button:not([disabled])"),n=t[0],r=t[t.length-1];g(Fe.container,"keydown",e)}function D(e,t){if("string"==typeof t)m(e,Fe.media,{src:t});else if(t.constructor===Array)for(var n=t.length-1;n>=0;n--)m(e,Fe.media,t[n])}function B(){var e=N.html;r("Injecting custom controls"),e||(e=n()),e=l(e,"{seektime}",N.seekTime),e=l(e,"{id}",Math.floor(1e4*Math.random()));var a;if(null!==N.selectors.controls.container&&(a=N.selectors.controls.container,"string"==typeof selector&&(a=t.querySelector(a))),a instanceof HTMLElement||(a=Fe.container),a.insertAdjacentHTML("beforeend",e),N.tooltips)for(var s=q(N.selectors.labels),o=s.length-1;o>=0;o--){var i=s[o];b(i,N.classes.hidden,!1),b(i,N.classes.tooltip,!0)}}function Y(){try{return Fe.controls=H(N.selectors.controls.wrapper),Fe.buttons={},Fe.buttons.seek=H(N.selectors.buttons.seek),Fe.buttons.play=H(N.selectors.buttons.play),Fe.buttons.pause=H(N.selectors.buttons.pause),Fe.buttons.restart=H(N.selectors.buttons.restart),Fe.buttons.rewind=H(N.selectors.buttons.rewind),Fe.buttons.forward=H(N.selectors.buttons.forward),Fe.buttons.fullscreen=H(N.selectors.buttons.fullscreen),Fe.buttons.volume=H(N.selectors.buttons.volume),Fe.buttons.mute=H(N.selectors.buttons.mute),Fe.buttons.captions=H(N.selectors.buttons.captions),Fe.checkboxes=q('[type="checkbox"]'),Fe.progress={},Fe.progress.container=H(N.selectors.progress.container),Fe.progress.buffer={},Fe.progress.buffer.bar=H(N.selectors.progress.buffer),Fe.progress.buffer.text=Fe.progress.buffer.bar&&Fe.progress.buffer.bar.getElementsByTagName("span")[0],Fe.progress.played={},Fe.progress.played.bar=H(N.selectors.progress.played),Fe.progress.played.text=Fe.progress.played.bar&&Fe.progress.played.bar.getElementsByTagName("span")[0],Fe.volume=H(N.selectors.buttons.volume),Fe.duration=H(N.selectors.duration),Fe.currentTime=H(N.selectors.currentTime),Fe.seekTime=q(N.selectors.seekTime),!0}catch(e){return r("It looks like there is a problem with your controls html",!0),$(!0),!1}}function W(){b(Fe.container,P.selectors.container.replace(".",""),Fe.supported.full)}function $(e){e?Fe.media.setAttribute("controls",""):Fe.media.removeAttribute("controls")}function z(e){var t=N.i18n.play;"undefined"!=typeof N.title&&N.title.length&&(t+=", "+N.title),Fe.supported.full&&Fe.buttons.play&&Fe.buttons.play.setAttribute("aria-label",t),e instanceof HTMLElement&&e.setAttribute("title",N.i18n.frameTitle.replace("{title}",N.title))}function K(){if(!Fe.media)return r("No audio or video element found",!0),!1;if(Fe.supported.full&&(b(Fe.container,N.classes.type.replace("{0}",Fe.type),!0),b(Fe.container,N.classes.stopped,N.autoplay),b(Fe.container,N.classes.isIos,Fe.browser.ios),b(Fe.container,N.classes.isTouch,Fe.browser.touch),"video"===Fe.type)){var e=t.createElement("div");e.setAttribute("class",N.classes.videoWrapper),u(Fe.media,e),Fe.videoContainer=e}i(N.types.embed,Fe.type)?(U(),Fe.embedId=null):N.autoplay&&ee()}function U(){for(var n=t.createElement("div"),r=Fe.embedId,a=Fe.type+"-"+Math.floor(1e4*Math.random()),s=q('[id^="'+Fe.type+'-"]'),i=s.length-1;i>=0;i--)p(s[i]);if(b(Fe.media,N.classes.videoWrapper,!0),b(Fe.media,N.classes.embedWrapper,!0),"youtube"===Fe.type)Fe.media.appendChild(n),n.setAttribute("id",a),"object"==typeof YT?J(r,n):(o(N.urls.youtube.api),e.onYouTubeReadyCallbacks=e.onYouTubeReadyCallbacks||[],e.onYouTubeReadyCallbacks.push(function(){J(r,n)}),e.onYouTubeIframeAPIReady=function(){e.onYouTubeReadyCallbacks.forEach(function(e){e()})});else if("vimeo"===Fe.type){var l=t.createElement("iframe");l.loaded=!1,g(l,"load",function(){l.loaded=!0}),f(l,{src:"https://player.vimeo.com/video/"+r+"?player_id="+a+"&api=1&badge=0&byline=0&portrait=0&title=0",id:a,webkitallowfullscreen:"",mozallowfullscreen:"",allowfullscreen:"",frameborder:0}),Fe.supported.full?(n.appendChild(l),Fe.media.appendChild(n)):Fe.media.appendChild(l),"$f"in e||o(N.urls.vimeo.api);var u=e.setInterval(function(){"$f"in e&&l.loaded&&(e.clearInterval(u),G.call(l))},50)}}function X(){_e(),z(H("iframe"))}function J(t,n){"timer"in Fe||(Fe.timer={}),Fe.embed=new YT.Player(n.id,{videoId:t,playerVars:{autoplay:0,controls:Fe.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_load_policy:N.captions.defaultActive?1:0,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1,origin:"*"},events:{onReady:function(t){var n=t.target;Fe.media.play=function(){n.playVideo(),Fe.media.paused=!1},Fe.media.pause=function(){n.pauseVideo(),Fe.media.paused=!0},Fe.media.stop=function(){n.stopVideo(),Fe.media.paused=!0},Fe.media.duration=n.getDuration(),Fe.media.paused=!0,Fe.media.currentTime=n.getCurrentTime(),Fe.media.muted=n.isMuted(),w(Fe.media,"timeupdate"),e.clearInterval(Fe.timer.buffering),Fe.timer.buffering=e.setInterval(function(){Fe.media.buffered=n.getVideoLoadedFraction(),w(Fe.media,"progress"),1===Fe.media.buffered&&e.clearInterval(Fe.timer.buffering)},200),X(),be()},onStateChange:function(t){var n=t.target;switch(e.clearInterval(Fe.timer.playing),t.data){case 0:Fe.media.paused=!0,w(Fe.media,"ended");break;case 1:Fe.media.paused=!1,Fe.media.seeking=!1,w(Fe.media,"play"),Fe.timer.playing=e.setInterval(function(){Fe.media.currentTime=n.getCurrentTime(),w(Fe.media,"timeupdate")},100);break;case 2:Fe.media.paused=!0,w(Fe.media,"pause")}}}})}function G(){Fe.embed=$f(this),Fe.embed.addEvent("ready",function(){Fe.media.play=function(){Fe.embed.api("play"),Fe.media.paused=!1},Fe.media.pause=function(){Fe.embed.api("pause"),Fe.media.paused=!0},Fe.media.stop=function(){Fe.embed.api("stop"),Fe.media.paused=!0},Fe.media.paused=!0,Fe.media.currentTime=0,X(),Fe.embed.api("getCurrentTime",function(e){Fe.media.currentTime=e,w(Fe.media,"timeupdate")}),Fe.embed.api("getDuration",function(e){Fe.media.duration=e,be()}),Fe.embed.addEvent("play",function(){Fe.media.paused=!1,w(Fe.media,"play")}),Fe.embed.addEvent("pause",function(){Fe.media.paused=!0,w(Fe.media,"pause")}),Fe.embed.addEvent("playProgress",function(e){Fe.media.seeking=!1,Fe.media.currentTime=e.seconds,w(Fe.media,"timeupdate")}),Fe.embed.addEvent("loadProgress",function(e){Fe.media.buffered=e.percent,w(Fe.media,"progress")}),Fe.embed.addEvent("finish",function(){Fe.media.paused=!0,w(Fe.media,"ended")})})}function Q(){if("video"===Fe.type){H(N.selectors.captions)||Fe.videoContainer.insertAdjacentHTML("afterbegin",'
'),Fe.captionsContainer=H(N.selectors.captions).querySelector("span"),Fe.usingTextTracks=!1,Fe.media.textTracks&&(Fe.usingTextTracks=!0);for(var e,t="",n=Fe.media.childNodes,a=0;a=10||"Firefox"===Fe.browser.name&&Fe.browser.version>=31||"Chrome"===Fe.browser.name&&Fe.browser.version>=43||"Safari"===Fe.browser.name&&Fe.browser.version>=7)&&(r("Detected unsupported browser for HTML5 captions - using fallback"),Fe.usingTextTracks=!1),Fe.usingTextTracks){r("TextTracks supported");for(var i=0;i=7){r("Safari 7+ detected; removing track from DOM"),s=Fe.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>Fe.media.duration&&(t=Fe.media.duration);try{Fe.media.currentTime=t.toFixed(1)}catch(a){}if(i(N.types.embed,Fe.type)){switch(Fe.type){case"youtube":Fe.embed.seekTo(t);break;case"vimeo":Fe.embed.api("seekTo",t)}n&&te(),w(Fe.media,"timeupdate"),Fe.media.seeking=!0}r("Seeking to "+Fe.media.currentTime+" seconds"),S(t)}function oe(){b(Fe.container,N.classes.playing,!Fe.media.paused),b(Fe.container,N.classes.stopped,Fe.media.paused)}function ie(n){function r(){b(Fe.container,N.classes.hover,!0),e.clearTimeout(o),i||(o=e.setTimeout(function(){b(Fe.container,N.classes.hover,!1)},2e3))}function a(e){i="mouseenter"===e.type}var s=A.supportsFullScreen;n&&n.type===A.fullScreenEventName?Fe.isFullscreen=A.isFullScreen(Fe.container):s?(A.isFullScreen(Fe.container)?A.cancelFullScreen():A.requestFullScreen(Fe.container),Fe.isFullscreen=A.isFullScreen(Fe.container)):(Fe.isFullscreen=!Fe.isFullscreen,Fe.isFullscreen?(g(t,"keyup",le),t.body.style.overflow="hidden"):(h(t,"keyup",le),t.body.style.overflow="")),b(Fe.container,N.classes.fullscreen.active,Fe.isFullscreen),Fe.isFullscreen?Fe.container.setAttribute("tabindex","-1"):Fe.container.removeAttribute("tabindex"),j(Fe.isFullscreen),x(Fe.buttons.fullscreen,Fe.isFullscreen);var o,i=!1;N.fullscreen.hideControls&&(b(Fe.controls,N.classes.hover,!1),T(Fe.controls,"mouseenter mouseleave",a,Fe.isFullscreen),T(Fe.container,"mousemove",r,Fe.isFullscreen))}function le(e){27===(e.which||e.charCode||e.keyCode)&&Fe.isFullscreen&&ie()}function ue(e){if("boolean"!=typeof e&&(e=!Fe.media.muted),x(Fe.buttons.mute,e),Fe.media.muted=e,i(N.types.embed,Fe.type)){switch(Fe.type){case"youtube":Fe.embed[Fe.media.muted?"mute":"unMute"]();break;case"vimeo":Fe.embed.api("setVolume",Fe.media.muted?0:parseFloat(N.volume/10))}w(Fe.media,"volumechange")}}function ce(t){if("undefined"==typeof t&&(t=N.storage.enabled&&E().supported?e.localStorage[N.storage.key]||N.volume:N.volume),t>10&&(t=10),0>t&&(t=0),Fe.media.volume=parseFloat(t/10),N.volume=t,i(N.types.embed,Fe.type)){switch(Fe.type){case"youtube":Fe.embed.setVolume(100*Fe.media.volume);break;case"vimeo":Fe.embed.api("setVolume",Fe.media.volume)}w(Fe.media,"volumechange")}Fe.media.muted&&t>0&&ue()}function pe(){var t=Fe.media.muted?0:10*Fe.media.volume;Fe.supported.full&&Fe.volume&&(Fe.volume.value=t),N.storage.enabled&&E().supported&&e.localStorage.setItem(N.storage.key,t),b(Fe.container,N.classes.muted,0===t),Fe.supported.full&&Fe.buttons.mute&&x(Fe.buttons.mute,0===t)}function de(e){Fe.supported.full&&Fe.buttons.captions&&("boolean"!=typeof e&&(e=-1===Fe.container.className.indexOf(N.classes.captions.active)),Fe.captionsEnabled=e,x(Fe.buttons.captions,Fe.captionsEnabled),b(Fe.container,N.classes.captions.active,Fe.captionsEnabled))}function fe(e){var t="waiting"===e.type;clearTimeout(Fe.loadingTimer),Fe.loadingTimer=setTimeout(function(){b(Fe.container,N.classes.loading,t)},t?250:0)}function me(e){var t=Fe.progress.played.bar,n=Fe.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=_(Fe.media.currentTime,Fe.media.duration),"timeupdate"==e.type&&Fe.buttons.seek&&(Fe.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=Fe.progress.buffer.bar,n=Fe.progress.buffer.text,r=function(){var e=Fe.media.buffered;return e&&e.length?_(e.end(0),Fe.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function ye(e,t){if(t){isNaN(e)&&(e=0),Fe.secs=parseInt(e%60),Fe.mins=parseInt(e/60%60),Fe.hours=parseInt(e/60/60%60);var n=parseInt(Fe.media.duration/60/60%60)>0;Fe.secs=("0"+Fe.secs).slice(-2),Fe.mins=("0"+Fe.mins).slice(-2),t.innerHTML=(n?Fe.hours+":":"")+Fe.mins+":"+Fe.secs}}function be(){if(Fe.supported.full){var e=Fe.media.duration||0;!Fe.duration&&N.displayDuration&&Fe.media.paused&&ye(e,Fe.currentTime),Fe.duration&&ye(e,Fe.duration)}}function ve(e){ye(Fe.media.currentTime,Fe.currentTime),e&&"timeupdate"==e.type&&Fe.media.seeking||me(e)}function ge(e){if("undefined"!=typeof e)return void he(e);var t;switch(Fe.type){case"youtube":t=Fe.embed.getVideoUrl();break;case"vimeo":Fe.embed.api("getVideoUrl",function(e){t=e});break;default:t=Fe.media.currentSrc}return t||""}function he(n){if(!("undefined"!=typeof n&&"sources"in n&&n.sources.length))return void r("Invalid source format",!0);if(te(),"youtube"===Fe.type?(Fe.embed.destroy(),e.clearInterval(Fe.timer.buffering),e.clearInterval(Fe.timer.playing)):"video"===Fe.type&&Fe.videoContainer&&p(Fe.videoContainer),p(Fe.media),"type"in n&&(Fe.type=n.type,"video"===Fe.type)){var a=n.sources[0];"type"in a&&i(N.types.embed,a.type)&&(Fe.type=a.type)}switch(Fe.supported=I.supported(Fe.type),Fe.type){case"video":Fe.media=t.createElement("video");break;case"audio":Fe.media=t.createElement("audio");break;case"youtube":case"vimeo":Fe.media=t.createElement("div"),Fe.embedId=n.sources[0].src}d(Fe.container,Fe.media),i(N.types.html5,Fe.type)&&(N.crossorigin&&Fe.media.setAttribute("crossorigin",""),N.autoplay&&Fe.media.setAttribute("autoplay",""),"poster"in n&&Fe.media.setAttribute("poster",n.poster),N.loop&&Fe.media.setAttribute("loop","")),Fe.container.className=Fe.originalClassName,b(Fe.container,N.classes.fullscreen.active,Fe.isFullscreen),b(Fe.container,N.classes.captions.active,Fe.captionsEnabled),W(),N.autoplay=n.autoplay||N.autoplay,i(N.types.html5,Fe.type)&&D("source",n.sources),K(),i(N.types.html5,Fe.type)&&("tracks"in n&&D("track",n.tracks),Fe.media.load(),be(),_e()),N.autoplay&&ee(),"title"in n&&(N.title=n.title,z())}function ke(e){"video"===Fe.type&&Fe.media.setAttribute("poster",e)}function Te(){function n(e){e?ee():te();var t=Fe.buttons[e?"play":"pause"],n=Fe.buttons[e?"pause":"play"];if(n){var r=v(t,N.classes.tabFocus);setTimeout(function(){n.focus(),r&&(b(t,N.classes.tabFocus,!1),b(n,N.classes.tabFocus,!0))},100)}}function r(){var e=t.activeElement;e&&e!=t.body?t.querySelector&&(e=t.querySelector(":focus")):e=null;for(var n in Fe.buttons){var r=Fe.buttons[n];b(r,N.classes.tabFocus,r===e)}}var a="IE"==Fe.browser.name?"change":"input";g(e,"keyup",function(e){var t=e.keyCode?e.keyCode:e.which;9==t&&r()}),g(t.body,"click",function(){b(H("."+N.classes.tabFocus),N.classes.tabFocus,!1)});for(var s in Fe.buttons){var o=Fe.buttons[s];g(o,"blur",function(){b(o,"tab-focus",!1)})}k(Fe.buttons.play,"click",N.handlers.play,function(){n(!0)}),k(Fe.buttons.pause,"click",N.handlers.pause,function(){n()}),k(Fe.buttons.restart,"click",N.handlers.restart,se),k(Fe.buttons.rewind,"click",N.handlers.rewind,re),k(Fe.buttons.forward,"click",N.handlers.forward,ae),k(Fe.buttons.seek,a,N.handlers.seek,se),k(Fe.volume,a,N.handlers.volume,function(){ce(Fe.volume.value)}),k(Fe.buttons.mute,"click",N.handlers.mute,ue),k(Fe.buttons.fullscreen,"click",N.handlers.fullscreen,ie),A.supportsFullScreen&&g(t,A.fullScreenEventName,ie),g(Fe.media,"timeupdate seeking",ve),g(Fe.media,"timeupdate",S),g(Fe.media,"loadedmetadata",be),g(Fe.buttons.captions,"click",de),g(Fe.media,"ended",function(){"video"===Fe.type&&(Fe.captionsContainer.innerHTML=""),oe()}),g(Fe.media,"progress playing",me),g(Fe.media,"volumechange",pe),g(Fe.media,"play pause",oe),g(Fe.media,"waiting canplay seeked",fe),"video"===Fe.type&&N.click&&g(Fe.videoContainer,"click",function(){Fe.media.paused?ee():Fe.media.ended?(se(),ee()):te()})}function we(){if(!Fe.init)return null;if(Fe.container.setAttribute("class",y(N.selectors.container)),Fe.init=!1,p(H(N.selectors.controls.wrapper)),"youtube"===Fe.type)return void Fe.embed.destroy();"video"===Fe.type&&(p(H(N.selectors.captions)),c(Fe.videoContainer)),$(!0);var e=Fe.media.cloneNode(!0);Fe.media.parentNode.replaceChild(e,Fe.media)}function xe(){if(Fe.init)return null;A=C(),Fe.browser=a(),Fe.media=Fe.container.querySelectorAll("audio, video, div")[0],Fe.originalClassName=Fe.container.className;var e=Fe.media.tagName.toLowerCase();if("div"===e?(Fe.type=Fe.media.getAttribute("data-type"),Fe.embedId=Fe.media.getAttribute("data-video-id"),Fe.media.removeAttribute("data-type"),Fe.media.removeAttribute("data-video-id")):(Fe.type=e,N.crossorigin=null!==Fe.media.getAttribute("crossorigin"),N.autoplay=N.autoplay||null!==Fe.media.getAttribute("autoplay"),N.loop=N.loop||null!==Fe.media.getAttribute("loop")),Fe.supported=I.supported(Fe.type),W(),!Fe.supported.basic)return!1;if(r(Fe.browser.name+" "+Fe.browser.version),K(),i(N.types.html5,Fe.type)){if(!Fe.supported.full)return void(Fe.init=!0);_e(),z()}Fe.init=!0}function _e(){return Fe.supported.full?(q(N.selectors.controls.wrapper).length||B(),$(),void(Y()&&(Z(),Te(),Q(),ce(),pe(),ve(),oe()))):(r("No full support for this media type ("+Fe.type+")",!0),p(H(N.selectors.controls.wrapper)),void $(!0))}var Fe=this;return Fe.container=F,xe(),Fe.init?{media:Fe.media,play:ee,pause:te,restart:se,rewind:re,forward:ae,seek:se,source:ge,poster:ke,setVolume:ce,togglePlay:ne,toggleMute:ue,toggleCaptions:de,toggleFullscreen:ie,isFullscreen:function(){return Fe.isFullscreen||!1},support:function(e){return s(Fe,e)},destroy:we,restore:xe}:{}}var A,N,I={},P={enabled:!0,debug:!1,autoplay:!1,loop:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".plyr",controls:{container:null,wrapper:".plyr__controls"},labels:"[data-plyr] .sr-only, label .sr-only",buttons:{seek:'[data-plyr="seek"]',play:'[data-plyr="play"]',pause:'[data-plyr="pause"]',restart:'[data-plyr="restart"]',rewind:'[data-plyr="rewind"]',forward:'[data-plyr="fast-forward"]',mute:'[data-plyr="mute"]',volume:'[data-plyr="volume"]',captions:'[data-plyr="captions"]',fullscreen:'[data-plyr="fullscreen"]'},progress:{container:".plyr__progress",buffer:".plyr__progress--buffer",played:".plyr__progress--played"},captions:".plyr__captions",currentTime:".plyr__time--current",duration:".plyr__time--duration"},classes:{videoWrapper:"plyr__video-wrapper",embedWrapper:"plyr__video-embed",type:"plyr--{0}",stopped:"plyr--stopped",playing:"plyr--playing",muted:"plyr--muted",loading:"plyr--loading",hover:"plyr--hover",tooltip:"plyr__tooltip",hidden:"plyr__sr-only",isIos:"plyr--is-ios",isTouch:"plyr--is-touch",captions:{enabled:"plyr--captions-enabled",active:"plyr--captions-active"},fullscreen:{enabled:"plyr--fullscreen-enabled",active:"plyr--fullscreen-active",hideControls:"plyr--fullscreen--hide-controls"},tabFocus:"tab-focus"},handlers:{seek:null,play:null,pause:null,restart:null,rewind:null,forward:null,mute:null,volume:null,captions:null,fullscreen:null},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0,allowAudio:!1},storage:{enabled:!0,key:"plyr_volume"},controls:["restart","rewind","play","fast-forward","current-time","duration","mute","volume","captions","fullscreen"],i18n:{restart:"Restart",rewind:"Rewind {seektime} secs",play:"Play",pause:"Pause",forward:"Forward {seektime} secs",played:"played",buffered:"buffered",currentTime:"Current time",duration:"Duration",volume:"Volume",toggleMute:"Toggle Mute",toggleCaptions:"Toggle Captions",toggleFullscreen:"Toggle Fullscreen",frameTitle:"Player for {title}"},types:{embed:["youtube","vimeo"],html5:["video","audio"]},urls:{vimeo:{api:"http://cdn.plyr.io/froogaloop/1.0.0/plyr.froogaloop.js"},youtube:{api:"https://www.youtube.com/iframe_api"}}};return I.supported=function(e){var n,r,s=a(),o="IE"===s.name&&s.version<=9,i=/iPhone|iPod/i.test(navigator.userAgent),l=!!t.createElement("audio").canPlayType,u=!!t.createElement("video").canPlayType;switch(e){case"video":n=u,r=n&&!o&&!i;break;case"audio":n=l,r=n&&!o;break;case"vimeo":case"youtube":n=!0,r=!o&&!i;break;default:n=l&&u,r=n&&!o}return{basic:n,full:r}},I.setup=function(e,n){var r=[];if("string"==typeof e?e=t.querySelectorAll(e):e instanceof HTMLElement?e=[e]:e instanceof NodeList||"string"==typeof e||("undefined"==typeof n&&"object"==typeof e&&(n=e),e=t.querySelectorAll(P.selectors.container)),N=F(P,n),!N.enabled||!I.supported().basic||!e.length)return!1;for(var a=e.length-1;a>=0;a--){var s=e[a];if("undefined"==typeof s.plyr){var o=new S(s);s.plyr=Object.keys(o).length?o:!1,"function"==typeof N.onSetup&&N.onSetup.apply(s.plyr)}r.push(s.plyr)}return r},I}); \ No newline at end of file diff --git a/docs/dist/docs.css b/docs/dist/docs.css index d4a79f04..a6f5a858 100644 --- a/docs/dist/docs.css +++ b/docs/dist/docs.css @@ -1 +1 @@ -/*! normalize.css v2.1.3 | MIT License | git.io/normalize */a.logo,img,legend{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,small,summary{display:block}[hidden],template{display:none}body,figure,li,ul{margin:0}body,h1,h2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body,small{padding:0 10px}li,nav ul,ul{list-style:none;padding:0}legend,li,nav ul,ul{padding:0}.btn__bar,sub,sup{position:relative}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a{background:0 0;text-decoration:none;color:#3498db;border-bottom:1px dotted currentColor;transition:background .3s ease,color .3s ease,border .3s ease}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}.btn__bar,nav li{white-space:nowrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}.btn__bar::before,.btn__count::before{content:"";top:50%}sub{bottom:-.25em}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@font-face{font-family:Avenir;src:url(//cdn.plyr.io/fonts/avenir-medium.woff2) format("woff2"),url(//cdn.plyr.io/fonts/avenir-medium.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:Avenir;src:url(//cdn.plyr.io/fonts/avenir-bold.woff2) format("woff2"),url(//cdn.plyr.io/fonts/avenir-bold.woff) format("woff");font-style:normal;font-weight:600}h1,h2{letter-spacing:-.025em;color:#2E3C44;margin:0 0 10px;line-height:1.2}h1{font-size:64px;font-size:4rem;color:#3498DB}p,small{margin:0 0 20px}small{font-size:14px;font-size:.875rem}a:focus,a:hover{color:#343f4a;border-bottom-color:transparent}a:focus{outline:#343f4a dotted thin;outline-offset:1px}.color--vimeo{color:#19b7ed}.color--youtube{color:#cc181e}*,::after,::before{box-sizing:border-box}.btn__bar ul,nav li{display:inline-block}html{height:100%;font-size:100%;background:linear-gradient(#fff,#f2f5f7) fixed}body{font-family:Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.5;text-align:center;color:#55646b}header{padding:20px;margin-bottom:20px}header p{font-size:18px;font-size:1.125rem}section{padding-bottom:20px}@media (min-width:480px){header{padding-top:60px;padding-bottom:60px}section{padding-bottom:40px}}.icon{fill:currentColor;width:18px;height:18px;vertical-align:-3px}a svg,button svg,label svg{pointer-events:none}.btn .icon,a .icon{margin-right:10px}.btn:not(.btn-large) .icon{width:16px;height:16px}nav ul{margin:0;font-size:0}nav li{margin-top:10px;font-size:16px;font-size:1rem}nav li+li{margin-left:20px}.btn__bar{margin:0 auto 20px;max-width:1200px}.btn__bar::before{position:absolute;left:0;right:0;height:1px;background:#dbe3e8}.btn__bar ul{position:relative;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn__bar li{margin:0}.btn__bar li:first-child .btn{border-radius:4px 0 0 4px}.btn__bar li:last-child .btn{border-radius:0 4px 4px 0}.btn__bar li+li .btn{margin-left:-1px}.btn__bar li.active .btn{position:relative;z-index:1}.btn__bar li.active .btn .icon{color:inherit}.btn__bar li.active+li .btn:hover{z-index:0}.btn__bar .btn{position:relative;display:block;border-radius:0}.btn__bar .btn:focus,.btn__bar .btn:hover{z-index:1}@media (min-width:560px){.btn__bar{margin-bottom:40px}}.btn,.btn__count{display:inline-block;vertical-align:middle;border-radius:4px;font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn{padding:10px 12px;background:linear-gradient(#f8fafb,#e9eef1);border:1px solid #cbd0d3;box-shadow:0 1px 1px rgba(0,0,0,.05);text-shadow:0 1px 1px #fff;color:#55646b;transition:background .1s ease,color .1s ease;font-size:14px;font-size:.875rem}.btn:focus,.btn:hover{border-color:#b5bcc0;color:#55646b;outline:0}.btn--large{padding:10px 20px;font-size:16px;font-size:1rem}.btn--primary,.btn__bar li.active .btn{background-image:linear-gradient(#3498db,#258cd1);background-color:#3498db;border-color:#217dbb;box-shadow:0 1px 1px rgba(0,0,0,.15);text-shadow:0 1px 1px rgba(0,0,0,.1);color:#fff}.btn--primary:focus,.btn--primary:hover{color:#fff;border-color:#196090}.btn--youtube .icon{color:#cc181e}.btn--vimeo .icon{color:#19b7ed}.btn--twitter .icon{color:#4BAAF4}.btn__count{position:relative;margin-left:10px;padding:10px 15px;background:#fff;border:1px solid #cbd0d3}.btn__count::before{position:absolute;display:block;width:8px;height:8px;left:1px;margin-top:-4px;background:inherit;border:inherit;border-width:1px 0 0 1px;-webkit-transform:rotate(-45deg) translate(-50%,-50%);transform:rotate(-45deg) translate(-50%,-50%)}.error body,html.error{height:100%}.error body{width:100%;display:table;table-layout:fixed}.error main{display:table-cell;width:100%;vertical-align:middle}.plyr__video-embed,video{border-radius:4px;max-width:100%;vertical-align:middle}.plyr__video-embed{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}.plyr{margin:0 auto 20px;max-width:1200px}.plyr__controls{border-radius:0 0 4px 4px}.plyr .plyr__video-embed,.plyr video{border-radius:4px 4px 0 0}.plyr--fullscreen,.plyr--fullscreen-active{max-width:none}.plyr--fullscreen .plyr-controls,.plyr--fullscreen iframe,.plyr--fullscreen video,.plyr--fullscreen-active .plyr-controls,.plyr--fullscreen-active iframe,.plyr--fullscreen-active video{border-radius:0}.plyr--fullscreen iframe,.plyr--fullscreen-active iframe{-webkit-mask-image:none}.plyr--audio{max-width:520px}.plyr--audio .plyr__controls{border-radius:4px}.plyr--audio .plyr__progress{border-radius:4px 4px 0 0;overflow:hidden}.plyr__cite{display:none}.plyr__cite .icon{margin-right:5px}.plyr--audio~ul .plyr__cite--audio,.plyr--video~ul .plyr__cite--video,.plyr--vimeo~ul .plyr__cite--vimeo,.plyr--youtube~ul .plyr__cite--youtube{display:block} \ No newline at end of file +/*! normalize.css v2.1.3 | MIT License | git.io/normalize */a.logo,img,legend{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,small,summary{display:block}[hidden],template{display:none}body,figure,li,ul{margin:0}body,h1,h2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body,small{padding:0 10px}li,nav ul,ul{list-style:none;padding:0}legend,li,nav ul,ul{padding:0}.btn__bar,sub,sup{position:relative}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a{background:0 0;text-decoration:none;color:#3498db;border-bottom:1px dotted currentColor;transition:background .3s ease,color .3s ease,border .3s ease}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}.btn__bar,nav li{white-space:nowrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}.btn__bar::before,.btn__count::before{content:"";top:50%}sub{bottom:-.25em}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@font-face{font-family:Avenir;src:url(//cdn.plyr.io/fonts/avenir-medium.woff2) format("woff2"),url(//cdn.plyr.io/fonts/avenir-medium.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:Avenir;src:url(//cdn.plyr.io/fonts/avenir-bold.woff2) format("woff2"),url(//cdn.plyr.io/fonts/avenir-bold.woff) format("woff");font-style:normal;font-weight:600}h1,h2{letter-spacing:-.025em;color:#2E3C44;margin:0 0 10px;line-height:1.2}h1{font-size:64px;font-size:4rem;color:#3498DB}p,small{margin:0 0 20px}small{font-size:14px;font-size:.875rem}a:focus,a:hover{color:#343f4a;border-bottom-color:transparent}a:focus{outline:#343f4a dotted thin;outline-offset:1px}.color--vimeo{color:#19b7ed}.color--youtube{color:#cc181e}*,::after,::before{box-sizing:border-box}.btn__bar ul,nav li{display:inline-block}html{height:100%;font-size:100%;background:linear-gradient(#fff,#f2f5f7) fixed}body{font-family:Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.5;text-align:center;color:#55646b}header{padding:20px;margin-bottom:20px}header p{font-size:18px;font-size:1.125rem}section{padding-bottom:20px}@media (min-width:480px){header{padding-top:60px;padding-bottom:60px}section{padding-bottom:40px}}.icon{fill:currentColor;width:18px;height:18px;vertical-align:-3px}a svg,button svg,label svg{pointer-events:none}.btn .icon,a .icon{margin-right:10px}.btn:not(.btn-large) .icon{width:16px;height:16px}nav ul{margin:0;font-size:0}nav li{margin-top:10px;font-size:16px;font-size:1rem}nav li+li{margin-left:20px}.btn__bar{margin:0 auto 20px;max-width:1200px}.btn__bar::before{position:absolute;left:0;right:0;height:1px;background:#dbe3e8}.btn__bar ul{position:relative;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn__bar li{margin:0}.btn__bar li:first-child .btn{border-radius:4px 0 0 4px}.btn__bar li:last-child .btn{border-radius:0 4px 4px 0}.btn__bar li+li .btn{margin-left:-1px}.btn__bar li.active .btn{position:relative;z-index:1}.btn__bar li.active .btn .icon{color:inherit}.btn__bar li.active+li .btn:hover{z-index:0}.btn__bar .btn{position:relative;display:block;border-radius:0}.btn__bar .btn:focus,.btn__bar .btn:hover{z-index:1}@media (min-width:560px){.btn__bar{margin-bottom:40px}}.btn,.btn__count{display:inline-block;vertical-align:middle;border-radius:4px;font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn{padding:10px 12px;background:linear-gradient(#f8fafb,#e9eef1);border:1px solid #cbd0d3;box-shadow:0 1px 1px rgba(0,0,0,.05);text-shadow:0 1px 1px #fff;color:#55646b;transition:background .1s ease,color .1s ease;font-size:14px;font-size:.875rem}.btn:focus,.btn:hover{border-color:#b5bcc0;color:#55646b;outline:0}.btn--large{padding:10px 20px;font-size:16px;font-size:1rem}.btn--primary,.btn__bar li.active .btn{background-image:linear-gradient(#3498db,#258cd1);background-color:#3498db;border-color:#217dbb;box-shadow:0 1px 1px rgba(0,0,0,.15);text-shadow:0 1px 1px rgba(0,0,0,.1);color:#fff}.btn--primary:focus,.btn--primary:hover{color:#fff;border-color:#196090}.btn--youtube .icon{color:#cc181e}.btn--vimeo .icon{color:#19b7ed}.btn--twitter .icon{color:#4BAAF4}.btn__count{position:relative;margin-left:10px;padding:10px 15px;background:#fff;border:1px solid #cbd0d3}.btn__count::before{position:absolute;display:block;width:8px;height:8px;left:1px;margin-top:-4px;background:inherit;border:inherit;border-width:1px 0 0 1px;-webkit-transform:rotate(-45deg) translate(-50%,-50%);transform:rotate(-45deg) translate(-50%,-50%)}.error body,html.error{height:100%}.error body{width:100%;display:table;table-layout:fixed}.error main{display:table-cell;width:100%;vertical-align:middle}section{margin:0 auto 20px;max-width:1200px}.plyr__video-embed,video{border-radius:4px;max-width:100%;vertical-align:middle}.plyr__video-embed{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}.plyr{margin:0 auto}.plyr__controls{border-radius:0 0 4px 4px}.plyr .plyr__video-embed,.plyr video{border-radius:4px 4px 0 0}.plyr--fullscreen,.plyr--fullscreen-active{max-width:none}.plyr--fullscreen .plyr-controls,.plyr--fullscreen iframe,.plyr--fullscreen video,.plyr--fullscreen-active .plyr-controls,.plyr--fullscreen-active iframe,.plyr--fullscreen-active video{border-radius:0}.plyr--fullscreen iframe,.plyr--fullscreen-active iframe{-webkit-mask-image:none}.plyr--audio{max-width:520px}.plyr--audio .plyr__controls{border-radius:4px}.plyr--audio .plyr__progress{border-radius:4px 4px 0 0;overflow:hidden}.plyr__cite{display:none;margin-top:20px}.plyr__cite .icon{margin-right:5px}.plyr--audio~ul .plyr__cite--audio,.plyr--video~ul .plyr__cite--video,.plyr--vimeo~ul .plyr__cite--vimeo,.plyr--youtube~ul .plyr__cite--youtube{display:block} \ No newline at end of file diff --git a/docs/dist/docs.js b/docs/dist/docs.js index b3840281..5ee05293 100644 --- a/docs/dist/docs.js +++ b/docs/dist/docs.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 n,i=arguments.length;for(n=0;i>n;n++)e=arguments[n],t.call(this,e)}};t("add"),t("remove")}if(e.classList.toggle("c3",!1),e.classList.contains("c3")){var n=DOMTokenList.prototype.toggle;DOMTokenList.prototype.toggle=function(e,t){return 1 in arguments&&!this.contains(e)==!t?t:n.call(this,e)}}e=null}():!function(e){"use strict";if("Element"in e){var t="classList",n="prototype",i=e.Element[n],s=Object,o=String[n].trim||function(){return this.replace(/^\s+|\s+$/g,"")},r=Array[n].indexOf||function(e){for(var t=0,n=this.length;n>t;t++)if(t in this&&this[t]===e)return t;return-1},a=function(e,t){this.name=e,this.code=DOMException[e],this.message=t},c=function(e,t){if(""===t)throw new a("SYNTAX_ERR","An invalid or illegal string was specified");if(/\s/.test(t))throw new a("INVALID_CHARACTER_ERR","String contains an invalid character");return r.call(e,t)},l=function(e){for(var t=o.call(e.getAttribute("class")||""),n=t?t.split(/\s+/):[],i=0,s=n.length;s>i;i++)this.push(n[i]);this._updateClassName=function(){e.setAttribute("class",this.toString())}},u=l[n]=[],p=function(){return new l(this)};if(a[n]=Error[n],u.item=function(e){return this[e]||null},u.contains=function(e){return e+="",-1!==c(this,e)},u.add=function(){var e,t=arguments,n=0,i=t.length,s=!1;do e=t[n]+"",-1===c(this,e)&&(this.push(e),s=!0);while(++n=0;s--)t[s].parentElement.classList.remove("active");event.target.parentElement.classList.add("active")}for(var t=document.querySelectorAll("[data-source]"),n=t.length-1;n>=0;n--)t[n].addEventListener("click",e)}(),document.domain.indexOf("plyr.io")>-1&&(!function(e,t,n,i,s,o,r){e.GoogleAnalyticsObject=s,e[s]=e[s]||function(){(e[s].q=e[s].q||[]).push(arguments)},e[s].l=1*new Date,o=t.createElement(n),r=t.getElementsByTagName(n)[0],o.async=1,o.src=i,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 n,s=arguments.length;for(n=0;s>n;n++)e=arguments[n],t.call(this,e)}};t("add"),t("remove")}if(e.classList.toggle("c3",!1),e.classList.contains("c3")){var n=DOMTokenList.prototype.toggle;DOMTokenList.prototype.toggle=function(e,t){return 1 in arguments&&!this.contains(e)==!t?t:n.call(this,e)}}e=null}():!function(e){"use strict";if("Element"in e){var t="classList",n="prototype",s=e.Element[n],i=Object,r=String[n].trim||function(){return this.replace(/^\s+|\s+$/g,"")},o=Array[n].indexOf||function(e){for(var t=0,n=this.length;n>t;t++)if(t in this&&this[t]===e)return t;return-1},a=function(e,t){this.name=e,this.code=DOMException[e],this.message=t},c=function(e,t){if(""===t)throw new a("SYNTAX_ERR","An invalid or illegal string was specified");if(/\s/.test(t))throw new a("INVALID_CHARACTER_ERR","String contains an invalid character");return o.call(e,t)},l=function(e){for(var t=r.call(e.getAttribute("class")||""),n=t?t.split(/\s+/):[],s=0,i=n.length;i>s;s++)this.push(n[s]);this._updateClassName=function(){e.setAttribute("class",this.toString())}},u=l[n]=[],p=function(){return new l(this)};if(a[n]=Error[n],u.item=function(e){return this[e]||null},u.contains=function(e){return e+="",-1!==c(this,e)},u.add=function(){var e,t=arguments,n=0,s=t.length,i=!1;do e=t[n]+"",-1===c(this,e)&&(this.push(e),i=!0);while(++n=0;r--)e(n[r].parentElement,"active",!1);e((event.target||event.srcElement).parentElement,"active",!0)}for(var n=document.querySelectorAll("[data-source]"),s=n.length-1;s>=0;s--)n[s].addEventListener("click",t)}(),document.domain.indexOf("plyr.io")>-1&&(!function(e,t,n,s,i,r,o){e.GoogleAnalyticsObject=i,e[i]=e[i]||function(){(e[i].q=e[i].q||[]).push(arguments)},e[i].l=1*new Date,r=t.createElement(n),o=t.getElementsByTagName(n)[0],r.async=1,r.src=s,o.parentNode.insertBefore(r,o)}(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/docs/index.html b/docs/index.html index ad3d9d01..eee24458 100644 --- a/docs/index.html +++ b/docs/index.html @@ -83,17 +83,34 @@ 'dist/docs.svg' ] .forEach(function(u) { - var x = new XMLHttpRequest(), b = document.body; + var x = new XMLHttpRequest(), + b = document.body; + // Check for CORS support // If you're loading from same domain, you can remove the whole if/else statement - // XHR for Chrome/Firefox/Opera/Safari - if ('withCredentials' in x) { x.open('GET', u, true); } - // XDomainRequest for older IE - else if (typeof XDomainRequest != 'undefined') { x = new XDomainRequest(); x.open('GET', u); } + // XHR for Chrome/Firefox/Opera/Safari/IE10+ + if ('withCredentials' in x) { + x.open('GET', u, true); + } + // XDomainRequest for IE8 & IE9 + else if (typeof XDomainRequest == 'function') { + x = new XDomainRequest(); + x.open('GET', u); + } else { return; } - x.send(); - x.onload = function() { var c = document.createElement('div'); c.setAttribute('hidden', ''); c.innerHTML = x.responseText; b.insertBefore(c, b.childNodes[0]); } + // Inject hidden div with sprite on load + x.onload = function() { + var c = document.createElement('div'); + c.setAttribute('hidden', ''); + c.innerHTML = x.responseText; + b.insertBefore(c, b.childNodes[0]); + } + + // Timeout for IE9 + setTimeout(function () { + x.send(); + }, 0); }); })(); diff --git a/docs/src/js/docs.js b/docs/src/js/docs.js index 57e6ef8a..34bb418f 100644 --- a/docs/src/js/docs.js +++ b/docs/src/js/docs.js @@ -33,6 +33,18 @@ shr.setup({ buttons[i].addEventListener('click', newSource); } + function toggleClass(element, className, state) { + if (element) { + if (element.classList) { + element.classList[state ? 'add' : 'remove'](className); + } + else { + var name = (' ' + element.className + ' ').replace(/\s+/g, ' ').replace(' ' + className + ' ', ''); + element.className = name + (state ? ' ' + className : ''); + } + } + } + // Set a new source function newSource() { var trigger = this, @@ -102,10 +114,10 @@ shr.setup({ } for (var x = buttons.length - 1; x >= 0; x--) { - buttons[x].parentElement.classList.remove('active'); + toggleClass(buttons[x].parentElement, 'active', false); } - event.target.parentElement.classList.add('active'); + toggleClass((event.target || event.srcElement).parentElement, 'active', true); } })(); diff --git a/docs/src/less/components/examples.less b/docs/src/less/components/examples.less index 97d272d0..61d8d3bc 100644 --- a/docs/src/less/components/examples.less +++ b/docs/src/less/components/examples.less @@ -2,6 +2,11 @@ // Examples // ========================================================================== +section { + margin: 0 auto @padding-base; + max-width: @example-width-video; +} + video, .plyr__video-embed { border-radius: @border-radius-base; @@ -14,8 +19,7 @@ video, // Example players .plyr { - margin: 0 auto @padding-base; - max-width: @example-width-video; + margin: 0 auto; &__controls { border-radius: 0 0 @border-radius-base @border-radius-base; @@ -53,6 +57,7 @@ video, // Style full supported player .plyr__cite { display: none; + margin-top: @padding-base; .icon { margin-right: (@padding-base / 4); diff --git a/readme.md b/readme.md index da04afa0..83185106 100644 --- a/readme.md +++ b/readme.md @@ -82,15 +82,15 @@ The SVG sprite for the controls icons is loaded in by AJAX to help with performa (function(d, p){ var a = new XMLHttpRequest(), b = d.body; - a.open("GET", p, true); + a.open('GET', p, true); a.send(); - a.onload = function(){ - var c = d.createElement("div"); - c.style.display = "none"; + a.onload = function() { + var c = d.createElement('div'); + c.setAttribute('hidden', ''); c.innerHTML = a.responseText; b.insertBefore(c, b.childNodes[0]); - } -})(document, "dist/sprite.svg"); + }; +})(document, 'path/to/sprite.svg'); ``` @@ -604,7 +604,7 @@ Some more details on the object parameters The `plyr` object on the player element also contains a `media` property which is a reference to the `