diff --git a/dist/plyr.css b/dist/plyr.css index ca78dcfd..660e85a2 100644 --- a/dist/plyr.css +++ b/dist/plyr.css @@ -1 +1 @@ -.plyr__captions,.plyr__controls,.plyr__controls .plyr__time{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.plyr__controls button:focus,.plyr__progress--seek[type=range]:focus,.plyr__volume[type=range]:focus{outline:0}@-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__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;text-align:center}.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;text-align:center;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,.plyr__controls button:hover{background:#3498DB;color:#fff}.plyr__controls .plyr__time,.plyr__tooltip{color:#6B7D86;font-size:14px;font-weight:600}.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__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:20px;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:20px;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:20px;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,-webkit-transform .2s ease;transition:background .3s ease,transform .2s ease;transition:background .3s ease,transform .2s ease,-webkit-transform .2s ease;cursor:ew-resize}.plyr__volume[type=range]::-webkit-slider-thumb:hover{-webkit-transform:scale(110%);transform:scale(110%)}.plyr__volume[type=range]::-webkit-slider-thumb:active{height:15px;width:15px;border:2px solid #3498DB;background:#fff!important;margin-top:-4px}.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,-webkit-transform .2s ease;transition:background .3s ease,transform .2s ease;transition:background .3s ease,transform .2s ease,-webkit-transform .2s ease;cursor:ew-resize}.plyr__volume[type=range]::-moz-range-thumb:hover{transform:scale(110%)}.plyr__volume[type=range]::-moz-range-thumb:active{height:15px;width:15px;border:2px solid #3498DB;background:#fff!important}.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,-webkit-transform .2s ease;transition:background .3s ease,transform .2s ease;transition:background .3s ease,transform .2s ease,-webkit-transform .2s ease;cursor:ew-resize}.plyr__volume[type=range]::-ms-thumb:hover{transform:scale(110%)}.plyr__volume[type=range]::-ms-thumb:active{height:15px;width:15px;border:2px solid #3498DB;background:#fff!important}.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,.plyr__controls .plyr__time{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.plyr__controls button:focus,.plyr__progress--seek[type=range]:focus,.plyr__volume[type=range]:focus{outline:0}@-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;text-align:center}.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;text-align:center;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,.plyr__controls button:hover{background:#3498DB;color:#fff}.plyr__controls .plyr__time,.plyr__tooltip{color:#6B7D86;font-size:14px;font-weight:600}.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__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:20px;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:20px;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:20px;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,-webkit-transform .2s ease;transition:background .3s ease,transform .2s ease;transition:background .3s ease,transform .2s ease,-webkit-transform .2s ease;cursor:ew-resize}.plyr__volume[type=range]::-webkit-slider-thumb:hover{-webkit-transform:scale(110%);transform:scale(110%)}.plyr__volume[type=range]::-webkit-slider-thumb:active{height:15px;width:15px;border:2px solid #3498DB;background:#fff!important;margin-top:-4px}.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,-webkit-transform .2s ease;transition:background .3s ease,transform .2s ease;transition:background .3s ease,transform .2s ease,-webkit-transform .2s ease;cursor:ew-resize}.plyr__volume[type=range]::-moz-range-thumb:hover{transform:scale(110%)}.plyr__volume[type=range]::-moz-range-thumb:active{height:15px;width:15px;border:2px solid #3498DB;background:#fff!important}.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,-webkit-transform .2s ease;transition:background .3s ease,transform .2s ease;transition:background .3s ease,transform .2s ease,-webkit-transform .2s ease;cursor:ew-resize}.plyr__volume[type=range]::-ms-thumb:hover{transform:scale(110%)}.plyr__volume[type=range]::-ms-thumb:active{height:15px;width:15px;border:2px solid #3498DB;background:#fff!important}.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 f9b4d1c1..630a993f 100644 --- a/dist/plyr.js +++ b/dist/plyr.js @@ -1 +1 @@ -!function(e,t){"use strict";"function"==typeof define&&define.amd?define(null,t):"object"==typeof module?module.exports=t():e.plyr=t()}(this,function(){"use strict";function e(){var e=['
','
','','','',"0% "+C.i18n.played,"",'',"0% "+C.i18n.buffered,"","
",''];return o(C.controls,"restart")&&e.push('"),o(C.controls,"rewind")&&e.push('"),o(C.controls,"play")&&e.push('",'"),o(C.controls,"fast-forward")&&e.push('"),o(C.controls,"current-time")&&e.push('',''+C.i18n.currentTime+"",'00:00',""),o(C.controls,"duration")&&e.push('',''+C.i18n.duration+"",'00:00',""),e.push("",''),o(C.controls,"mute")&&e.push('"),o(C.controls,"volume")&&e.push('",''),o(C.controls,"captions")&&e.push('"),o(C.controls,"fullscreen")&&e.push('"),e.push("","
"),e.join("")}function t(e,t){C.debug&&window.console&&console[t?"error":"log"](e)}function n(){var e,t,n,r=navigator.userAgent,a=navigator.appName,o=""+parseFloat(navigator.appVersion),s=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",o="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",o=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",o=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",o=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(o=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",o=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),o=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=o.indexOf(";"))&&(o=o.substring(0,n)),-1!==(n=o.indexOf(" "))&&(o=o.substring(0,n)),s=parseInt(""+o,10),isNaN(s)&&(o=""+parseFloat(navigator.appVersion),s=parseInt(navigator.appVersion,10)),{name:a,version:s,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform),touch:"ontouchstart"in document.documentElement}}function r(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 a(e){if(!document.querySelectorAll('script[src="'+e+'"]').length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function s(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?\^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function i(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],o=a.parentNode,s=a.nextSibling;r.appendChild(a),s?o.insertBefore(r,s):o.appendChild(r)}}function l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function u(e){e.parentNode.removeChild(e)}function c(e,t){e.insertBefore(t,e.firstChild)}function p(e,t){for(var n in t)e.setAttribute(n,"boolean"==typeof t[n]&&t[n]?"":t[n])}function d(e,t,n){var r=document.createElement(e);p(r,n),c(t,r)}function m(e){return e.replace(".","")}function f(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 y(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var o=0;on;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.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=document.body),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=document.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){if(!("localStorage"in window))return!1;try{window.localStorage.setItem("___test","OK");var e=window.localStorage.getItem("___test");return window.localStorage.removeItem("___test"),"OK"===e}catch(t){return!1}return!1}()};return e}function _(k){function _(e){if(!ge.usingTextTracks&&"video"===ge.type&&ge.supported.full&&(ge.subcount=0,e="number"==typeof e?e:ge.media.currentTime,ge.captions[ge.subcount])){for(;I(ge.captions[ge.subcount][0])ge.captions.length-1){ge.subcount=ge.captions.length-1;break}if(ge.media.currentTime.toFixed(1)>=N(ge.captions[ge.subcount][0])&&ge.media.currentTime.toFixed(1)<=I(ge.captions[ge.subcount][0])){ge.currentCaption=ge.captions[ge.subcount][1];var t=ge.currentCaption.trim();ge.captionsContainer.innerHTML!=t&&(ge.captionsContainer.innerHTML="",ge.captionsContainer.innerHTML=t)}else ge.captionsContainer.innerHTML=""}}function A(){ge.buttons.captions&&(f(ge.container,C.classes.captions.enabled,!0),C.captions.defaultActive&&(f(ge.container,C.classes.captions.active,!0),h(ge.buttons.captions,!0)))}function N(e){var t=[];return t=e.split(" --> "),P(t[0])}function I(e){var t=[];return t=e.split(" --> "),P(t[1])}function P(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 M(e){return ge.container.querySelectorAll(e)}function L(e){return M(e)[0]}function O(){try{return window.self!==window.top}catch(e){return!0}}function V(){var n=C.html;t("Injecting custom controls."),n||(n=e()),n=s(n,"{seektime}",C.seekTime),n=s(n,"{id}",Math.floor(1e4*Math.random()));var r;if(null!==C.selectors.controls.container&&(r=C.selectors.controls.container,"string"==typeof selector&&(r=document.querySelector(r))),r instanceof HTMLElement||(r=ge.container),r.insertAdjacentHTML("beforeend",n),C.tooltips)for(var a=M(C.selectors.labels),o=a.length-1;o>=0;o--){var i=a[o];f(i,C.classes.hidden,!1),f(i,C.classes.tooltip,!0)}}function q(){try{return ge.controls=L(C.selectors.controls.wrapper),ge.buttons={},ge.buttons.seek=L(C.selectors.buttons.seek),ge.buttons.play=L(C.selectors.buttons.play),ge.buttons.pause=L(C.selectors.buttons.pause),ge.buttons.restart=L(C.selectors.buttons.restart),ge.buttons.rewind=L(C.selectors.buttons.rewind),ge.buttons.forward=L(C.selectors.buttons.forward),ge.buttons.fullscreen=L(C.selectors.buttons.fullscreen),ge.buttons.mute=L(C.selectors.buttons.mute),ge.buttons.captions=L(C.selectors.buttons.captions),ge.checkboxes=M('[type="checkbox"]'),ge.progress={},ge.progress.container=L(C.selectors.progress.container),ge.progress.buffer={},ge.progress.buffer.bar=L(C.selectors.progress.buffer),ge.progress.buffer.text=ge.progress.buffer.bar&&ge.progress.buffer.bar.getElementsByTagName("span")[0],ge.progress.played={},ge.progress.played.bar=L(C.selectors.progress.played),ge.progress.played.text=ge.progress.played.bar&&ge.progress.played.bar.getElementsByTagName("span")[0],ge.volume=L(C.selectors.buttons.volume),ge.duration=L(C.selectors.duration),ge.currentTime=L(C.selectors.currentTime),ge.seekTime=M(C.selectors.seekTime),!0}catch(e){return t("It looks like there's a problem with your controls html. Bailing.",!0),ge.media.setAttribute("controls",""),!1}}function H(e){var t=ge.buttons.play.innerText||C.i18n.play;"undefined"!=typeof C.title&&C.title.length&&(t+=", "+C.title),ge.buttons.play&&ge.buttons.play.setAttribute("aria-label",t),e instanceof HTMLElement&&e.setAttribute("title",C.i18n.frameTitle.replace("{title}",C.title))}function j(){if(!ge.media)return t("No audio or video element found!",!0),!1;if(ge.supported.full&&(ge.media.removeAttribute("controls"),f(ge.container,C.classes.type.replace("{0}",ge.type),!0),f(ge.container,C.classes.stopped,C.autoplay),f(ge.container,C.classes.isIos,ge.browser.ios),f(ge.container,C.classes.isTouch,ge.browser.touch),"video"===ge.type)){var e=document.createElement("div");e.setAttribute("class",C.classes.videoWrapper),i(ge.media,e),ge.videoContainer=e}o(C.types.embed,ge.type)?(D(ge.embedId,ge.type),ge.embedId=null):C.autoplay&&U()}function D(e){for(var t=document.createElement("div"),n=ge.type+"-"+Math.floor(1e4*Math.random()),r=M('[id^="'+ge.type+'-"]'),o=r.length-1;o>=0;o--)u(r[o]);if(f(ge.media,C.classes.videoWrapper,!0),f(ge.media,C.classes.embedWrapper,!0),"youtube"===ge.type)ge.media.appendChild(t),t.setAttribute("id",n),"object"==typeof YT?R(e,t):(a(C.urls.youtube.api),window.onYouTubeIframeAPIReady=function(){R(e,t)});else if("vimeo"===ge.type){var s=document.createElement("iframe");if(s.loaded=!1,b(s,"load",function(){s.loaded=!0}),p(s,{src:"https://player.vimeo.com/video/"+e+"?player_id="+n+"&api=1&badge=0&byline=0&portrait=0&title=0",id:n,webkitallowfullscreen:"",mozallowfullscreen:"",allowfullscreen:"",frameborder:0}),t.appendChild(s),ge.media.appendChild(t),"function"==typeof Froogaloop)b(s,"load",W);else{a(C.urls.vimeo.api);var i=window.setInterval(function(){"$f"in window&&s.loaded&&(window.clearInterval(i),W.call(s))},50)}}}function B(){ge.supported.full&&(ge.container.querySelectorAll(C.selectors.controls.wrapper).length||be()),H(L("iframe")),ne(),re()}function R(e,t){"timer"in ge||(ge.timer={}),ge.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:C.autoplay?1:0,controls:ge.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_load_policy:C.captions.defaultActive?1:0,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1},events:{onReady:function(e){var t=e.target;ge.media.play=function(){t.playVideo(),ge.media.paused=!1},ge.media.pause=function(){t.pauseVideo(),ge.media.paused=!0},ge.media.stop=function(){t.stopVideo(),ge.media.paused=!0},ge.media.duration=t.getDuration(),ge.media.paused=!C.autoplay,ge.media.currentTime=t.getCurrentTime(),ge.media.muted=t.isMuted(),g(ge.media,"timeupdate"),window.clearInterval(ge.timer.buffering),ge.timer.buffering=window.setInterval(function(){ge.media.buffered=t.getVideoLoadedFraction(),g(ge.media,"progress"),1===ge.media.buffered&&window.clearInterval(ge.timer.buffering)},200),B(),C.displayDuration&&le()},onStateChange:function(e){var t=e.target;switch(window.clearInterval(ge.timer.playing),e.data){case 0:ge.media.paused=!0,g(ge.media,"ended");break;case 1:ge.media.paused=!1,g(ge.media,"play"),ge.timer.playing=window.setInterval(function(){ge.media.currentTime=t.getCurrentTime(),g(ge.media,"timeupdate")},200);break;case 2:ge.media.paused=!0,g(ge.media,"pause")}}}})}function W(){ge.embed=$f(this),ge.embed.addEvent("ready",function(){ge.media.play=function(){ge.embed.api("play"),ge.media.paused=!1},ge.media.pause=function(){ge.embed.api("pause"),ge.media.paused=!0},ge.media.stop=function(){ge.embed.api("stop"),ge.media.paused=!0},ge.media.paused=!C.autoplay,ge.media.currentTime=0,B(),ge.embed.api("getCurrentTime",function(e){ge.media.currentTime=e,g(ge.media,"timeupdate")}),ge.embed.api("getDuration",function(e){ge.media.duration=e,ge.supported.full&&C.displayDuration&&le()}),ge.embed.addEvent("play",function(){ge.media.paused=!1,g(ge.media,"play")}),ge.embed.addEvent("pause",function(){ge.media.paused=!0,g(ge.media,"pause")}),ge.embed.addEvent("playProgress",function(e){ge.media.currentTime=e.seconds,g(ge.media,"timeupdate")}),ge.embed.addEvent("loadProgress",function(e){ge.media.buffered=e.percent,g(ge.media,"progress")}),ge.embed.addEvent("finish",function(){ge.media.paused=!0,g(ge.media,"ended")})})}function z(){if("video"===ge.type){L(C.selectors.captions)||ge.videoContainer.insertAdjacentHTML("afterbegin",'
'),ge.captionsContainer=L(C.selectors.captions).querySelector("span"),ge.usingTextTracks=!1,ge.media.textTracks&&(ge.usingTextTracks=!0);for(var e,n="",r=ge.media.childNodes,a=0;a=10||"Firefox"===ge.browser.name&&ge.browser.version>=31||"Chrome"===ge.browser.name&&ge.browser.version>=43||"Safari"===ge.browser.name&&ge.browser.version>=7)&&(t("Detected unsupported browser for HTML5 captions. Using fallback."),ge.usingTextTracks=!1),ge.usingTextTracks){t("TextTracks supported.");for(var i=0;i=7){t("Safari 7+ detected; removing track from DOM."),o=ge.media.getElementsByTagName("track");for(var c=0;cn?n=0:n>ge.media.duration&&(n=ge.media.duration);try{ge.media.currentTime=n.toFixed(1)}catch(a){}"embed"in ge&&("youtube"===ge.type&&ge.embed.seekTo(n),"vimeo"===ge.type&&ge.embed.api("seekTo",n),g(ge.media,"timeupdate"),r&&X()),t("Seeking to "+ge.media.currentTime+" seconds"),_(n)}function Q(){f(ge.container,C.classes.playing,!ge.media.paused),f(ge.container,C.classes.stopped,ge.media.paused)}function Z(e){function t(){f(ge.container,C.classes.hover,!0),window.clearTimeout(a),o||(a=window.setTimeout(function(){f(ge.container,C.classes.hover,!1)},2e3))}function n(e){o="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?ge.isFullscreen=F.isFullScreen(ge.container):r?(F.isFullScreen(ge.container)?F.cancelFullScreen():F.requestFullScreen(ge.container),ge.isFullscreen=F.isFullScreen(ge.container)):(ge.isFullscreen=!ge.isFullscreen,ge.isFullscreen?(b(document,"keyup",ee),document.body.style.overflow="hidden"):(v(document,"keyup",ee),document.body.style.overflow="")),f(ge.container,C.classes.fullscreen.active,ge.isFullscreen),h(ge.buttons.fullscreen,ge.isFullscreen);var a,o=!1;C.fullscreen.hideControls&&(f(ge.controls,C.classes.hover,!1),y(ge.controls,"mouseenter mouseleave",n,ge.isFullscreen),y(ge.container,"mousemove",t,ge.isFullscreen))}function ee(e){27===(e.which||e.charCode||e.keyCode)&&ge.isFullscreen&&Z()}function te(e){"boolean"!=typeof e&&(e=!ge.media.muted),h(ge.buttons.mute,e),ge.media.muted=e,"youtube"===ge.type&&(ge.embed[ge.media.muted?"mute":"unMute"](),g(ge.media,"volumechange")),"vimeo"===ge.type&&(ge.media.muted?ge.embed.api("setVolume",0):ge.embed.api("setVolume",parseFloat(C.volume/10)),g(ge.media,"volumechange"))}function ne(e){"undefined"==typeof e&&(e=C.storage.enabled&&x().supported?window.localStorage[C.storage.key]||C.volume:C.volume),e>10&&(e=10),0>e&&(e=0),ge.media.volume=parseFloat(e/10),C.volume=e,"youtube"===ge.type&&ge.embed.setVolume(100*ge.media.volume),"vimeo"===ge.type&&ge.embed.api("setVolume",ge.media.volume),"embed"in ge&&g(ge.media,"volumechange"),ge.media.muted&&e>0&&te()}function re(){var e=ge.media.muted?0:10*ge.media.volume;ge.supported.full&&ge.volume&&(ge.volume.value=e),C.storage.enabled&&x().supported&&window.localStorage.setItem(C.storage.key,e),f(ge.container,C.classes.muted,0===e),ge.supported.full&&ge.buttons.mute&&h(ge.buttons.mute,0===e)}function ae(e){ge.supported.full&&ge.buttons.captions&&("boolean"!=typeof e&&(e=-1===ge.container.className.indexOf(C.classes.captions.active)),ge.captionsEnabled=e,h(ge.buttons.captions,ge.captionsEnabled),f(ge.container,C.classes.captions.active,ge.captionsEnabled))}function oe(e){var t="waiting"===e.type;clearTimeout(ge.loadingTimer),ge.loadingTimer=setTimeout(function(){f(ge.container,C.classes.loading,t)},t?250:0)}function se(e){var t=ge.progress.played.bar,n=ge.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=w(ge.media.currentTime,ge.media.duration),"timeupdate"==e.type&&ge.buttons.seek&&(ge.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=ge.progress.buffer.bar,n=ge.progress.buffer.text,r=function(){var e=ge.media.buffered;return e&&e.length?w(e.end(0),ge.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function ie(e,t){if(t){isNaN(e)&&(e=0),ge.secs=parseInt(e%60),ge.mins=parseInt(e/60%60),ge.hours=parseInt(e/60/60%60);var n=parseInt(ge.media.duration/60/60%60)>0;ge.secs=("0"+ge.secs).slice(-2),ge.mins=("0"+ge.mins).slice(-2),t.innerHTML=(n?ge.hours+":":"")+ge.mins+":"+ge.secs}}function le(){var e=ge.media.duration||0;!ge.duration&&C.displayDuration&&ge.media.paused&&ie(e,ge.currentTime),ge.duration&&ie(e,ge.duration)}function ue(e){ie(ge.media.currentTime,ge.currentTime),se(e)}function ce(e,t){if("string"==typeof t)d(e,ge.media,{src:t});else if(t.constructor===Array)for(var n=t.length-1;n>=0;n--)d(e,ge.media,t[n])}function pe(e){if("undefined"!=typeof e){switch(X(),"youtube"===ge.type?(ge.embed.destroy(),window.clearInterval(ge.timer.buffering),window.clearInterval(ge.timer.playing)):"video"===ge.type&&u(ge.videoContainer),u(ge.media),"type"in e&&e.type!==ge.type&&(ge.type=e.type),ge.type){case"video":ge.media=document.createElement("video");break;case"audio":ge.media=document.createElement("audio");break;case"youtube":case"vimeo":ge.media=document.createElement("div"),ge.embedId="string"==typeof e.sources?e.sources:e.sources[0].src}c(ge.container,ge.media),o(C.types.html5,ge.type)&&(C.crossorigin&&ge.media.setAttribute("crossorigin",""),C.autoplay&&ge.media.setAttribute("autoplay",""),"poster"in e&&ge.media.setAttribute("poster",e.poster),C.loop&&ge.media.setAttribute("loop","")),ge.container.className=ge.originalClassName,f(ge.container,C.classes.fullscreen.active,ge.isFullscreen),f(ge.container,C.classes.captions.active,ge.captionsEnabled),C.autoplay=e.autoplay||C.autoplay,o(C.types.embed,ge.type)&&(ge.embedId=e.sources),o(C.types.html5,ge.type)&&ce("source",e.sources),j(),ve(),o(C.types.html5,ge.type)&&(ne(),re(),ge.supported.full&&(ue(),Q()),"tracks"in e&&(ce("track",e.tracks),z()),ge.media.load(),C.autoplay&&U()),"title"in e&&(C.title=e.title,H())}}function de(e){"video"===ge.type&&ge.media.setAttribute("poster",e)}function me(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in ge.buttons){var n=ge.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==ge.browser.name?"change":"input";b(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in ge.buttons){var r=ge.buttons[n];b(r,"blur",function(){f(r,"tab-focus",!1)})}b(ge.buttons.play,"click",function(){U(),setTimeout(function(){ge.buttons.pause.focus()},100)}),b(ge.buttons.pause,"click",function(){X(),setTimeout(function(){ge.buttons.play.focus()},100)}),b(ge.buttons.restart,"click",G),b(ge.buttons.rewind,"click",J),b(ge.buttons.forward,"click",K),b(ge.buttons.seek,t,G),b(ge.volume,t,function(){ne(this.value)}),b(ge.buttons.mute,"click",te),b(ge.buttons.fullscreen,"click",Z),F.supportsFullScreen&&b(document,F.fullScreenEventName,Z),b(ge.media,"timeupdate seeking",ue),b(ge.media,"timeupdate",_),b(ge.media,"loadedmetadata",le),b(ge.buttons.captions,"click",ae),b(ge.media,"ended",function(){"video"===ge.type&&(ge.captionsContainer.innerHTML=""),Q()}),b(ge.media,"progress playing",se),b(ge.media,"volumechange",re),b(ge.media,"play pause",Q),b(ge.media,"waiting canplay seeked",oe),"video"===ge.type&&C.click&&b(ge.videoContainer,"click",function(){ge.media.paused?g(ge.buttons.play,"click"):ge.media.ended?(G(),g(ge.buttons.play,"click")):g(ge.buttons.pause,"click")})}function fe(){if(!ge.init)return null;if(ge.container.setAttribute("class",m(C.selectors.container)),ge.init=!1,u(L(C.selectors.controls.wrapper)),"youtube"===ge.type)return void ge.embed.destroy();"video"===ge.type&&(u(L(C.selectors.captions)),l(ge.videoContainer)),ge.media.setAttribute("controls","");var e=ge.media.cloneNode(!0);ge.media.parentNode.replaceChild(e,ge.media)}function ye(){if(ge.init)return null;F=T(),ge.browser=n(),ge.media=ge.container.querySelectorAll("audio, video, div")[0],f(ge.container,E.selectors.container.replace(".",""),!0),ge.originalClassName=ge.container.className;var e=ge.media.tagName.toLowerCase();if("div"===e?(ge.type=ge.media.getAttribute("data-type"),ge.embedId=ge.media.getAttribute("data-video-id"),ge.media.removeAttribute("data-type"),ge.media.removeAttribute("data-video-id")):(ge.type=e,C.crossorigin=null!==ge.media.getAttribute("crossorigin"),C.autoplay=C.autoplay||null!==ge.media.getAttribute("autoplay"),C.loop=C.loop||null!==ge.media.getAttribute("loop")),ge.supported=S.supported(ge.type),!ge.supported.basic)return!1;if(t(ge.browser.name+" "+ge.browser.version),j(),"video"==ge.type||"audio"==ge.type){if(!ge.supported.full)return void(ge.init=!0);be(),C.displayDuration&&le(),H()}ge.init=!0}function be(){return V(),q()?(z(),ve(),ne(),void re()):!1}function ve(){$(),me()}var ge=this;return ge.container=k,ye(),ge.init?{media:ge.media,play:U,pause:X,restart:G,rewind:J,forward:K,seek:G,source:pe,poster:de,setVolume:ne,togglePlay:Y,toggleMute:te,toggleCaptions:ae,toggleFullscreen:Z,isFullscreen:function(){return ge.isFullscreen||!1},support:function(e){return r(ge,e)},destroy:fe,restore:ye}:{}}var F,C,S={},E={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"}},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:"https://f.vimeocdn.com/js/froogaloop2.min.js"},youtube:{api:"https://www.youtube.com/iframe_api"}}};return S.supported=function(e){var t,r,a=n(),o="IE"===a.name&&a.version<=9,s=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,l=!!document.createElement("video").canPlayType;switch(e){case"video":t=l,r=t&&!o&&!s;break;case"audio":t=i,r=t&&!o;break;case"vimeo":case"youtube":t=!0,r=!o&&!s;break;default:t=i&&l,r=t&&!o}return{basic:t,full:r}},S.setup=function(e,t){var n=[];if("string"==typeof e?e=document.querySelectorAll(e):e instanceof HTMLElement?e=[e]:e instanceof NodeList||"string"==typeof e||("undefined"==typeof t&&"object"==typeof e&&(t=e),e=document.querySelectorAll(E.selectors.container)),C=k(E,t),!C.enabled||!S.supported().basic||!e.length)return!1;for(var r=e.length-1;r>=0;r--){var a=e[r];if("undefined"==typeof a.plyr){var o=new _(a);a.plyr=Object.keys(o).length?o:!1,"function"==typeof C.onSetup&&C.onSetup.apply(a.plyr)}n.push(a.plyr)}return n},S}); \ No newline at end of file +!function(e,t){"use strict";"function"==typeof define&&define.amd?define(null,t):"object"==typeof module?module.exports=t():e.plyr=t()}(this,function(){"use strict";function e(){var e=['
','
','','','',"0% "+F.i18n.played,"",'',"0% "+F.i18n.buffered,"","
",''];return o(F.controls,"restart")&&e.push('"),o(F.controls,"rewind")&&e.push('"),o(F.controls,"play")&&e.push('",'"),o(F.controls,"fast-forward")&&e.push('"),o(F.controls,"current-time")&&e.push('',''+F.i18n.currentTime+"",'00:00',""),o(F.controls,"duration")&&e.push('',''+F.i18n.duration+"",'00:00',""),e.push("",''),o(F.controls,"mute")&&e.push('"),o(F.controls,"volume")&&e.push('",''),o(F.controls,"captions")&&e.push('"),o(F.controls,"fullscreen")&&e.push('"),e.push("","
"),e.join("")}function t(e,t){F.debug&&window.console&&console[t?"error":"log"](e)}function n(){var e,t,n,r=navigator.userAgent,a=navigator.appName,o=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",o="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",o=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",o=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",o=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(o=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",o=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),o=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=o.indexOf(";"))&&(o=o.substring(0,n)),-1!==(n=o.indexOf(" "))&&(o=o.substring(0,n)),i=parseInt(""+o,10),isNaN(i)&&(o=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10)),{name:a,version:i,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform),touch:"ontouchstart"in document.documentElement}}function r(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 a(e){if(!document.querySelectorAll('script[src="'+e+'"]').length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?\^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function s(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],o=a.parentNode,i=a.nextSibling;r.appendChild(a),i?o.insertBefore(r,i):o.appendChild(r)}}function l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function u(e){e.parentNode.removeChild(e)}function c(e,t){e.insertBefore(t,e.firstChild)}function p(e,t){for(var n in t)e.setAttribute(n,"boolean"==typeof t[n]&&t[n]?"":t[n])}function d(e,t,n){var r=document.createElement(e);p(r,n),c(t,r)}function m(e){return e.replace(".","")}function f(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 y(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var o=0;on;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.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=document.body),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=document.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){if(!("localStorage"in window))return!1;try{window.localStorage.setItem("___test","OK");var e=window.localStorage.getItem("___test");return window.localStorage.removeItem("___test"),"OK"===e}catch(t){return!1}return!1}()};return e}function _(k){function _(e){if(!ge.usingTextTracks&&"video"===ge.type&&ge.supported.full&&(ge.subcount=0,e="number"==typeof e?e:ge.media.currentTime,ge.captions[ge.subcount])){for(;I(ge.captions[ge.subcount][0])ge.captions.length-1){ge.subcount=ge.captions.length-1;break}if(ge.media.currentTime.toFixed(1)>=N(ge.captions[ge.subcount][0])&&ge.media.currentTime.toFixed(1)<=I(ge.captions[ge.subcount][0])){ge.currentCaption=ge.captions[ge.subcount][1];var t=ge.currentCaption.trim();ge.captionsContainer.innerHTML!=t&&(ge.captionsContainer.innerHTML="",ge.captionsContainer.innerHTML=t)}else ge.captionsContainer.innerHTML=""}}function A(){ge.buttons.captions&&(f(ge.container,F.classes.captions.enabled,!0),F.captions.defaultActive&&(f(ge.container,F.classes.captions.active,!0),h(ge.buttons.captions,!0)))}function N(e){var t=[];return t=e.split(" --> "),P(t[0])}function I(e){var t=[];return t=e.split(" --> "),P(t[1])}function P(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 M(e){return ge.container.querySelectorAll(e)}function L(e){return M(e)[0]}function O(){try{return window.self!==window.top}catch(e){return!0}}function V(){var n=F.html;t("Injecting custom controls."),n||(n=e()),n=i(n,"{seektime}",F.seekTime),n=i(n,"{id}",Math.floor(1e4*Math.random()));var r;if(null!==F.selectors.controls.container&&(r=F.selectors.controls.container,"string"==typeof selector&&(r=document.querySelector(r))),r instanceof HTMLElement||(r=ge.container),r.insertAdjacentHTML("beforeend",n),F.tooltips)for(var a=M(F.selectors.labels),o=a.length-1;o>=0;o--){var s=a[o];f(s,F.classes.hidden,!1),f(s,F.classes.tooltip,!0)}}function q(){try{return ge.controls=L(F.selectors.controls.wrapper),ge.buttons={},ge.buttons.seek=L(F.selectors.buttons.seek),ge.buttons.play=L(F.selectors.buttons.play),ge.buttons.pause=L(F.selectors.buttons.pause),ge.buttons.restart=L(F.selectors.buttons.restart),ge.buttons.rewind=L(F.selectors.buttons.rewind),ge.buttons.forward=L(F.selectors.buttons.forward),ge.buttons.fullscreen=L(F.selectors.buttons.fullscreen),ge.buttons.mute=L(F.selectors.buttons.mute),ge.buttons.captions=L(F.selectors.buttons.captions),ge.checkboxes=M('[type="checkbox"]'),ge.progress={},ge.progress.container=L(F.selectors.progress.container),ge.progress.buffer={},ge.progress.buffer.bar=L(F.selectors.progress.buffer),ge.progress.buffer.text=ge.progress.buffer.bar&&ge.progress.buffer.bar.getElementsByTagName("span")[0],ge.progress.played={},ge.progress.played.bar=L(F.selectors.progress.played),ge.progress.played.text=ge.progress.played.bar&&ge.progress.played.bar.getElementsByTagName("span")[0],ge.volume=L(F.selectors.buttons.volume),ge.duration=L(F.selectors.duration),ge.currentTime=L(F.selectors.currentTime),ge.seekTime=M(F.selectors.seekTime),!0}catch(e){return t("It looks like there's a problem with your controls html. Bailing.",!0),ge.media.setAttribute("controls",""),!1}}function H(e){var t=ge.buttons.play.innerText||F.i18n.play;"undefined"!=typeof F.title&&F.title.length&&(t+=", "+F.title),ge.buttons.play&&ge.buttons.play.setAttribute("aria-label",t),e instanceof HTMLElement&&e.setAttribute("title",F.i18n.frameTitle.replace("{title}",F.title))}function R(){if(!ge.media)return t("No audio or video element found!",!0),!1;if(ge.supported.full&&(ge.media.removeAttribute("controls"),f(ge.container,F.classes.type.replace("{0}",ge.type),!0),f(ge.container,F.classes.stopped,F.autoplay),f(ge.container,F.classes.isIos,ge.browser.ios),f(ge.container,F.classes.isTouch,ge.browser.touch),"video"===ge.type)){var e=document.createElement("div");e.setAttribute("class",F.classes.videoWrapper),s(ge.media,e),ge.videoContainer=e}o(F.types.embed,ge.type)?(j(),ge.embedId=null):F.autoplay&&z()}function j(){for(var e=document.createElement("div"),t=ge.embedId,n=ge.type+"-"+Math.floor(1e4*Math.random()),r=M('[id^="'+ge.type+'-"]'),o=r.length-1;o>=0;o--)u(r[o]);if(f(ge.media,F.classes.videoWrapper,!0),f(ge.media,F.classes.embedWrapper,!0),"youtube"===ge.type)ge.media.appendChild(e),e.setAttribute("id",n),"object"==typeof YT?B(t,e):(a(F.urls.youtube.api),window.onYouTubeReadyCallbacks=window.onYouTubeReadyCallbacks||[],window.onYouTubeReadyCallbacks.push(function(){B(t,e)}),window.onYouTubeIframeAPIReady=function(){window.onYouTubeReadyCallbacks.forEach(function(e){e()})});else if("vimeo"===ge.type){var i=document.createElement("iframe");i.loaded=!1,b(i,"load",function(){i.loaded=!0}),p(i,{src:"https://player.vimeo.com/video/"+t+"?player_id="+n+"&api=1&badge=0&byline=0&portrait=0&title=0",id:n,webkitallowfullscreen:"",mozallowfullscreen:"",allowfullscreen:"",frameborder:0}),e.appendChild(i),ge.media.appendChild(e),"$f"in window||a(F.urls.vimeo.api);var s=window.setInterval(function(){"$f"in window&&i.loaded&&(window.clearInterval(s),Y.call(i))},50)}}function D(){ge.supported.full&&(ge.container.querySelectorAll(F.selectors.controls.wrapper).length||be()),H(L("iframe")),ne(),re()}function B(e,t){"timer"in ge||(ge.timer={}),ge.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:F.autoplay?1:0,controls:ge.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_load_policy:F.captions.defaultActive?1:0,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1,origin:"*"},events:{onReady:function(e){var t=e.target;ge.media.play=function(){t.playVideo(),ge.media.paused=!1},ge.media.pause=function(){t.pauseVideo(),ge.media.paused=!0},ge.media.stop=function(){t.stopVideo(),ge.media.paused=!0},ge.media.duration=t.getDuration(),ge.media.paused=!F.autoplay,ge.media.currentTime=t.getCurrentTime(),ge.media.muted=t.isMuted(),g(ge.media,"timeupdate"),window.clearInterval(ge.timer.buffering),ge.timer.buffering=window.setInterval(function(){ge.media.buffered=t.getVideoLoadedFraction(),g(ge.media,"progress"),1===ge.media.buffered&&window.clearInterval(ge.timer.buffering)},200),D(),F.displayDuration&&le()},onStateChange:function(e){var t=e.target;switch(window.clearInterval(ge.timer.playing),e.data){case 0:ge.media.paused=!0,g(ge.media,"ended");break;case 1:ge.media.paused=!1,g(ge.media,"play"),ge.timer.playing=window.setInterval(function(){ge.media.currentTime=t.getCurrentTime(),g(ge.media,"timeupdate")},200);break;case 2:ge.media.paused=!0,g(ge.media,"pause")}}}})}function Y(){ge.embed=$f(this),ge.embed.addEvent("ready",function(){ge.media.play=function(){ge.embed.api("play"),ge.media.paused=!1},ge.media.pause=function(){ge.embed.api("pause"),ge.media.paused=!0},ge.media.stop=function(){ge.embed.api("stop"),ge.media.paused=!0},ge.media.paused=!F.autoplay,ge.media.currentTime=0,D(),ge.embed.api("getCurrentTime",function(e){ge.media.currentTime=e,g(ge.media,"timeupdate")}),ge.embed.api("getDuration",function(e){ge.media.duration=e,ge.supported.full&&F.displayDuration&&le()}),ge.embed.addEvent("play",function(){ge.media.paused=!1,g(ge.media,"play")}),ge.embed.addEvent("pause",function(){ge.media.paused=!0,g(ge.media,"pause")}),ge.embed.addEvent("playProgress",function(e){ge.media.currentTime=e.seconds,g(ge.media,"timeupdate")}),ge.embed.addEvent("loadProgress",function(e){ge.media.buffered=e.percent,g(ge.media,"progress")}),ge.embed.addEvent("finish",function(){ge.media.paused=!0,g(ge.media,"ended")})})}function W(){if("video"===ge.type){L(F.selectors.captions)||ge.videoContainer.insertAdjacentHTML("afterbegin",'
'),ge.captionsContainer=L(F.selectors.captions).querySelector("span"),ge.usingTextTracks=!1,ge.media.textTracks&&(ge.usingTextTracks=!0);for(var e,n="",r=ge.media.childNodes,a=0;a=10||"Firefox"===ge.browser.name&&ge.browser.version>=31||"Chrome"===ge.browser.name&&ge.browser.version>=43||"Safari"===ge.browser.name&&ge.browser.version>=7)&&(t("Detected unsupported browser for HTML5 captions. Using fallback."),ge.usingTextTracks=!1),ge.usingTextTracks){t("TextTracks supported.");for(var s=0;s=7){t("Safari 7+ detected; removing track from DOM."),o=ge.media.getElementsByTagName("track");for(var c=0;cn?n=0:n>ge.media.duration&&(n=ge.media.duration);try{ge.media.currentTime=n.toFixed(1)}catch(a){}"embed"in ge&&("youtube"===ge.type&&ge.embed.seekTo(n),"vimeo"===ge.type&&ge.embed.api("seekTo",n),g(ge.media,"timeupdate"),r&&U()),t("Seeking to "+ge.media.currentTime+" seconds"),_(n)}function Q(){f(ge.container,F.classes.playing,!ge.media.paused),f(ge.container,F.classes.stopped,ge.media.paused)}function Z(e){function t(){f(ge.container,F.classes.hover,!0),window.clearTimeout(a),o||(a=window.setTimeout(function(){f(ge.container,F.classes.hover,!1)},2e3))}function n(e){o="mouseenter"===e.type}var r=C.supportsFullScreen;e&&e.type===C.fullScreenEventName?ge.isFullscreen=C.isFullScreen(ge.container):r?(C.isFullScreen(ge.container)?C.cancelFullScreen():C.requestFullScreen(ge.container),ge.isFullscreen=C.isFullScreen(ge.container)):(ge.isFullscreen=!ge.isFullscreen,ge.isFullscreen?(b(document,"keyup",ee),document.body.style.overflow="hidden"):(v(document,"keyup",ee),document.body.style.overflow="")),f(ge.container,F.classes.fullscreen.active,ge.isFullscreen),h(ge.buttons.fullscreen,ge.isFullscreen);var a,o=!1;F.fullscreen.hideControls&&(f(ge.controls,F.classes.hover,!1),y(ge.controls,"mouseenter mouseleave",n,ge.isFullscreen),y(ge.container,"mousemove",t,ge.isFullscreen))}function ee(e){27===(e.which||e.charCode||e.keyCode)&&ge.isFullscreen&&Z()}function te(e){"boolean"!=typeof e&&(e=!ge.media.muted),h(ge.buttons.mute,e),ge.media.muted=e,"youtube"===ge.type&&(ge.embed[ge.media.muted?"mute":"unMute"](),g(ge.media,"volumechange")),"vimeo"===ge.type&&(ge.media.muted?ge.embed.api("setVolume",0):ge.embed.api("setVolume",parseFloat(F.volume/10)),g(ge.media,"volumechange"))}function ne(e){"undefined"==typeof e&&(e=F.storage.enabled&&x().supported?window.localStorage[F.storage.key]||F.volume:F.volume),e>10&&(e=10),0>e&&(e=0),ge.media.volume=parseFloat(e/10),F.volume=e,"youtube"===ge.type&&ge.embed.setVolume(100*ge.media.volume),"vimeo"===ge.type&&ge.embed.api("setVolume",ge.media.volume),"embed"in ge&&g(ge.media,"volumechange"),ge.media.muted&&e>0&&te()}function re(){var e=ge.media.muted?0:10*ge.media.volume;ge.supported.full&&ge.volume&&(ge.volume.value=e),F.storage.enabled&&x().supported&&window.localStorage.setItem(F.storage.key,e),f(ge.container,F.classes.muted,0===e),ge.supported.full&&ge.buttons.mute&&h(ge.buttons.mute,0===e)}function ae(e){ge.supported.full&&ge.buttons.captions&&("boolean"!=typeof e&&(e=-1===ge.container.className.indexOf(F.classes.captions.active)),ge.captionsEnabled=e,h(ge.buttons.captions,ge.captionsEnabled),f(ge.container,F.classes.captions.active,ge.captionsEnabled))}function oe(e){var t="waiting"===e.type;clearTimeout(ge.loadingTimer),ge.loadingTimer=setTimeout(function(){f(ge.container,F.classes.loading,t)},t?250:0)}function ie(e){var t=ge.progress.played.bar,n=ge.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=w(ge.media.currentTime,ge.media.duration),"timeupdate"==e.type&&ge.buttons.seek&&(ge.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=ge.progress.buffer.bar,n=ge.progress.buffer.text,r=function(){var e=ge.media.buffered;return e&&e.length?w(e.end(0),ge.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function se(e,t){if(t){isNaN(e)&&(e=0),ge.secs=parseInt(e%60),ge.mins=parseInt(e/60%60),ge.hours=parseInt(e/60/60%60);var n=parseInt(ge.media.duration/60/60%60)>0;ge.secs=("0"+ge.secs).slice(-2),ge.mins=("0"+ge.mins).slice(-2),t.innerHTML=(n?ge.hours+":":"")+ge.mins+":"+ge.secs}}function le(){var e=ge.media.duration||0;!ge.duration&&F.displayDuration&&ge.media.paused&&se(e,ge.currentTime),ge.duration&&se(e,ge.duration)}function ue(e){se(ge.media.currentTime,ge.currentTime),ie(e)}function ce(e,t){if("string"==typeof t)d(e,ge.media,{src:t});else if(t.constructor===Array)for(var n=t.length-1;n>=0;n--)d(e,ge.media,t[n])}function pe(e){if(!("undefined"!=typeof e&&"sources"in e&&e.sources.length))return void t("Invalid source format",!0);if(U(),"youtube"===ge.type?(ge.embed.destroy(),window.clearInterval(ge.timer.buffering),window.clearInterval(ge.timer.playing)):"video"===ge.type&&u(ge.videoContainer),u(ge.media),"type"in e&&(ge.type=e.type,"video"===ge.type)){var n=e.sources[0];"type"in n&&o(F.types.embed,n.type)&&(ge.type=n.type)}switch(ge.type){case"video":ge.media=document.createElement("video");break;case"audio":ge.media=document.createElement("audio");break;case"youtube":case"vimeo":ge.media=document.createElement("div"),ge.embedId=e.sources[0].src}c(ge.container,ge.media),o(F.types.html5,ge.type)&&(F.crossorigin&&ge.media.setAttribute("crossorigin",""),F.autoplay&&ge.media.setAttribute("autoplay",""),"poster"in e&&ge.media.setAttribute("poster",e.poster),F.loop&&ge.media.setAttribute("loop","")),ge.container.className=ge.originalClassName,f(ge.container,F.classes.fullscreen.active,ge.isFullscreen),f(ge.container,F.classes.captions.active,ge.captionsEnabled),F.autoplay=e.autoplay||F.autoplay,o(F.types.html5,ge.type)&&ce("source",e.sources),R(),ve(),o(F.types.html5,ge.type)&&(ne(),re(),ge.supported.full&&(ue(),Q()),"tracks"in e&&(ce("track",e.tracks),W()),ge.media.load(),F.autoplay&&z()),"title"in e&&(F.title=e.title,H())}function de(e){"video"===ge.type&&ge.media.setAttribute("poster",e)}function me(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in ge.buttons){var n=ge.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==ge.browser.name?"change":"input";b(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in ge.buttons){var r=ge.buttons[n];b(r,"blur",function(){f(r,"tab-focus",!1)})}b(ge.buttons.play,"click",function(){z(),setTimeout(function(){ge.buttons.pause.focus()},100)}),b(ge.buttons.pause,"click",function(){U(),setTimeout(function(){ge.buttons.play.focus()},100)}),b(ge.buttons.restart,"click",G),b(ge.buttons.rewind,"click",J),b(ge.buttons.forward,"click",K),b(ge.buttons.seek,t,G),b(ge.volume,t,function(){ne(this.value)}),b(ge.buttons.mute,"click",te),b(ge.buttons.fullscreen,"click",Z),C.supportsFullScreen&&b(document,C.fullScreenEventName,Z),b(ge.media,"timeupdate seeking",ue),b(ge.media,"timeupdate",_),b(ge.media,"loadedmetadata",le),b(ge.buttons.captions,"click",ae),b(ge.media,"ended",function(){"video"===ge.type&&(ge.captionsContainer.innerHTML=""),Q()}),b(ge.media,"progress playing",ie),b(ge.media,"volumechange",re),b(ge.media,"play pause",Q),b(ge.media,"waiting canplay seeked",oe),"video"===ge.type&&F.click&&b(ge.videoContainer,"click",function(){ge.media.paused?g(ge.buttons.play,"click"):ge.media.ended?(G(),g(ge.buttons.play,"click")):g(ge.buttons.pause,"click")})}function fe(){if(!ge.init)return null;if(ge.container.setAttribute("class",m(F.selectors.container)),ge.init=!1,u(L(F.selectors.controls.wrapper)),"youtube"===ge.type)return void ge.embed.destroy();"video"===ge.type&&(u(L(F.selectors.captions)),l(ge.videoContainer)),ge.media.setAttribute("controls","");var e=ge.media.cloneNode(!0);ge.media.parentNode.replaceChild(e,ge.media)}function ye(){if(ge.init)return null;C=T(),ge.browser=n(),ge.media=ge.container.querySelectorAll("audio, video, div")[0],f(ge.container,E.selectors.container.replace(".",""),!0),ge.originalClassName=ge.container.className;var e=ge.media.tagName.toLowerCase();if("div"===e?(ge.type=ge.media.getAttribute("data-type"),ge.embedId=ge.media.getAttribute("data-video-id"),ge.media.removeAttribute("data-type"),ge.media.removeAttribute("data-video-id")):(ge.type=e,F.crossorigin=null!==ge.media.getAttribute("crossorigin"),F.autoplay=F.autoplay||null!==ge.media.getAttribute("autoplay"),F.loop=F.loop||null!==ge.media.getAttribute("loop")),ge.supported=S.supported(ge.type),!ge.supported.basic)return!1;if(t(ge.browser.name+" "+ge.browser.version),R(),"video"==ge.type||"audio"==ge.type){if(!ge.supported.full)return void(ge.init=!0);be(),F.displayDuration&&le(),H()}ge.init=!0}function be(){return V(),q()?(W(),ve(),ne(),void re()):!1}function ve(){$(),me()}var ge=this;return ge.container=k,ye(),ge.init?{media:ge.media,play:z,pause:U,restart:G,rewind:J,forward:K,seek:G,source:pe,poster:de,setVolume:ne,togglePlay:X,toggleMute:te,toggleCaptions:ae,toggleFullscreen:Z,isFullscreen:function(){return ge.isFullscreen||!1},support:function(e){return r(ge,e)},destroy:fe,restore:ye}:{}}var C,F,S={},E={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"}},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 S.supported=function(e){var t,r,a=n(),o="IE"===a.name&&a.version<=9,i=/iPhone|iPod/i.test(navigator.userAgent),s=!!document.createElement("audio").canPlayType,l=!!document.createElement("video").canPlayType;switch(e){case"video":t=l,r=t&&!o&&!i;break;case"audio":t=s,r=t&&!o;break;case"vimeo":case"youtube":t=!0,r=!o&&!i;break;default:t=s&&l,r=t&&!o}return{basic:t,full:r}},S.setup=function(e,t){var n=[];if("string"==typeof e?e=document.querySelectorAll(e):e instanceof HTMLElement?e=[e]:e instanceof NodeList||"string"==typeof e||("undefined"==typeof t&&"object"==typeof e&&(t=e),e=document.querySelectorAll(E.selectors.container)),F=k(E,t),!F.enabled||!S.supported().basic||!e.length)return!1;for(var r=e.length-1;r>=0;r--){var a=e[r];if("undefined"==typeof a.plyr){var o=new _(a);a.plyr=Object.keys(o).length?o:!1,"function"==typeof F.onSetup&&F.onSetup.apply(a.plyr)}n.push(a.plyr)}return n},S}); \ No newline at end of file diff --git a/docs/dist/docs.css b/docs/dist/docs.css index 9cf43c00..5bcbe5fa 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 .btn--active,.btn__bar ul{z-index:1;position:relative}.btn__bar,.plyr{max-width:1200px}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;position:relative;vertical-align:baseline}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}sup{top:-.5em;vertical-align:2px;font-size:9px;font-size:.563rem}.btn__bar::before,.btn__count::before{content:"";top:50%}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}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{position:relative;margin:0 auto 20px}.btn__bar::before{position:absolute;left:0;right:0;height:1px;background:#dbe3e8}.btn__bar ul{-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 .btn{display:block;border-radius:0}.btn__bar .btn--active .icon{color:inherit}@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 20px;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}.btn:focus,.btn:hover{border-color:#b5bcc0;color:#55646b;outline:0}.btn--youtube .icon{color:#cc181e}.btn--vimeo .icon{color:#19b7ed}.btn--twitter .icon{color:#4BAAF4}.btn--primary,.btn__bar .btn--active{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--small{padding-top:7px;padding-bottom:7px}.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}.plyr__video-embed{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}.plyr{margin:0 auto 20px}.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}.btn__bar,.plyr{max-width:1200px}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}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}sup{top:-.5em;vertical-align:2px;font-size:9px;font-size:.563rem}.btn__bar::before,.btn__count::before{content:"";top:50%}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}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}.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 20px;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}.btn:focus,.btn:hover{border-color:#b5bcc0;color:#55646b;outline:0}.btn--youtube .icon{color:#cc181e}.btn--vimeo .icon{color:#19b7ed}.btn--twitter .icon{color:#4BAAF4}.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--small{padding-top:7px;padding-bottom:7px}.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}.plyr__video-embed{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}.plyr{margin:0 auto 20px}.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 diff --git a/docs/dist/docs.js b/docs/dist/docs.js index 733bcd9c..b3840281 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]=[],d=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].classList.remove("btn--active");event.target.classList.add("btn--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,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 diff --git a/docs/dist/sprite.svg b/docs/dist/docs.svg similarity index 100% rename from docs/dist/sprite.svg rename to docs/dist/docs.svg diff --git a/docs/index.html b/docs/index.html index fcb9f441..53d2c73e 100644 --- a/docs/index.html +++ b/docs/index.html @@ -13,7 +13,7 @@ - < +

Plyr

A simple, accessible HTML5 media player by @sam_potts from @selz

@@ -36,8 +36,8 @@
    -
  • - +
  • +
  • @@ -79,42 +79,23 @@ diff --git a/docs/src/js/docs.js b/docs/src/js/docs.js index 76cd5ada..57e6ef8a 100644 --- a/docs/src/js/docs.js +++ b/docs/src/js/docs.js @@ -80,26 +80,32 @@ shr.setup({ case 'youtube': player.source({ - type: 'youtube', + type: 'video', title: 'View From A Blue Moon', - sources: 'bTqVqk7FSmY' + sources: [{ + src: 'bTqVqk7FSmY', + type: 'youtube' + }] }); break; case 'vimeo': player.source({ - type: 'vimeo', + type: 'video', title: 'View From A Blue Moon', - sources: '143418951' + sources: [{ + src: '143418951', + type: 'vimeo' + }] }); break; } for (var x = buttons.length - 1; x >= 0; x--) { - buttons[x].classList.remove('btn--active'); + buttons[x].parentElement.classList.remove('active'); } - event.target.classList.add('btn--active'); + event.target.parentElement.classList.add('active'); } })(); diff --git a/docs/src/less/components/buttons.less b/docs/src/less/components/buttons.less index c42ea4bd..fef9af68 100644 --- a/docs/src/less/components/buttons.less +++ b/docs/src/less/components/buttons.less @@ -55,19 +55,29 @@ nav { & + li .btn { margin-left: -1px; } + + &.active .btn { + &:extend(.btn--primary); + box-shadow: inset 0 1px 1px rgba(0,0,0, .2); + position: relative; + z-index: 1; + + .icon { + color: inherit; + } + } + &.active + li .btn:hover { + z-index: 0; + } } .btn { + position: relative; display: block; border-radius: 0; - } - .btn--active { - &:extend(.btn--primary); - box-shadow: inset 0 1px 1px rgba(0,0,0, .2); - position: relative; - z-index: 1; - .icon { - color: inherit; + &:hover, + &:focus { + z-index: 1; } } diff --git a/gulpfile.js b/gulpfile.js index 3e7979a2..e3bd6f43 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -41,7 +41,8 @@ paths = { // Source paths src: { less: path.join(root, "docs/src/less/**/*"), - js: path.join(root, "docs/src/js/**/*") + js: path.join(root, "docs/src/js/**/*"), + sprite: path.join(root, "docs/src/sprite/**/*") }, // Output paths output: path.join(root, "docs/dist/"), @@ -55,7 +56,8 @@ paths = { tasks = { less: [], sass: [], - js: [] + js: [], + sprite: [] }, // Fetch bundles from JSON @@ -128,17 +130,21 @@ var build = { } }, sprite: function(bundle) { + var name = "sprite-" + bundle; + tasks.sprite.push(name); + // Process Icons - gulp.task("sprite", function () { + gulp.task(name, function () { return gulp - .src(paths.plyr.src.sprite) + .src(paths[bundle].src.sprite) .pipe(svgmin({ plugins: [{ removeDesc: true }] })) .pipe(svgstore()) - .pipe(gulp.dest(paths.plyr.output)); + .pipe(rename({ basename: (bundle == "plyr" ? "sprite" : bundle) })) + .pipe(gulp.dest(paths[bundle].output)); }); } }; @@ -147,11 +153,12 @@ var build = { build.js(bundles.plyr.js, "plyr"); build.less(bundles.plyr.less, "plyr"); build.sass(bundles.plyr.sass, "plyr"); -build.sprite(); +build.sprite("plyr"); // Docs files build.less(bundles.docs.less, "docs"); build.js(bundles.docs.js, "docs"); +build.sprite("docs"); // Build all JS gulp.task("js", function(){ @@ -168,16 +175,17 @@ gulp.task("watch", function () { // Plyr core gulp.watch(paths.plyr.src.js, tasks.js); gulp.watch(paths.plyr.src.less, tasks.less); - gulp.watch(paths.plyr.src.sprite, ["sprite-plyr"]); + gulp.watch(paths.plyr.src.sprite, tasks.sprite); // Docs gulp.watch(paths.docs.src.js, tasks.js); gulp.watch(paths.docs.src.less, tasks.less); + gulp.watch(paths.docs.src.sprite, tasks.sprite); }); // Default gulp task gulp.task("default", function(){ - run(tasks.js, tasks.less, "sprite", "watch"); + run(tasks.js, tasks.less, tasks.sprite, "watch"); }); // Publish a version to CDN and docs @@ -263,5 +271,5 @@ gulp.task("open", function () { // Do everything gulp.task("publish", function () { - run(tasks.js, tasks.less, "sprite", "cdn", "docs"); + run(tasks.js, tasks.less, tasks.sprite, "cdn", "docs"); }); diff --git a/readme.md b/readme.md index 4a9dd96b..ff6b17fc 100644 --- a/readme.md +++ b/readme.md @@ -487,21 +487,21 @@ Video example: ```javascript player.source({ type: 'video', - title: 'Bug Buck Bunny', + title: 'Example title', sources: [{ - src: 'https://cdn.selz.com/plyr/1.0/movie.mp4', + src: '/path/to/movie.mp4', type: 'video/mp4' }, { - src: 'https://cdn.selz.com/plyr/1.0/movie.webm', + src: '/path/to/movie.webm', type: 'video/webm' }], - poster: 'https://cdn.selz.com/plyr/1.0/poster.jpg', + poster: '/path/to/poster.jpg', tracks: [{ kind: 'captions', label: 'English', srclang:'en', - src: 'https://cdn.selz.com/plyr/1.0/example_captions_en.vtt', + src: '/path/to/captions.vtt', default: true }] }); @@ -512,13 +512,13 @@ Audio example: ```javascript player.source({ type: 'audio', - title: '96 by Logistics', + title: 'Example title', sources: [{ - src: 'https://cdn.selz.com/plyr/1.0/logistics-96-sample.mp3', + src: '/path/to/audio.mp3', type: 'audio/mp3' }, { - src: 'https://cdn.selz.com/plyr/1.0/logistics-96-sample.ogg', + src: '/path/to/audio.ogg', type: 'audio/ogg' }] }); @@ -528,9 +528,12 @@ YouTube example: ```javascript player.source({ - type: 'youtube', - title: 'Enovato interview of Dan Cederholm for Made By', - sources: 'Au87oAJ2jeE' + type: 'video', + title: 'Example title', + sources: [{ + src: 'bTqVqk7FSmY', + type: 'youtube' + }] }); ``` @@ -539,8 +542,11 @@ Vimeo example ```javascript player.source({ type: 'vimeo', - title: 'Yosemite HD II', - sources: '87701971' + title: 'Example title', + sources: [{ + src: '143418951', + type: 'vimeo' + }] }); ``` diff --git a/src/js/plyr.js b/src/js/plyr.js index 0e8ebb7b..1f4e70c4 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -127,7 +127,7 @@ }, urls: { vimeo: { - api: 'https://f.vimeocdn.com/js/froogaloop2.min.js' + api: 'http://cdn.plyr.io/froogaloop/1.0.0/plyr.froogaloop.js', }, youtube: { api: 'https://www.youtube.com/iframe_api' @@ -968,7 +968,7 @@ // Embeds if (_inArray(config.types.embed, plyr.type)) { - _setupEmbed(plyr.embedId, plyr.type); + _setupEmbed(); // Clean up plyr.embedId = null; @@ -982,8 +982,9 @@ } // Setup YouTube/Vimeo - function _setupEmbed(videoId) { + function _setupEmbed() { var container = document.createElement('div'), + videoId = plyr.embedId, id = plyr.type + '-' + Math.floor(Math.random() * (10000)); // Remove old containers @@ -1013,7 +1014,15 @@ _injectScript(config.urls.youtube.api); // Setup callback for the API - window.onYouTubeIframeAPIReady = function () { _youTubeReady(videoId, container); }; + window.onYouTubeReadyCallbacks = window.onYouTubeReadyCallbacks || []; + + // Add to queue + window.onYouTubeReadyCallbacks.push(function() { _youTubeReady(videoId, container) }); + + // Set callback to process queue + window.onYouTubeIframeAPIReady = function () { + window.onYouTubeReadyCallbacks.forEach(function(callback) { callback(); }); + }; } } // Vimeo @@ -1036,23 +1045,18 @@ container.appendChild(iframe); plyr.media.appendChild(container); - // Setup API - if (typeof Froogaloop === 'function') { - _on(iframe, 'load', _vimeoReady); - } - else { - // Load the API + // Load the API + if (!('$f' in window)) { _injectScript(config.urls.vimeo.api); - - // Wait for fragaloop load - var timer = window.setInterval(function() { - if ('$f' in window && iframe.loaded) { - window.clearInterval(timer); - - _vimeoReady.call(iframe); - } - }, 50); } + + // Wait for fragaloop load + var timer = window.setInterval(function() { + if ('$f' in window && iframe.loaded) { + window.clearInterval(timer); + _vimeoReady.call(iframe); + } + }, 50); } } @@ -1096,7 +1100,8 @@ cc_lang_pref: 'en', wmode: 'transparent', modestbranding: 1, - disablekb: 1 + disablekb: 1, + origin: '*' // https://code.google.com/p/gdata-issues/issues/detail?id=5788#c45 }, events: { 'onReady': function(event) { @@ -1914,7 +1919,8 @@ // Update source // Sources are not checked for support so be careful function _updateSource(source) { - if (typeof source === 'undefined') { + if (typeof source === 'undefined' || !('sources' in source) || !source.sources.length) { + _log('Invalid source format', true); return; } @@ -1938,9 +1944,18 @@ // Remove the old media _remove(plyr.media); - // Set the new type - if ('type' in source && source.type !== plyr.type) { + // Set the type + if ('type' in source) { plyr.type = source.type; + + // Get child type for video (it might be an embed) + if(plyr.type === 'video') { + var firstSource = source.sources[0]; + + if('type' in firstSource && _inArray(config.types.embed, firstSource.type)) { + plyr.type = firstSource.type; + } + } } // Create new markup @@ -1956,7 +1971,7 @@ case 'youtube': case 'vimeo': plyr.media = document.createElement('div'); - plyr.embedId = (typeof source.sources === 'string' ? source.sources : source.sources[0].src); + plyr.embedId = source.sources[0].src; break; } @@ -1989,11 +2004,6 @@ // Autoplay the new source? config.autoplay = (source.autoplay || config.autoplay); - // Set media id for embeds - if (_inArray(config.types.embed, plyr.type)) { - plyr.embedId = source.sources; - } - // Set new sources for html5 if (_inArray(config.types.html5, plyr.type)) { _insertChildElements('source', source.sources); @@ -2085,6 +2095,11 @@ }); } + // Messages + /*_on(window, 'message', function(event) { + _log(event); + });*/ + // Play _on(plyr.buttons.play, 'click', function() { _play(); diff --git a/src/less/plyr.less b/src/less/plyr.less index 7db6c021..e7b4ca01 100644 --- a/src/less/plyr.less +++ b/src/less/plyr.less @@ -158,6 +158,11 @@ box-sizing: border-box; } + // Fix 300ms delay + a, button, input, label { + touch-action: manipulation; + } + // Screen reader only elements &__sr-only { position: absolute !important; @@ -637,7 +642,7 @@ } // Hide controls when playing in full screen - &--fullscreen--hide-controls&--fullscreen-active.plyr--playing { + &--fullscreen--hide-controls&--fullscreen-active&--playing { .plyr__controls { transform: translateY(100%) translateY(@control-spacing / 2); transition: transform .3s .2s ease; @@ -654,7 +659,7 @@ // Captions &--fullscreen .plyr__captions, &--fullscreen-active .plyr__captions, - &--fullscreen--hide-controls&--fullscreen-active&--playing&--hover .plyr__captions { + &--fullscreen--hide-controls&--fullscreen-active&--playing&--hover &__captions { top: auto; bottom: 90px;