aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
Diffstat
-rw-r--r--dist/plyr.css2
-rw-r--r--dist/plyr.js2
-rw-r--r--readme.md10
-rw-r--r--src/js/plyr.js9
-rw-r--r--src/less/plyr.less272
-rw-r--r--src/sass/plyr.scss267
6 files changed, 282 insertions, 280 deletions
diff --git a/dist/plyr.css b/dist/plyr.css
index d3a1f20b..76434bdc 100644
--- a/dist/plyr.css
+++ b/dist/plyr.css
@@ -1 +1 @@
-.plyr__captions,.plyr__controls{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-align:center}@-webkit-keyframes progress{to{background-position:40px 0}}@keyframes progress{to{background-position:40px 0}}.plyr{position:relative;max-width:100%;min-width:290px}.plyr,.plyr *,.plyr ::after,.plyr ::before{box-sizing:border-box}.plyr a,.plyr button,.plyr input,.plyr label{-ms-touch-action:manipulation;touch-action:manipulation}.plyr__sr-only{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.plyr__video-wrapper{position:relative}.plyr audio,.plyr video{width:100%;height:auto;vertical-align:middle}.plyr__video-embed{padding-bottom:56.25%;height:0;overflow:hidden;background:#000}.plyr__video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.plyr__video-embed>div{position:relative;padding-bottom:200%;-webkit-transform:translateY(-35.95%);transform:translateY(-35.95%)}.plyr__captions{display:none;position:absolute;bottom:0;left:0;width:100%;padding:20px 20px 30px;color:#fff;font-size:20px}.plyr__captions span{border-radius:2px;padding:3px 10px;background:rgba(0,0,0,.9)}.plyr__captions span:empty{display:none}@media (min-width:768px){.plyr__captions{font-size:24px}}.plyr--captions-active .plyr__captions{display:block}.plyr--fullscreen-active .plyr__captions{font-size:32px}.plyr__controls{zoom:1;position:relative;padding:10px;background:#fff;line-height:1;box-shadow:0 1px 1px rgba(52,63,74,.2)}.plyr__controls:after,.plyr__controls:before{content:"";display:table}.plyr__controls:after{clear:both}.plyr__controls--right{display:block;margin:10px auto 0}@media (min-width:560px){.plyr__controls--left{float:left}.plyr__controls--right{float:right;margin-top:0}}.plyr__controls button{display:inline-block;vertical-align:middle;margin:0 2px;padding:5px 10px;overflow:hidden;border:0;background:0 0;border-radius:3px;cursor:pointer;color:#6B7D86;transition:background .3s ease,color .3s ease,opacity .3s ease}.plyr__controls button svg{width:18px;height:18px;display:block;fill:currentColor;transition:fill .3s ease}.plyr__controls button.tab-focus:focus,.plyr__controls button:hover{background:#3498DB;color:#fff}.plyr__controls .plyr__time,.plyr__tooltip{color:#6B7D86;font-size:14px;font-weight:600}.plyr__controls button:focus{outline:0}.plyr__controls .icon--captions-on,.plyr__controls .icon--exit-fullscreen,.plyr__controls .icon--muted{display:none}.plyr__controls .plyr__time{display:inline-block;vertical-align:middle;margin-left:10px}.plyr__controls .plyr__time+.plyr__time{display:none}@media (min-width:560px){.plyr__controls .plyr__time+.plyr__time{display:inline-block}}.plyr__controls .plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}.plyr__tooltip{position:absolute;z-index:2;bottom:100%;margin-bottom:10px;padding:10px 15px;opacity:0;background:#fff;box-shadow:0 0 5px rgba(52,63,74,.1),0 0 0 1px rgba(52,63,74,.1);border-radius:3px;line-height:1.5;-webkit-transform:translate(-50%,30px) scale(.8);transform:translate(-50%,30px) scale(.8);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:opacity .2s .1s ease,-webkit-transform .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease}.plyr__tooltip::after,.plyr__tooltip::before{content:'';position:absolute;width:0;height:0;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.plyr__tooltip::after{bottom:-8px;border-right:7px solid transparent;border-top:7px solid rgba(52,63,74,.1);border-left:7px solid transparent;z-index:1}.plyr__tooltip::before{bottom:-6px;border-right:6px solid transparent;border-top:6px solid #fff;border-left:6px solid transparent;z-index:2}.plyr button.tab-focus:focus .plyr__tooltip,.plyr button:hover .plyr__tooltip{opacity:1;-webkit-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1)}.plyr button:hover .plyr__tooltip{z-index:3}.plyr input[type=range].tab-focus:focus{outline:rgba(52,63,74,.8) dotted 1px;outline-offset:3px}.plyr__progress--seek[type=range]:focus,.plyr__volume[type=range]:focus{outline:0}.plyr__progress{position:absolute;bottom:100%;left:0;right:0;width:100%;height:10px;background:rgba(86,93,100,.2)}.plyr__progress--buffer[value],.plyr__progress--played[value],.plyr__progress--seek[type=range]{position:absolute;left:0;top:0;width:100%;height:10px;margin:0;padding:0;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;border:none;background:0 0}.plyr__progress--buffer[value]::-webkit-progress-bar,.plyr__progress--played[value]::-webkit-progress-bar{background:0 0}.plyr__progress--buffer[value]::-webkit-progress-value,.plyr__progress--played[value]::-webkit-progress-value{background:currentColor}.plyr__progress--buffer[value]::-moz-progress-bar,.plyr__progress--played[value]::-moz-progress-bar{background:currentColor}.plyr__progress--played[value]{z-index:2;color:#3498DB}.plyr__progress--buffer[value]{color:rgba(86,93,100,.25)}.plyr__progress--seek[type=range]{z-index:4;cursor:pointer;outline:0}.plyr__progress--seek[type=range]::-webkit-slider-runnable-track{background:0 0;border:0}.plyr__progress--seek[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:0;width:40px;height:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.plyr__progress--seek[type=range]::-moz-range-track{background:0 0;border:0}.plyr__progress--seek[type=range]::-moz-range-thumb{-moz-appearance:none;background:0 0;border:0;width:40px;height:10px;transform:translateX(-50%)}.plyr__progress--seek[type=range]::-ms-track{color:transparent;background:0 0;border:0}.plyr__progress--seek[type=range]::-ms-fill-lower,.plyr__progress--seek[type=range]::-ms-fill-upper{background:0 0;border:0}.plyr__progress--seek[type=range]::-ms-thumb{background:0 0;border:0;width:40px;height:10px;transform:translateX(-50%)}.plyr__progress--seek[type=range]::-moz-focus-outer{border:0}.plyr--loading .plyr__progress--buffer{-webkit-animation:progress 1s linear infinite;animation:progress 1s linear infinite;background-size:40px 40px;background-repeat:repeat-x;background-color:rgba(86,93,100,.25);background-image:linear-gradient(-45deg,rgba(0,0,0,.15) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.15) 75%,transparent 75%,transparent);color:transparent}.plyr--playing .plyr__controls [data-plyr=play],.plyr__controls [data-plyr=pause]{display:none}.plyr--playing .plyr__controls [data-plyr=pause]{display:inline-block}.plyr__volume[type=range]{display:inline-block;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;width:100px;margin:0 10px 0 0;padding:0;cursor:pointer;background:0 0;border:none}.plyr__volume[type=range]::-webkit-slider-runnable-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.plyr__volume[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-3px;height:12px;width:12px;background:#6B7D86;border:0;border-radius:100%;transition:background .3s ease;cursor:ew-resize}.plyr__volume[type=range]::-moz-range-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.plyr__volume[type=range]::-moz-range-thumb{height:12px;width:12px;background:#6B7D86;border:0;border-radius:100%;transition:background .3s ease;cursor:ew-resize}.plyr__volume[type=range]::-ms-track{height:6px;background:0 0;border-color:transparent;border-width:3px 0;color:transparent}.plyr__volume[type=range]::-ms-fill-lower,.plyr__volume[type=range]::-ms-fill-upper{height:6px;background:#e6e6e6;border:0;border-radius:3px}.plyr__volume[type=range]::-ms-thumb{height:12px;width:12px;background:#6B7D86;border:0;border-radius:100%;transition:background .3s ease;cursor:ew-resize}.plyr__volume[type=range]:focus::-webkit-slider-thumb{background:#3498DB}.plyr__volume[type=range]:focus::-moz-range-thumb{background:#3498DB}.plyr__volume[type=range]:focus::-ms-thumb{background:#3498DB}.plyr--is-ios .plyr__volume,.plyr--is-ios [data-plyr=mute],.plyr--is-ios.plyr--audio .plyr__controls--right{display:none}.plyr--is-ios.plyr--audio .plyr__controls--left{float:none}.plyr--audio .plyr__controls{padding-top:20px}.plyr--audio .plyr__progress{bottom:auto;top:0;background:#D6DADD}.plyr--fullscreen,.plyr--fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000}.plyr--fullscreen video,.plyr--fullscreen-active video{height:100%}.plyr--fullscreen .plyr__video-wrapper,.plyr--fullscreen-active .plyr__video-wrapper{height:100%;width:100%}.plyr--fullscreen .plyr__controls,.plyr--fullscreen-active .plyr__controls{position:absolute;bottom:0;left:0;right:0}.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing .plyr__controls{-webkit-transform:translateY(100%) translateY(5px);transform:translateY(100%) translateY(5px);transition:-webkit-transform .3s .2s ease;transition:transform .3s .2s ease;transition:transform .3s .2s ease,-webkit-transform .3s .2s ease}.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing.plyr--hover .plyr__controls{-webkit-transform:translateY(0);transform:translateY(0)}.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing .plyr__captions{bottom:5px;transition:bottom .3s .2s ease}.plyr--fullscreen .plyr__captions,.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing.plyr--hover .plyr__captions,.plyr--fullscreen-active .plyr__captions{top:auto;bottom:90px}@media (min-width:560px){.plyr--fullscreen .plyr__captions,.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing.plyr--hover .plyr__captions,.plyr--fullscreen-active .plyr__captions{bottom:60px}}.plyr--captions-active .plyr__controls .icon--captions-on,.plyr--fullscreen-active .icon--exit-fullscreen,.plyr--muted .plyr__controls .icon--muted{display:block}.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr--captions-active .plyr__controls .icon--captions-on+svg,.plyr--fullscreen-active .icon--exit-fullscreen+svg,.plyr--muted .plyr__controls .icon--muted+svg{display:none}.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen]{display:inline-block} \ No newline at end of file
+.plyr__captions,.plyr__controls{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-align:center}@-webkit-keyframes plyr-progress{to{background-position:40px 0}}@keyframes plyr-progress{to{background-position:40px 0}}.plyr{position:relative;max-width:100%;min-width:290px}.plyr,.plyr *,.plyr ::after,.plyr ::before{box-sizing:border-box}.plyr a,.plyr button,.plyr input,.plyr label{-ms-touch-action:manipulation;touch-action:manipulation}.plyr__sr-only{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.plyr__video-wrapper{position:relative}.plyr audio,.plyr video{width:100%;height:auto;vertical-align:middle}.plyr__video-embed{padding-bottom:56.25%;height:0;overflow:hidden;background:#000}.plyr__video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.plyr__video-embed>div{position:relative;padding-bottom:200%;-webkit-transform:translateY(-35.95%);transform:translateY(-35.95%)}.plyr__captions{display:none;position:absolute;bottom:0;left:0;width:100%;padding:20px 20px 30px;color:#fff;font-size:20px}.plyr__captions span{border-radius:2px;padding:3px 10px;background:rgba(0,0,0,.9)}.plyr__captions span:empty{display:none}@media (min-width:768px){.plyr__captions{font-size:24px}}.plyr--captions-active .plyr__captions{display:block}.plyr--fullscreen-active .plyr__captions{font-size:32px}.plyr__controls{position:relative;padding:10px;background:#fff;line-height:1;box-shadow:0 1px 1px rgba(52,63,74,.2)}.plyr__controls::after{content:'';display:table;clear:both}.plyr__controls--right{display:block;margin:10px auto 0}@media (min-width:560px){.plyr__controls--left{float:left}.plyr__controls--right{float:right;margin-top:0}}.plyr__controls button{display:inline-block;vertical-align:middle;margin:0 2px;padding:5px 10px;overflow:hidden;border:0;background:0 0;border-radius:3px;cursor:pointer;color:#6B7D86;transition:background .3s ease,color .3s ease,opacity .3s ease}.plyr__controls button svg{width:18px;height:18px;display:block;fill:currentColor;transition:fill .3s ease}.plyr__controls button.tab-focus:focus,.plyr__controls button:hover{background:#3498DB;color:#fff}.plyr__controls .plyr__time,.plyr__tooltip{color:#6B7D86;font-size:14px;font-weight:600}.plyr__controls button:focus{outline:0}.plyr__controls .icon--captions-on,.plyr__controls .icon--exit-fullscreen,.plyr__controls .icon--muted{display:none}.plyr__controls .plyr__time{display:inline-block;vertical-align:middle;margin-left:10px}.plyr__controls .plyr__time+.plyr__time{display:none}@media (min-width:560px){.plyr__controls .plyr__time+.plyr__time{display:inline-block}}.plyr__controls .plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}.plyr__tooltip{position:absolute;z-index:2;bottom:100%;margin-bottom:10px;padding:10px 15px;opacity:0;background:#fff;box-shadow:0 0 5px rgba(52,63,74,.1),0 0 0 1px rgba(52,63,74,.1);border-radius:3px;line-height:1.5;-webkit-transform:translate(-50%,30px) scale(.8);transform:translate(-50%,30px) scale(.8);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:opacity .2s .1s ease,-webkit-transform .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease}.plyr__tooltip::after,.plyr__tooltip::before{content:'';position:absolute;width:0;height:0;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.plyr__tooltip::after{bottom:-8px;border-right:7px solid transparent;border-top:7px solid rgba(52,63,74,.1);border-left:7px solid transparent;z-index:1}.plyr__tooltip::before{bottom:-6px;border-right:6px solid transparent;border-top:6px solid #fff;border-left:6px solid transparent;z-index:2}.plyr button.tab-focus:focus .plyr__tooltip,.plyr button:hover .plyr__tooltip{opacity:1;-webkit-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1)}.plyr button:hover .plyr__tooltip{z-index:3}.plyr input[type=range].tab-focus:focus{outline:rgba(52,63,74,.8) dotted 1px;outline-offset:3px}.plyr__progress--seek[type=range]:focus,.plyr__volume[type=range]:focus{outline:0}.plyr__progress{position:absolute;bottom:100%;left:0;right:0;width:100%;height:10px;background:rgba(86,93,100,.2)}.plyr__progress--buffer[value],.plyr__progress--played[value],.plyr__progress--seek[type=range]{position:absolute;left:0;top:0;width:100%;height:10px;margin:0;padding:0;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;border:none;background:0 0}.plyr__progress--buffer[value]::-webkit-progress-bar,.plyr__progress--played[value]::-webkit-progress-bar{background:0 0}.plyr__progress--buffer[value]::-webkit-progress-value,.plyr__progress--played[value]::-webkit-progress-value{background:currentColor}.plyr__progress--buffer[value]::-moz-progress-bar,.plyr__progress--played[value]::-moz-progress-bar{background:currentColor}.plyr__progress--played[value]{z-index:2;color:#3498DB}.plyr__progress--buffer[value]{color:rgba(86,93,100,.25)}.plyr__progress--seek[type=range]{z-index:4;cursor:pointer;outline:0}.plyr__progress--seek[type=range]::-webkit-slider-runnable-track{background:0 0;border:0}.plyr__progress--seek[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:0;width:40px;height:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.plyr__progress--seek[type=range]::-moz-range-track{background:0 0;border:0}.plyr__progress--seek[type=range]::-moz-range-thumb{-moz-appearance:none;background:0 0;border:0;width:40px;height:10px;transform:translateX(-50%)}.plyr__progress--seek[type=range]::-ms-track{color:transparent;background:0 0;border:0}.plyr__progress--seek[type=range]::-ms-fill-lower,.plyr__progress--seek[type=range]::-ms-fill-upper{background:0 0;border:0}.plyr__progress--seek[type=range]::-ms-thumb{background:0 0;border:0;width:40px;height:10px;transform:translateX(-50%)}.plyr__progress--seek[type=range]::-moz-focus-outer{border:0}.plyr--loading .plyr__progress--buffer{-webkit-animation:plyr-progress 1s linear infinite;animation:plyr-progress 1s linear infinite;background-size:40px 40px;background-repeat:repeat-x;background-color:rgba(86,93,100,.25);background-image:linear-gradient(-45deg,rgba(0,0,0,.15) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.15) 75%,transparent 75%,transparent);color:transparent}.plyr--playing .plyr__controls [data-plyr=play],.plyr__controls [data-plyr=pause]{display:none}.plyr--playing .plyr__controls [data-plyr=pause]{display:inline-block}.plyr__volume[type=range]{display:inline-block;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;width:100px;margin:0 10px 0 0;padding:0;cursor:pointer;background:0 0;border:none}.plyr__volume[type=range]::-webkit-slider-runnable-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.plyr__volume[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-3px;height:12px;width:12px;background:#6B7D86;border:0;border-radius:100%;transition:background .3s ease;cursor:ew-resize}.plyr__volume[type=range]::-moz-range-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.plyr__volume[type=range]::-moz-range-thumb{height:12px;width:12px;background:#6B7D86;border:0;border-radius:100%;transition:background .3s ease;cursor:ew-resize}.plyr__volume[type=range]::-ms-track{height:6px;background:0 0;border-color:transparent;border-width:3px 0;color:transparent}.plyr__volume[type=range]::-ms-fill-lower,.plyr__volume[type=range]::-ms-fill-upper{height:6px;background:#e6e6e6;border:0;border-radius:3px}.plyr__volume[type=range]::-ms-thumb{height:12px;width:12px;background:#6B7D86;border:0;border-radius:100%;transition:background .3s ease;cursor:ew-resize}.plyr__volume[type=range]:focus::-webkit-slider-thumb{background:#3498DB}.plyr__volume[type=range]:focus::-moz-range-thumb{background:#3498DB}.plyr__volume[type=range]:focus::-ms-thumb{background:#3498DB}.plyr--is-ios .plyr__volume,.plyr--is-ios [data-plyr=mute],.plyr--is-ios.plyr--audio .plyr__controls--right{display:none}.plyr--is-ios.plyr--audio .plyr__controls--left{float:none}.plyr--audio .plyr__controls{padding-top:20px}.plyr--audio .plyr__progress{bottom:auto;top:0;background:#D6DADD}.plyr--fullscreen,.plyr--fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000}.plyr--fullscreen video,.plyr--fullscreen-active video{height:100%}.plyr--fullscreen .plyr__video-wrapper,.plyr--fullscreen-active .plyr__video-wrapper{height:100%;width:100%}.plyr--fullscreen .plyr__controls,.plyr--fullscreen-active .plyr__controls{position:absolute;bottom:0;left:0;right:0}.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing .plyr__controls{-webkit-transform:translateY(100%) translateY(5px);transform:translateY(100%) translateY(5px);transition:-webkit-transform .3s .2s ease;transition:transform .3s .2s ease;transition:transform .3s .2s ease,-webkit-transform .3s .2s ease}.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing.plyr--hover .plyr__controls{-webkit-transform:translateY(0);transform:translateY(0)}.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing .plyr__captions{bottom:5px;transition:bottom .3s .2s ease}.plyr--fullscreen .plyr__captions,.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing.plyr--hover .plyr__captions,.plyr--fullscreen-active .plyr__captions{top:auto;bottom:90px}@media (min-width:560px){.plyr--fullscreen .plyr__captions,.plyr--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing.plyr--hover .plyr__captions,.plyr--fullscreen-active .plyr__captions{bottom:60px}}.plyr--captions-active .plyr__controls .icon--captions-on,.plyr--fullscreen-active .icon--exit-fullscreen,.plyr--muted .plyr__controls .icon--muted{display:block}.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr--captions-active .plyr__controls .icon--captions-on+svg,.plyr--fullscreen-active .icon--exit-fullscreen+svg,.plyr--muted .plyr__controls .icon--muted+svg{display:none}.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen]{display:inline-block} \ No newline at end of file
diff --git a/dist/plyr.js b/dist/plyr.js
index 5e7b4690..1bacd9f8 100644
--- a/dist/plyr.js
+++ b/dist/plyr.js
@@ -1 +1 @@
-!function(e,t){"use strict";"function"==typeof define&&define.amd?define(null,function(){t(e,document)}):"object"==typeof module?module.exports=t(e,document):e.plyr=t(e,document)}(this,function(e,t){"use strict";function n(){var e=['<div class="plyr__controls">','<div class="plyr__progress">','<label for="seek{id}" class="plyr__sr-only">Seek</label>','<input id="seek{id}" class="plyr__progress--seek" type="range" min="0" max="100" step="0.5" value="0" data-plyr="seek">','<progress class="plyr__progress--played" max="100" value="0">',"<span>0</span>% "+N.i18n.played,"</progress>",'<progress class="plyr__progress--buffer" max="100" value="0">',"<span>0</span>% "+N.i18n.buffered,"</progress>","</div>",'<span class="plyr__controls--left">'];return i(N.controls,"restart")&&e.push('<button type="button" data-plyr="restart">','<svg><use xlink:href="#'+N.iconPrefix+'-restart" /></svg>','<span class="plyr__sr-only">'+N.i18n.restart+"</span>","</button>"),i(N.controls,"rewind")&&e.push('<button type="button" data-plyr="rewind">','<svg><use xlink:href="#'+N.iconPrefix+'-rewind" /></svg>','<span class="plyr__sr-only">'+N.i18n.rewind+"</span>","</button>"),i(N.controls,"play")&&e.push('<button type="button" data-plyr="play">','<svg><use xlink:href="#'+N.iconPrefix+'-play" /></svg>','<span class="plyr__sr-only">'+N.i18n.play+"</span>","</button>",'<button type="button" data-plyr="pause">','<svg><use xlink:href="#'+N.iconPrefix+'-pause" /></svg>','<span class="plyr__sr-only">'+N.i18n.pause+"</span>","</button>"),i(N.controls,"fast-forward")&&e.push('<button type="button" data-plyr="fast-forward">','<svg><use xlink:href="#'+N.iconPrefix+'-fast-forward" /></svg>','<span class="plyr__sr-only">'+N.i18n.forward+"</span>","</button>"),i(N.controls,"current-time")&&e.push('<span class="plyr__time">','<span class="plyr__sr-only">'+N.i18n.currentTime+"</span>",'<span class="plyr__time--current">00:00</span>',"</span>"),i(N.controls,"duration")&&e.push('<span class="plyr__time">','<span class="plyr__sr-only">'+N.i18n.duration+"</span>",'<span class="plyr__time--duration">00:00</span>',"</span>"),e.push("</span>",'<span class="plyr__controls--right">'),i(N.controls,"mute")&&e.push('<button type="button" data-plyr="mute">','<svg class="icon--muted"><use xlink:href="#'+N.iconPrefix+'-muted" /></svg>','<svg><use xlink:href="#'+N.iconPrefix+'-volume" /></svg>','<span class="plyr__sr-only">'+N.i18n.toggleMute+"</span>","</button>"),i(N.controls,"volume")&&e.push('<label for="volume{id}" class="plyr__sr-only">'+N.i18n.volume+"</label>",'<input id="volume{id}" class="plyr__volume" type="range" min="0" max="10" value="5" data-plyr="volume">'),i(N.controls,"captions")&&e.push('<button type="button" data-plyr="captions">','<svg class="icon--captions-on"><use xlink:href="#'+N.iconPrefix+'-captions-on" /></svg>','<svg><use xlink:href="#'+N.iconPrefix+'-captions-off" /></svg>','<span class="plyr__sr-only">'+N.i18n.toggleCaptions+"</span>","</button>"),i(N.controls,"fullscreen")&&e.push('<button type="button" data-plyr="fullscreen">','<svg class="icon--exit-fullscreen"><use xlink:href="#'+N.iconPrefix+'-exit-fullscreen" /></svg>','<svg><use xlink:href="#'+N.iconPrefix+'-enter-fullscreen" /></svg>','<span class="plyr__sr-only">'+N.i18n.toggleFullscreen+"</span>","</button>"),e.push("</span>","</div>"),e.join("")}function r(t,n){N.debug&&e.console&&console[n?"warn":"log"](t)}function a(){var e,n,r,a=navigator.userAgent,s=navigator.appName,o=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(s="IE",o="11;"):-1!==(n=a.indexOf("MSIE"))?(s="IE",o=a.substring(n+5)):-1!==(n=a.indexOf("Chrome"))?(s="Chrome",o=a.substring(n+7)):-1!==(n=a.indexOf("Safari"))?(s="Safari",o=a.substring(n+7),-1!==(n=a.indexOf("Version"))&&(o=a.substring(n+8))):-1!==(n=a.indexOf("Firefox"))?(s="Firefox",o=a.substring(n+8)):(e=a.lastIndexOf(" ")+1)<(n=a.lastIndexOf("/"))&&(s=a.substring(e,n),o=a.substring(n+1),s.toLowerCase()==s.toUpperCase()&&(s=navigator.appName)),-1!==(r=o.indexOf(";"))&&(o=o.substring(0,r)),-1!==(r=o.indexOf(" "))&&(o=o.substring(0,r)),i=parseInt(""+o,10),isNaN(i)&&(o=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10)),{name:s,version:i,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform),touch:"ontouchstart"in t.documentElement}}function s(e,t){var n=e.media;if("video"==e.type)switch(t){case"video/webm":return!(!n.canPlayType||!n.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/no/,""));case"video/mp4":return!(!n.canPlayType||!n.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/,""));case"video/ogg":return!(!n.canPlayType||!n.canPlayType('video/ogg; codecs="theora"').replace(/no/,""))}else if("audio"==e.type)switch(t){case"audio/mpeg":return!(!n.canPlayType||!n.canPlayType("audio/mpeg;").replace(/no/,""));case"audio/ogg":return!(!n.canPlayType||!n.canPlayType('audio/ogg; codecs="vorbis"').replace(/no/,""));case"audio/wav":return!(!n.canPlayType||!n.canPlayType('audio/wav; codecs="1"').replace(/no/,""))}return!1}function o(e){if(!t.querySelectorAll('script[src="'+e+'"]').length){var n=t.createElement("script");n.src=e;var r=t.getElementsByTagName("script")[0];r.parentNode.insertBefore(n,r)}}function i(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function l(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?\^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function u(e,t){e.length||(e=[e]);for(var n=e.length-1;n>=0;n--){var r=n>0?t.cloneNode(!0):t,a=e[n],s=a.parentNode,o=a.nextSibling;r.appendChild(a),o?s.insertBefore(r,o):s.appendChild(r)}}function c(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function p(e){e&&e.parentNode.removeChild(e)}function d(e,t){e.insertBefore(t,e.firstChild)}function f(e,t){for(var n in t)e.setAttribute(n,"boolean"==typeof t[n]&&t[n]?"":t[n])}function m(e,n,r){var a=t.createElement(e);f(a,r),d(n,a)}function y(e){return e.replace(".","")}function b(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function v(e,t){return e?e.classList?e.classList.contains(t):new RegExp("(\\s|^)"+t+"(\\s|$)").test(e.className):!1}function g(e,t,n){e&&T(e,t,n,!0)}function h(e,t,n){e&&T(e,t,n,!1)}function k(e,t,n,r){g(e,t,function(t){n&&n.apply(e,[t]),r.apply(e,[t])})}function T(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;s<e.length;s++)e[s]instanceof Node&&T(e[s],arguments[1],arguments[2],arguments[3]);else for(var o=0;o<a.length;o++)e[r?"addEventListener":"removeEventListener"](a[o],n,!1)}function w(e,n){if(e&&n){var r=t.createEvent("MouseEvents");r.initEvent(n,!0,!0),e.dispatchEvent(r)}}function x(e,t){return e?(t="boolean"==typeof t?t:!e.getAttribute("aria-pressed"),e.setAttribute("aria-pressed",t),t):void 0}function _(e,t){return 0===e||0===t||isNaN(e)||isNaN(t)?0:(e/t*100).toFixed(2)}function F(e,t){for(var n in t)t[n]&&t[n].constructor&&t[n].constructor===Object?(e[n]=e[n]||{},F(e[n],t[n])):e[n]=t[n];return e}function C(){var e={supportsFullScreen:!1,isFullScreen:function(){return!1},requestFullScreen:function(){},cancelFullScreen:function(){},fullScreenEventName:"",element:null,prefix:""},n="webkit moz o ms khtml".split(" ");if("undefined"!=typeof t.cancelFullScreen)e.supportsFullScreen=!0;else for(var r=0,a=n.length;a>r;r++){if(e.prefix=n[r],"undefined"!=typeof t[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof t.msExitFullscreen&&t.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=t.body),this.prefix){case"":return t.fullscreenElement==e;case"moz":return t.mozFullScreenElement==e;default:return t[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=t.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?t.cancelFullScreen():t[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?t.fullscreenElement:t[this.prefix+"FullscreenElement"]}),e}function E(){var t={supported:function(){if(!("localStorage"in e))return!1;try{e.localStorage.setItem("___test","OK");var t=e.localStorage.getItem("___test");return e.localStorage.removeItem("___test"),"OK"===t}catch(n){return!1}return!1}()};return t}function S(F){function S(e){if(!Ce.usingTextTracks&&"video"===Ce.type&&Ce.supported.full&&(Ce.subcount=0,e="number"==typeof e?e:Ce.media.currentTime,Ce.captions[Ce.subcount])){for(;O(Ce.captions[Ce.subcount][0])<e.toFixed(1);)if(Ce.subcount++,Ce.subcount>Ce.captions.length-1){Ce.subcount=Ce.captions.length-1;break}if(Ce.media.currentTime.toFixed(1)>=L(Ce.captions[Ce.subcount][0])&&Ce.media.currentTime.toFixed(1)<=O(Ce.captions[Ce.subcount][0])){Ce.currentCaption=Ce.captions[Ce.subcount][1];var t=Ce.currentCaption.trim();Ce.captionsContainer.innerHTML!=t&&(Ce.captionsContainer.innerHTML="",Ce.captionsContainer.innerHTML=t)}else Ce.captionsContainer.innerHTML=""}}function M(){Ce.buttons.captions&&(b(Ce.container,N.classes.captions.enabled,!0),N.captions.defaultActive&&(b(Ce.container,N.classes.captions.active,!0),x(Ce.buttons.captions,!0)))}function L(e){var t=[];return t=e.split(" --> "),V(t[0])}function O(e){var t=[];return t=e.split(" --> "),V(t[1])}function V(e){if(null===e||void 0===e)return 0;var t,n=[],r=[];return n=e.split(","),r=n[0].split(":"),t=Math.floor(60*r[0]*60)+Math.floor(60*r[1])+Math.floor(r[2])}function q(e){return Ce.container.querySelectorAll(e)}function H(e){return q(e)[0]}function R(){try{return e.self!==e.top}catch(t){return!0}}function j(){function e(e){9===e.which&&Ce.isFullscreen&&(e.target!==r||e.shiftKey?e.target===n&&e.shiftKey&&(e.preventDefault(),r.focus()):(e.preventDefault(),n.focus()))}var t=q("input:not([disabled]), button:not([disabled])"),n=t[0],r=t[t.length-1];g(Ce.container,"keydown",e)}function D(e,t){if("string"==typeof t)m(e,Ce.media,{src:t});else if(t.constructor===Array)for(var n=t.length-1;n>=0;n--)m(e,Ce.media,t[n])}function B(){var e=N.html;r("Injecting custom controls"),e||(e=n()),e=l(e,"{seektime}",N.seekTime),e=l(e,"{id}",Math.floor(1e4*Math.random()));var a;if(null!==N.selectors.controls.container&&(a=N.selectors.controls.container,"string"==typeof selector&&(a=t.querySelector(a))),a instanceof HTMLElement||(a=Ce.container),a.insertAdjacentHTML("beforeend",e),N.tooltips)for(var s=q(N.selectors.labels),o=s.length-1;o>=0;o--){var i=s[o];b(i,N.classes.hidden,!1),b(i,N.classes.tooltip,!0)}}function Y(){try{return Ce.controls=H(N.selectors.controls.wrapper),Ce.buttons={},Ce.buttons.seek=H(N.selectors.buttons.seek),Ce.buttons.play=H(N.selectors.buttons.play),Ce.buttons.pause=H(N.selectors.buttons.pause),Ce.buttons.restart=H(N.selectors.buttons.restart),Ce.buttons.rewind=H(N.selectors.buttons.rewind),Ce.buttons.forward=H(N.selectors.buttons.forward),Ce.buttons.fullscreen=H(N.selectors.buttons.fullscreen),Ce.buttons.volume=H(N.selectors.buttons.volume),Ce.buttons.mute=H(N.selectors.buttons.mute),Ce.buttons.captions=H(N.selectors.buttons.captions),Ce.checkboxes=q('[type="checkbox"]'),Ce.progress={},Ce.progress.container=H(N.selectors.progress.container),Ce.progress.buffer={},Ce.progress.buffer.bar=H(N.selectors.progress.buffer),Ce.progress.buffer.text=Ce.progress.buffer.bar&&Ce.progress.buffer.bar.getElementsByTagName("span")[0],Ce.progress.played={},Ce.progress.played.bar=H(N.selectors.progress.played),Ce.progress.played.text=Ce.progress.played.bar&&Ce.progress.played.bar.getElementsByTagName("span")[0],Ce.volume=H(N.selectors.buttons.volume),Ce.duration=H(N.selectors.duration),Ce.currentTime=H(N.selectors.currentTime),Ce.seekTime=q(N.selectors.seekTime),!0}catch(e){return r("It looks like there is a problem with your controls html",!0),$(!0),!1}}function W(){b(Ce.container,P.selectors.container.replace(".",""),Ce.supported.full)}function $(e){e?Ce.media.setAttribute("controls",""):Ce.media.removeAttribute("controls")}function z(e){var t=N.i18n.play;"undefined"!=typeof N.title&&N.title.length&&(t+=", "+N.title),Ce.supported.full&&Ce.buttons.play&&Ce.buttons.play.setAttribute("aria-label",t),e instanceof HTMLElement&&e.setAttribute("title",N.i18n.frameTitle.replace("{title}",N.title))}function K(){if(!Ce.media)return r("No audio or video element found",!0),!1;if(Ce.supported.full&&(b(Ce.container,N.classes.type.replace("{0}",Ce.type),!0),b(Ce.container,N.classes.stopped,N.autoplay),b(Ce.container,N.classes.isIos,Ce.browser.ios),b(Ce.container,N.classes.isTouch,Ce.browser.touch),"video"===Ce.type)){var e=t.createElement("div");e.setAttribute("class",N.classes.videoWrapper),u(Ce.media,e),Ce.videoContainer=e}i(N.types.embed,Ce.type)?(U(),Ce.embedId=null):N.autoplay&&ee()}function U(){for(var n=t.createElement("div"),r=Ce.embedId,a=Ce.type+"-"+Math.floor(1e4*Math.random()),s=q('[id^="'+Ce.type+'-"]'),i=s.length-1;i>=0;i--)p(s[i]);if(b(Ce.media,N.classes.videoWrapper,!0),b(Ce.media,N.classes.embedWrapper,!0),"youtube"===Ce.type)Ce.media.appendChild(n),n.setAttribute("id",a),"object"==typeof YT?J(r,n):(o(N.urls.youtube.api),e.onYouTubeReadyCallbacks=e.onYouTubeReadyCallbacks||[],e.onYouTubeReadyCallbacks.push(function(){J(r,n)}),e.onYouTubeIframeAPIReady=function(){e.onYouTubeReadyCallbacks.forEach(function(e){e()})});else if("vimeo"===Ce.type){var l=t.createElement("iframe");l.loaded=!1,g(l,"load",function(){l.loaded=!0}),f(l,{src:"https://player.vimeo.com/video/"+r+"?player_id="+a+"&api=1&badge=0&byline=0&portrait=0&title=0",id:a,webkitallowfullscreen:"",mozallowfullscreen:"",allowfullscreen:"",frameborder:0}),Ce.supported.full?(n.appendChild(l),Ce.media.appendChild(n)):Ce.media.appendChild(l),"$f"in e||o(N.urls.vimeo.api);var u=e.setInterval(function(){"$f"in e&&l.loaded&&(e.clearInterval(u),G.call(l))},50)}}function X(){Fe(),z(H("iframe"))}function J(t,n){"timer"in Ce||(Ce.timer={}),Ce.embed=new YT.Player(n.id,{videoId:t,playerVars:{autoplay:0,controls:Ce.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_load_policy:N.captions.defaultActive?1:0,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1,origin:"*"},events:{onReady:function(t){var n=t.target;Ce.media.play=function(){n.playVideo(),Ce.media.paused=!1},Ce.media.pause=function(){n.pauseVideo(),Ce.media.paused=!0},Ce.media.stop=function(){n.stopVideo(),Ce.media.paused=!0},Ce.media.duration=n.getDuration(),Ce.media.paused=!0,Ce.media.currentTime=n.getCurrentTime(),Ce.media.muted=n.isMuted(),w(Ce.media,"timeupdate"),e.clearInterval(Ce.timer.buffering),Ce.timer.buffering=e.setInterval(function(){Ce.media.buffered=n.getVideoLoadedFraction(),w(Ce.media,"progress"),1===Ce.media.buffered&&e.clearInterval(Ce.timer.buffering)},200),X(),be()},onStateChange:function(t){var n=t.target;switch(e.clearInterval(Ce.timer.playing),t.data){case 0:Ce.media.paused=!0,w(Ce.media,"ended");break;case 1:Ce.media.paused=!1,Ce.media.seeking=!1,w(Ce.media,"play"),Ce.timer.playing=e.setInterval(function(){Ce.media.currentTime=n.getCurrentTime(),w(Ce.media,"timeupdate")},100);break;case 2:Ce.media.paused=!0,w(Ce.media,"pause")}}}})}function G(){Ce.embed=$f(this),Ce.embed.addEvent("ready",function(){Ce.media.play=function(){Ce.embed.api("play"),Ce.media.paused=!1},Ce.media.pause=function(){Ce.embed.api("pause"),Ce.media.paused=!0},Ce.media.stop=function(){Ce.embed.api("stop"),Ce.media.paused=!0},Ce.media.paused=!0,Ce.media.currentTime=0,X(),Ce.embed.api("getCurrentTime",function(e){Ce.media.currentTime=e,w(Ce.media,"timeupdate")}),Ce.embed.api("getDuration",function(e){Ce.media.duration=e,be()}),Ce.embed.addEvent("play",function(){Ce.media.paused=!1,w(Ce.media,"play")}),Ce.embed.addEvent("pause",function(){Ce.media.paused=!0,w(Ce.media,"pause")}),Ce.embed.addEvent("playProgress",function(e){Ce.media.seeking=!1,Ce.media.currentTime=e.seconds,w(Ce.media,"timeupdate")}),Ce.embed.addEvent("loadProgress",function(e){Ce.media.buffered=e.percent,w(Ce.media,"progress")}),Ce.embed.addEvent("finish",function(){Ce.media.paused=!0,w(Ce.media,"ended")})})}function Q(){if("video"===Ce.type){H(N.selectors.captions)||Ce.videoContainer.insertAdjacentHTML("afterbegin",'<div class="'+y(N.selectors.captions)+'"><span></span></div>'),Ce.captionsContainer=H(N.selectors.captions).querySelector("span"),Ce.usingTextTracks=!1,Ce.media.textTracks&&(Ce.usingTextTracks=!0);for(var e,t="",n=Ce.media.childNodes,a=0;a<n.length;a++)"track"===n[a].nodeName.toLowerCase()&&(e=n[a].kind,("captions"===e||"subtitles"===e)&&(t=n[a].getAttribute("src")));if(Ce.captionExists=!0,""===t?(Ce.captionExists=!1,r("No caption track found")):r("Caption track found; URI: "+t),Ce.captionExists){for(var s=Ce.media.textTracks,o=0;o<s.length;o++)s[o].mode="hidden";if(M(Ce),("IE"===Ce.browser.name&&Ce.browser.version>=10||"Firefox"===Ce.browser.name&&Ce.browser.version>=31||"Chrome"===Ce.browser.name&&Ce.browser.version>=43||"Safari"===Ce.browser.name&&Ce.browser.version>=7)&&(r("Detected unsupported browser for HTML5 captions - using fallback"),Ce.usingTextTracks=!1),Ce.usingTextTracks){r("TextTracks supported");for(var i=0;i<s.length;i++){var l=s[i];("captions"===l.kind||"subtitles"===l.kind)&&g(l,"cuechange",function(){Ce.captionsContainer.innerHTML="",this.activeCues[0]&&this.activeCues[0].hasOwnProperty("text")&&Ce.captionsContainer.appendChild(this.activeCues[0].getCueAsHTML().trim())})}}else if(r("TextTracks not supported so rendering captions manually"),Ce.currentCaption="",Ce.captions=[],""!==t){var u=new XMLHttpRequest;u.onreadystatechange=function(){if(4===u.readyState)if(200===u.status){var e,t=[],n=u.responseText;t=n.split("\n\n");for(var a=0;a<t.length;a++)e=t[a],Ce.captions[a]=[],Ce.captions[a]=e.split("\n");Ce.captions.shift(),r("Successfully loaded the caption file via AJAX")}else r("There was a problem loading the caption file via AJAX",!0)},u.open("get",t,!0),u.send()}if("Safari"===Ce.browser.name&&Ce.browser.version>=7){r("Safari 7+ detected; removing track from DOM"),s=Ce.media.getElementsByTagName("track");for(var c=0;c<s.length;c++)Ce.media.removeChild(s[c])}}else b(Ce.container,N.classes.captions.enabled)}}function Z(){if(Ce.supported.full&&("audio"!=Ce.type||N.fullscreen.allowAudio)&&N.fullscreen.enabled){var e=A.supportsFullScreen;e||N.fullscreen.fallback&&!R()?(r((e?"Native":"Fallback")+" fullscreen enabled"),b(Ce.container,N.classes.fullscreen.enabled,!0)):r("Fullscreen not supported and fallback disabled"),x(Ce.buttons.fullscreen,!1),j(),N.fullscreen.hideControls&&b(Ce.container,N.classes.fullscreen.hideControls,!0)}}function ee(){"play"in Ce.media&&Ce.media.play()}function te(){"pause"in Ce.media&&Ce.media.pause()}function ne(e){e===!0?ee():e===!1?te():Ce.media[Ce.media.paused?"play":"pause"]()}function re(e){"number"!=typeof e&&(e=N.seekTime),se(Ce.media.currentTime-e)}function ae(e){"number"!=typeof e&&(e=N.seekTime),se(Ce.media.currentTime+e)}function se(e){var t=0,n=Ce.media.paused;"number"==typeof e?t=e:"object"!=typeof e||"input"!==e.type&&"change"!==e.type||(t=e.target.value/e.target.max*Ce.media.duration),0>t?t=0:t>Ce.media.duration&&(t=Ce.media.duration);try{Ce.media.currentTime=t.toFixed(1)}catch(a){}if(i(N.types.embed,Ce.type)){switch(Ce.type){case"youtube":Ce.embed.seekTo(t);break;case"vimeo":Ce.embed.api("seekTo",t)}n&&te(),w(Ce.media,"timeupdate"),Ce.media.seeking=!0}r("Seeking to "+Ce.media.currentTime+" seconds"),S(t)}function oe(){b(Ce.container,N.classes.playing,!Ce.media.paused),b(Ce.container,N.classes.stopped,Ce.media.paused)}function ie(n){function r(){b(Ce.container,N.classes.hover,!0),e.clearTimeout(o),i||(o=e.setTimeout(function(){b(Ce.container,N.classes.hover,!1)},2e3))}function a(e){i="mouseenter"===e.type}var s=A.supportsFullScreen;n&&n.type===A.fullScreenEventName?Ce.isFullscreen=A.isFullScreen(Ce.container):s?(A.isFullScreen(Ce.container)?A.cancelFullScreen():A.requestFullScreen(Ce.container),Ce.isFullscreen=A.isFullScreen(Ce.container)):(Ce.isFullscreen=!Ce.isFullscreen,Ce.isFullscreen?(g(t,"keyup",le),t.body.style.overflow="hidden"):(h(t,"keyup",le),t.body.style.overflow="")),b(Ce.container,N.classes.fullscreen.active,Ce.isFullscreen),Ce.isFullscreen?Ce.container.setAttribute("tabindex","-1"):Ce.container.removeAttribute("tabindex"),j(Ce.isFullscreen),x(Ce.buttons.fullscreen,Ce.isFullscreen);var o,i=!1;N.fullscreen.hideControls&&(b(Ce.controls,N.classes.hover,!1),T(Ce.controls,"mouseenter mouseleave",a,Ce.isFullscreen),T(Ce.container,"mousemove",r,Ce.isFullscreen))}function le(e){27===(e.which||e.charCode||e.keyCode)&&Ce.isFullscreen&&ie()}function ue(e){if("boolean"!=typeof e&&(e=!Ce.media.muted),x(Ce.buttons.mute,e),Ce.media.muted=e,i(N.types.embed,Ce.type)){switch(Ce.type){case"youtube":Ce.embed[Ce.media.muted?"mute":"unMute"]();break;case"vimeo":Ce.embed.api("setVolume",Ce.media.muted?0:parseFloat(N.volume/10))}w(Ce.media,"volumechange")}}function ce(t){if("undefined"==typeof t&&(t=N.storage.enabled&&E().supported?e.localStorage[N.storage.key]||N.volume:N.volume),t>10&&(t=10),0>t&&(t=0),Ce.media.volume=parseFloat(t/10),N.volume=t,i(N.types.embed,Ce.type)){switch(Ce.type){case"youtube":Ce.embed.setVolume(100*Ce.media.volume);break;case"vimeo":Ce.embed.api("setVolume",Ce.media.volume)}w(Ce.media,"volumechange")}Ce.media.muted&&t>0&&ue()}function pe(){var t=Ce.media.muted?0:10*Ce.media.volume;Ce.supported.full&&Ce.volume&&(Ce.volume.value=t),N.storage.enabled&&E().supported&&e.localStorage.setItem(N.storage.key,t),b(Ce.container,N.classes.muted,0===t),Ce.supported.full&&Ce.buttons.mute&&x(Ce.buttons.mute,0===t)}function de(e){Ce.supported.full&&Ce.buttons.captions&&("boolean"!=typeof e&&(e=-1===Ce.container.className.indexOf(N.classes.captions.active)),Ce.captionsEnabled=e,x(Ce.buttons.captions,Ce.captionsEnabled),b(Ce.container,N.classes.captions.active,Ce.captionsEnabled))}function fe(e){var t="waiting"===e.type;clearTimeout(Ce.loadingTimer),Ce.loadingTimer=setTimeout(function(){b(Ce.container,N.classes.loading,t)},t?250:0)}function me(e){var t=Ce.progress.played.bar,n=Ce.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=_(Ce.media.currentTime,Ce.media.duration),"timeupdate"==e.type&&Ce.buttons.seek&&(Ce.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=Ce.progress.buffer.bar,n=Ce.progress.buffer.text,r=function(){var e=Ce.media.buffered;return e&&e.length?_(e.end(0),Ce.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function ye(e,t){if(t){isNaN(e)&&(e=0),Ce.secs=parseInt(e%60),Ce.mins=parseInt(e/60%60),Ce.hours=parseInt(e/60/60%60);var n=parseInt(Ce.media.duration/60/60%60)>0;Ce.secs=("0"+Ce.secs).slice(-2),Ce.mins=("0"+Ce.mins).slice(-2),t.innerHTML=(n?Ce.hours+":":"")+Ce.mins+":"+Ce.secs}}function be(){if(Ce.supported.full){var e=Ce.media.duration||0;!Ce.duration&&N.displayDuration&&Ce.media.paused&&ye(e,Ce.currentTime),Ce.duration&&ye(e,Ce.duration)}}function ve(e){ye(Ce.media.currentTime,Ce.currentTime),e&&"timeupdate"==e.type&&Ce.media.seeking||me(e)}function ge(e){if("undefined"!=typeof e)return void he(e);var t;switch(Ce.type){case"youtube":t=Ce.embed.getVideoUrl();break;case"vimeo":Ce.embed.api("getVideoUrl",function(e){t=e});break;default:t=Ce.media.currentSrc}return t||""}function he(n){if(!("undefined"!=typeof n&&"sources"in n&&n.sources.length))return void r("Invalid source format",!0);if(te(),"youtube"===Ce.type?(Ce.embed.destroy(),e.clearInterval(Ce.timer.buffering),e.clearInterval(Ce.timer.playing)):"video"===Ce.type&&Ce.videoContainer&&p(Ce.videoContainer),p(Ce.media),"type"in n&&(Ce.type=n.type,"video"===Ce.type)){var a=n.sources[0];"type"in a&&i(N.types.embed,a.type)&&(Ce.type=a.type)}switch(Ce.supported=I.supported(Ce.type),Ce.type){case"video":Ce.media=t.createElement("video");break;case"audio":Ce.media=t.createElement("audio");break;case"youtube":case"vimeo":Ce.media=t.createElement("div"),Ce.embedId=n.sources[0].src}d(Ce.container,Ce.media),i(N.types.html5,Ce.type)&&(N.crossorigin&&Ce.media.setAttribute("crossorigin",""),N.autoplay&&Ce.media.setAttribute("autoplay",""),"poster"in n&&Ce.media.setAttribute("poster",n.poster),N.loop&&Ce.media.setAttribute("loop","")),Ce.container.className=Ce.originalClassName,b(Ce.container,N.classes.fullscreen.active,Ce.isFullscreen),b(Ce.container,N.classes.captions.active,Ce.captionsEnabled),W(),N.autoplay=n.autoplay||N.autoplay,i(N.types.html5,Ce.type)&&D("source",n.sources),K(),i(N.types.html5,Ce.type)&&("tracks"in n&&D("track",n.tracks),Ce.media.load(),be(),Fe()),N.autoplay&&ee(),"title"in n&&(N.title=n.title,z())}function ke(e){"video"===Ce.type&&Ce.media.setAttribute("poster",e)}function Te(){function n(){var e=Ce.media.paused;e?ee():te();var t=Ce.buttons[e?"play":"pause"],n=Ce.buttons[e?"pause":"play"];if(n){var r=v(t,N.classes.tabFocus);setTimeout(function(){n.focus(),r&&(b(t,N.classes.tabFocus,!1),b(n,N.classes.tabFocus,!0))},100)}}function r(){var e=t.activeElement;e&&e!=t.body?t.querySelector&&(e=t.querySelector(":focus")):e=null;for(var n in Ce.buttons){var r=Ce.buttons[n];b(r,N.classes.tabFocus,r===e)}}var a="IE"==Ce.browser.name?"change":"input";g(e,"keyup",function(e){var t=e.keyCode?e.keyCode:e.which;9==t&&r()}),g(t.body,"click",function(){b(H("."+N.classes.tabFocus),N.classes.tabFocus,!1)});for(var s in Ce.buttons){var o=Ce.buttons[s];g(o,"blur",function(){b(o,"tab-focus",!1)})}k(Ce.buttons.play,"click",N.handlers.play,n),k(Ce.buttons.pause,"click",N.handlers.pause,n),k(Ce.buttons.restart,"click",N.handlers.restart,se),k(Ce.buttons.rewind,"click",N.handlers.rewind,re),k(Ce.buttons.forward,"click",N.handlers.forward,ae),k(Ce.buttons.seek,a,N.handlers.seek,se),k(Ce.volume,a,N.handlers.volume,function(){ce(Ce.volume.value)}),k(Ce.buttons.mute,"click",N.handlers.mute,ue),k(Ce.buttons.fullscreen,"click",N.handlers.fullscreen,ie),A.supportsFullScreen&&g(t,A.fullScreenEventName,ie),g(Ce.buttons.captions,"click",de),"video"===Ce.type&&N.click&&g(Ce.videoContainer,"click",function(){Ce.media.paused?ee():Ce.media.ended?(se(),ee()):te()})}function we(){g(Ce.media,"timeupdate seeking",ve),g(Ce.media,"timeupdate",S),g(Ce.media,"loadedmetadata",be),g(Ce.media,"ended",function(){"video"===Ce.type&&(Ce.captionsContainer.innerHTML=""),oe()}),g(Ce.media,"progress playing",me),g(Ce.media,"volumechange",pe),g(Ce.media,"play pause",oe),g(Ce.media,"waiting canplay seeked",fe)}function xe(){if(!Ce.init)return null;if(Ce.container.setAttribute("class",y(N.selectors.container)),Ce.init=!1,p(H(N.selectors.controls.wrapper)),"youtube"===Ce.type)return void Ce.embed.destroy();"video"===Ce.type&&(p(H(N.selectors.captions)),c(Ce.videoContainer)),$(!0);var e=Ce.media.cloneNode(!0);Ce.media.parentNode.replaceChild(e,Ce.media)}function _e(){if(Ce.init)return null;A=C(),Ce.browser=a(),Ce.media=Ce.container.querySelectorAll("audio, video, div")[0],Ce.originalClassName=Ce.container.className;var e=Ce.media.tagName.toLowerCase();if("div"===e?(Ce.type=Ce.media.getAttribute("data-type"),Ce.embedId=Ce.media.getAttribute("data-video-id"),Ce.media.removeAttribute("data-type"),Ce.media.removeAttribute("data-video-id")):(Ce.type=e,N.crossorigin=null!==Ce.media.getAttribute("crossorigin"),N.autoplay=N.autoplay||null!==Ce.media.getAttribute("autoplay"),N.loop=N.loop||null!==Ce.media.getAttribute("loop")),Ce.supported=I.supported(Ce.type),W(),!Ce.supported.basic)return!1;if(r(Ce.browser.name+" "+Ce.browser.version),K(),i(N.types.html5,Ce.type)){if(!Ce.supported.full)return void(Ce.init=!0);Fe(),z()}Ce.init=!0}function Fe(){if(!Ce.supported.full)return r("No full support for this media type ("+Ce.type+")",!0),p(H(N.selectors.controls.wrapper)),void $(!0);var e=!q(N.selectors.controls.wrapper).length;e&&B(),Y()&&(e&&Te(),we(),$(),Z(),Q(),ce(),pe(),ve(),oe())}var Ce=this;return Ce.container=F,_e(),Ce.init?{media:Ce.media,play:ee,pause:te,restart:se,rewind:re,forward:ae,seek:se,source:ge,poster:ke,setVolume:ce,togglePlay:ne,toggleMute:ue,toggleCaptions:de,toggleFullscreen:ie,isFullscreen:function(){return Ce.isFullscreen||!1},support:function(e){return s(Ce,e)},destroy:xe,restore:_e}:{}}var A,N,I={},P={enabled:!0,debug:!1,autoplay:!1,loop:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".plyr",controls:{container:null,wrapper:".plyr__controls"},labels:"[data-plyr] .sr-only, label .sr-only",buttons:{seek:'[data-plyr="seek"]',play:'[data-plyr="play"]',pause:'[data-plyr="pause"]',restart:'[data-plyr="restart"]',rewind:'[data-plyr="rewind"]',forward:'[data-plyr="fast-forward"]',mute:'[data-plyr="mute"]',volume:'[data-plyr="volume"]',captions:'[data-plyr="captions"]',fullscreen:'[data-plyr="fullscreen"]'},progress:{container:".plyr__progress",buffer:".plyr__progress--buffer",played:".plyr__progress--played"},captions:".plyr__captions",currentTime:".plyr__time--current",duration:".plyr__time--duration"},classes:{videoWrapper:"plyr__video-wrapper",embedWrapper:"plyr__video-embed",type:"plyr--{0}",stopped:"plyr--stopped",playing:"plyr--playing",muted:"plyr--muted",loading:"plyr--loading",hover:"plyr--hover",tooltip:"plyr__tooltip",hidden:"plyr__sr-only",isIos:"plyr--is-ios",isTouch:"plyr--is-touch",captions:{enabled:"plyr--captions-enabled",active:"plyr--captions-active"},fullscreen:{enabled:"plyr--fullscreen-enabled",active:"plyr--fullscreen-active",hideControls:"plyr--fullscreen--hide-controls"},tabFocus:"tab-focus"},handlers:{seek:null,play:null,pause:null,restart:null,rewind:null,forward:null,mute:null,volume:null,captions:null,fullscreen:null},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0,allowAudio:!1},storage:{enabled:!0,key:"plyr_volume"},controls:["restart","rewind","play","fast-forward","current-time","duration","mute","volume","captions","fullscreen"],i18n:{restart:"Restart",rewind:"Rewind {seektime} secs",play:"Play",pause:"Pause",forward:"Forward {seektime} secs",played:"played",buffered:"buffered",currentTime:"Current time",duration:"Duration",volume:"Volume",toggleMute:"Toggle Mute",toggleCaptions:"Toggle Captions",toggleFullscreen:"Toggle Fullscreen",frameTitle:"Player for {title}"},types:{embed:["youtube","vimeo"],html5:["video","audio"]},urls:{vimeo:{api:"https://cdn.plyr.io/froogaloop/1.0.0/plyr.froogaloop.js"},youtube:{api:"https://www.youtube.com/iframe_api"}}};return I.supported=function(e){var n,r,s=a(),o="IE"===s.name&&s.version<=9,i=/iPhone|iPod/i.test(navigator.userAgent),l=!!t.createElement("audio").canPlayType,u=!!t.createElement("video").canPlayType;switch(e){case"video":n=u,r=n&&!o&&!i;break;case"audio":n=l,r=n&&!o;break;case"vimeo":case"youtube":n=!0,r=!o&&!i;break;default:n=l&&u,r=n&&!o}return{basic:n,full:r}},I.setup=function(e,n){var r=[];if("string"==typeof e?e=t.querySelectorAll(e):e instanceof HTMLElement?e=[e]:e instanceof NodeList||"string"==typeof e||("undefined"==typeof n&&"object"==typeof e&&(n=e),e=t.querySelectorAll(P.selectors.container)),N=F(P,n),!N.enabled||!I.supported().basic||!e.length)return!1;for(var a=e.length-1;a>=0;a--){var s=e[a];if("undefined"==typeof s.plyr){var o=new S(s);s.plyr=Object.keys(o).length?o:!1,"function"==typeof N.onSetup&&N.onSetup.apply(s.plyr)}r.push(s.plyr)}return r},I}); \ No newline at end of file
+!function(e,t){"use strict";"function"==typeof define&&define.amd?define(null,function(){t(e,document)}):"object"==typeof module?module.exports=t(e,document):e.plyr=t(e,document)}(this,function(e,t){"use strict";function n(){var e=['<div class="plyr__controls">','<div class="plyr__progress">','<label for="seek{id}" class="plyr__sr-only">Seek</label>','<input id="seek{id}" class="plyr__progress--seek" type="range" min="0" max="100" step="0.5" value="0" data-plyr="seek">','<progress class="plyr__progress--played" max="100" value="0">',"<span>0</span>% "+N.i18n.played,"</progress>",'<progress class="plyr__progress--buffer" max="100" value="0">',"<span>0</span>% "+N.i18n.buffered,"</progress>","</div>",'<span class="plyr__controls--left">'];return i(N.controls,"restart")&&e.push('<button type="button" data-plyr="restart">','<svg><use xlink:href="#'+N.iconPrefix+'-restart" /></svg>','<span class="plyr__sr-only">'+N.i18n.restart+"</span>","</button>"),i(N.controls,"rewind")&&e.push('<button type="button" data-plyr="rewind">','<svg><use xlink:href="#'+N.iconPrefix+'-rewind" /></svg>','<span class="plyr__sr-only">'+N.i18n.rewind+"</span>","</button>"),i(N.controls,"play")&&e.push('<button type="button" data-plyr="play">','<svg><use xlink:href="#'+N.iconPrefix+'-play" /></svg>','<span class="plyr__sr-only">'+N.i18n.play+"</span>","</button>",'<button type="button" data-plyr="pause">','<svg><use xlink:href="#'+N.iconPrefix+'-pause" /></svg>','<span class="plyr__sr-only">'+N.i18n.pause+"</span>","</button>"),i(N.controls,"fast-forward")&&e.push('<button type="button" data-plyr="fast-forward">','<svg><use xlink:href="#'+N.iconPrefix+'-fast-forward" /></svg>','<span class="plyr__sr-only">'+N.i18n.forward+"</span>","</button>"),i(N.controls,"current-time")&&e.push('<span class="plyr__time">','<span class="plyr__sr-only">'+N.i18n.currentTime+"</span>",'<span class="plyr__time--current">00:00</span>',"</span>"),i(N.controls,"duration")&&e.push('<span class="plyr__time">','<span class="plyr__sr-only">'+N.i18n.duration+"</span>",'<span class="plyr__time--duration">00:00</span>',"</span>"),e.push("</span>",'<span class="plyr__controls--right">'),i(N.controls,"mute")&&e.push('<button type="button" data-plyr="mute">','<svg class="icon--muted"><use xlink:href="#'+N.iconPrefix+'-muted" /></svg>','<svg><use xlink:href="#'+N.iconPrefix+'-volume" /></svg>','<span class="plyr__sr-only">'+N.i18n.toggleMute+"</span>","</button>"),i(N.controls,"volume")&&e.push('<label for="volume{id}" class="plyr__sr-only">'+N.i18n.volume+"</label>",'<input id="volume{id}" class="plyr__volume" type="range" min="0" max="10" value="5" data-plyr="volume">'),i(N.controls,"captions")&&e.push('<button type="button" data-plyr="captions">','<svg class="icon--captions-on"><use xlink:href="#'+N.iconPrefix+'-captions-on" /></svg>','<svg><use xlink:href="#'+N.iconPrefix+'-captions-off" /></svg>','<span class="plyr__sr-only">'+N.i18n.toggleCaptions+"</span>","</button>"),i(N.controls,"fullscreen")&&e.push('<button type="button" data-plyr="fullscreen">','<svg class="icon--exit-fullscreen"><use xlink:href="#'+N.iconPrefix+'-exit-fullscreen" /></svg>','<svg><use xlink:href="#'+N.iconPrefix+'-enter-fullscreen" /></svg>','<span class="plyr__sr-only">'+N.i18n.toggleFullscreen+"</span>","</button>"),e.push("</span>","</div>"),e.join("")}function r(t,n){N.debug&&e.console&&console[n?"warn":"log"](t)}function a(){var e,n,r,a=navigator.userAgent,s=navigator.appName,o=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(s="IE",o="11;"):-1!==(n=a.indexOf("MSIE"))?(s="IE",o=a.substring(n+5)):-1!==(n=a.indexOf("Chrome"))?(s="Chrome",o=a.substring(n+7)):-1!==(n=a.indexOf("Safari"))?(s="Safari",o=a.substring(n+7),-1!==(n=a.indexOf("Version"))&&(o=a.substring(n+8))):-1!==(n=a.indexOf("Firefox"))?(s="Firefox",o=a.substring(n+8)):(e=a.lastIndexOf(" ")+1)<(n=a.lastIndexOf("/"))&&(s=a.substring(e,n),o=a.substring(n+1),s.toLowerCase()==s.toUpperCase()&&(s=navigator.appName)),-1!==(r=o.indexOf(";"))&&(o=o.substring(0,r)),-1!==(r=o.indexOf(" "))&&(o=o.substring(0,r)),i=parseInt(""+o,10),isNaN(i)&&(o=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10)),{name:s,version:i,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform),touch:"ontouchstart"in t.documentElement}}function s(e,t){var n=e.media;if("video"==e.type)switch(t){case"video/webm":return!(!n.canPlayType||!n.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/no/,""));case"video/mp4":return!(!n.canPlayType||!n.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/,""));case"video/ogg":return!(!n.canPlayType||!n.canPlayType('video/ogg; codecs="theora"').replace(/no/,""))}else if("audio"==e.type)switch(t){case"audio/mpeg":return!(!n.canPlayType||!n.canPlayType("audio/mpeg;").replace(/no/,""));case"audio/ogg":return!(!n.canPlayType||!n.canPlayType('audio/ogg; codecs="vorbis"').replace(/no/,""));case"audio/wav":return!(!n.canPlayType||!n.canPlayType('audio/wav; codecs="1"').replace(/no/,""))}return!1}function o(e){if(!t.querySelectorAll('script[src="'+e+'"]').length){var n=t.createElement("script");n.src=e;var r=t.getElementsByTagName("script")[0];r.parentNode.insertBefore(n,r)}}function i(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function l(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?\^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function u(e,t){e.length||(e=[e]);for(var n=e.length-1;n>=0;n--){var r=n>0?t.cloneNode(!0):t,a=e[n],s=a.parentNode,o=a.nextSibling;r.appendChild(a),o?s.insertBefore(r,o):s.appendChild(r)}}function c(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function p(e){e&&e.parentNode.removeChild(e)}function d(e,t){e.insertBefore(t,e.firstChild)}function f(e,t){for(var n in t)e.setAttribute(n,"boolean"==typeof t[n]&&t[n]?"":t[n])}function m(e,n,r){var a=t.createElement(e);f(a,r),d(n,a)}function y(e){return e.replace(".","")}function b(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function v(e,t){return e?e.classList?e.classList.contains(t):new RegExp("(\\s|^)"+t+"(\\s|$)").test(e.className):!1}function g(e,t,n){e&&T(e,t,n,!0)}function h(e,t,n){e&&T(e,t,n,!1)}function k(e,t,n,r){g(e,t,function(t){n&&n.apply(e,[t]),r.apply(e,[t])})}function T(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;s<e.length;s++)e[s]instanceof Node&&T(e[s],arguments[1],arguments[2],arguments[3]);else for(var o=0;o<a.length;o++)e[r?"addEventListener":"removeEventListener"](a[o],n,!1)}function w(e,n){if(e&&n){var r=t.createEvent("MouseEvents");r.initEvent(n,!0,!0),e.dispatchEvent(r)}}function x(e,t){return e?(t="boolean"==typeof t?t:!e.getAttribute("aria-pressed"),e.setAttribute("aria-pressed",t),t):void 0}function _(e,t){return 0===e||0===t||isNaN(e)||isNaN(t)?0:(e/t*100).toFixed(2)}function F(e,t){for(var n in t)t[n]&&t[n].constructor&&t[n].constructor===Object?(e[n]=e[n]||{},F(e[n],t[n])):e[n]=t[n];return e}function C(){var e={supportsFullScreen:!1,isFullScreen:function(){return!1},requestFullScreen:function(){},cancelFullScreen:function(){},fullScreenEventName:"",element:null,prefix:""},n="webkit moz o ms khtml".split(" ");if("undefined"!=typeof t.cancelFullScreen)e.supportsFullScreen=!0;else for(var r=0,a=n.length;a>r;r++){if(e.prefix=n[r],"undefined"!=typeof t[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof t.msExitFullscreen&&t.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=t.body),this.prefix){case"":return t.fullscreenElement==e;case"moz":return t.mozFullScreenElement==e;default:return t[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=t.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?t.cancelFullScreen():t[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?t.fullscreenElement:t[this.prefix+"FullscreenElement"]}),e}function E(){var t={supported:function(){if(!("localStorage"in e))return!1;try{e.localStorage.setItem("___test","OK");var t=e.localStorage.getItem("___test");return e.localStorage.removeItem("___test"),"OK"===t}catch(n){return!1}return!1}()};return t}function S(F){function S(e){if(!Ce.usingTextTracks&&"video"===Ce.type&&Ce.supported.full&&(Ce.subcount=0,e="number"==typeof e?e:Ce.media.currentTime,Ce.captions[Ce.subcount])){for(;O(Ce.captions[Ce.subcount][0])<e.toFixed(1);)if(Ce.subcount++,Ce.subcount>Ce.captions.length-1){Ce.subcount=Ce.captions.length-1;break}if(Ce.media.currentTime.toFixed(1)>=L(Ce.captions[Ce.subcount][0])&&Ce.media.currentTime.toFixed(1)<=O(Ce.captions[Ce.subcount][0])){Ce.currentCaption=Ce.captions[Ce.subcount][1];var t=Ce.currentCaption.trim();Ce.captionsContainer.innerHTML!=t&&(Ce.captionsContainer.innerHTML="",Ce.captionsContainer.innerHTML=t)}else Ce.captionsContainer.innerHTML=""}}function M(){Ce.buttons.captions&&(b(Ce.container,N.classes.captions.enabled,!0),N.captions.defaultActive&&(b(Ce.container,N.classes.captions.active,!0),x(Ce.buttons.captions,!0)))}function L(e){var t=[];return t=e.split(" --> "),V(t[0])}function O(e){var t=[];return t=e.split(" --> "),V(t[1])}function V(e){if(null===e||void 0===e)return 0;var t,n=[],r=[];return n=e.split(","),r=n[0].split(":"),t=Math.floor(60*r[0]*60)+Math.floor(60*r[1])+Math.floor(r[2])}function q(e){return Ce.container.querySelectorAll(e)}function H(e){return q(e)[0]}function R(){try{return e.self!==e.top}catch(t){return!0}}function j(){function e(e){9===e.which&&Ce.isFullscreen&&(e.target!==r||e.shiftKey?e.target===n&&e.shiftKey&&(e.preventDefault(),r.focus()):(e.preventDefault(),n.focus()))}var t=q("input:not([disabled]), button:not([disabled])"),n=t[0],r=t[t.length-1];g(Ce.container,"keydown",e)}function D(e,t){if("string"==typeof t)m(e,Ce.media,{src:t});else if(t.constructor===Array)for(var n=t.length-1;n>=0;n--)m(e,Ce.media,t[n])}function B(){var e=N.html;r("Injecting custom controls"),e||(e=n()),e=l(e,"{seektime}",N.seekTime),e=l(e,"{id}",Math.floor(1e4*Math.random()));var a;if(null!==N.selectors.controls.container&&(a=N.selectors.controls.container,"string"==typeof selector&&(a=t.querySelector(a))),a instanceof HTMLElement||(a=Ce.container),a.insertAdjacentHTML("beforeend",e),N.tooltips)for(var s=q(N.selectors.labels),o=s.length-1;o>=0;o--){var i=s[o];b(i,N.classes.hidden,!1),b(i,N.classes.tooltip,!0)}}function Y(){try{return Ce.controls=H(N.selectors.controls.wrapper),Ce.buttons={},Ce.buttons.seek=H(N.selectors.buttons.seek),Ce.buttons.play=H(N.selectors.buttons.play),Ce.buttons.pause=H(N.selectors.buttons.pause),Ce.buttons.restart=H(N.selectors.buttons.restart),Ce.buttons.rewind=H(N.selectors.buttons.rewind),Ce.buttons.forward=H(N.selectors.buttons.forward),Ce.buttons.fullscreen=H(N.selectors.buttons.fullscreen),Ce.buttons.volume=H(N.selectors.buttons.volume),Ce.buttons.mute=H(N.selectors.buttons.mute),Ce.buttons.captions=H(N.selectors.buttons.captions),Ce.checkboxes=q('[type="checkbox"]'),Ce.progress={},Ce.progress.container=H(N.selectors.progress.container),Ce.progress.buffer={},Ce.progress.buffer.bar=H(N.selectors.progress.buffer),Ce.progress.buffer.text=Ce.progress.buffer.bar&&Ce.progress.buffer.bar.getElementsByTagName("span")[0],Ce.progress.played={},Ce.progress.played.bar=H(N.selectors.progress.played),Ce.progress.played.text=Ce.progress.played.bar&&Ce.progress.played.bar.getElementsByTagName("span")[0],Ce.volume=H(N.selectors.buttons.volume),Ce.duration=H(N.selectors.duration),Ce.currentTime=H(N.selectors.currentTime),Ce.seekTime=q(N.selectors.seekTime),!0}catch(e){return r("It looks like there is a problem with your controls html",!0),$(!0),!1}}function W(){b(Ce.container,P.selectors.container.replace(".",""),Ce.supported.full)}function $(e){e?Ce.media.setAttribute("controls",""):Ce.media.removeAttribute("controls")}function z(e){var t=N.i18n.play;"undefined"!=typeof N.title&&N.title.length&&(t+=", "+N.title),Ce.supported.full&&Ce.buttons.play&&Ce.buttons.play.setAttribute("aria-label",t),e instanceof HTMLElement&&e.setAttribute("title",N.i18n.frameTitle.replace("{title}",N.title))}function K(){if(!Ce.media)return r("No audio or video element found",!0),!1;if(Ce.supported.full&&(b(Ce.container,N.classes.type.replace("{0}",Ce.type),!0),b(Ce.container,N.classes.stopped,N.autoplay),b(Ce.container,N.classes.isIos,Ce.browser.ios),b(Ce.container,N.classes.isTouch,Ce.browser.touch),"video"===Ce.type)){var e=t.createElement("div");e.setAttribute("class",N.classes.videoWrapper),u(Ce.media,e),Ce.videoContainer=e}i(N.types.embed,Ce.type)?(U(),Ce.embedId=null):N.autoplay&&ee()}function U(){for(var n=t.createElement("div"),r=Ce.embedId,a=Ce.type+"-"+Math.floor(1e4*Math.random()),s=q('[id^="'+Ce.type+'-"]'),i=s.length-1;i>=0;i--)p(s[i]);if(b(Ce.media,N.classes.videoWrapper,!0),b(Ce.media,N.classes.embedWrapper,!0),"youtube"===Ce.type)Ce.media.appendChild(n),n.setAttribute("id",a),"object"==typeof YT?J(r,n):(o(N.urls.youtube.api),e.onYouTubeReadyCallbacks=e.onYouTubeReadyCallbacks||[],e.onYouTubeReadyCallbacks.push(function(){J(r,n)}),e.onYouTubeIframeAPIReady=function(){e.onYouTubeReadyCallbacks.forEach(function(e){e()})});else if("vimeo"===Ce.type){var l=t.createElement("iframe");l.loaded=!1,g(l,"load",function(){l.loaded=!0}),f(l,{src:"https://player.vimeo.com/video/"+r+"?player_id="+a+"&api=1&badge=0&byline=0&portrait=0&title=0",id:a,webkitallowfullscreen:"",mozallowfullscreen:"",allowfullscreen:"",frameborder:0}),Ce.supported.full?(n.appendChild(l),Ce.media.appendChild(n)):Ce.media.appendChild(l),"$f"in e||o(N.urls.vimeo.api);var u=e.setInterval(function(){"$f"in e&&l.loaded&&(e.clearInterval(u),G.call(l))},50)}}function X(){Fe(),z(H("iframe"))}function J(t,n){"timer"in Ce||(Ce.timer={}),Ce.embed=new YT.Player(n.id,{videoId:t,playerVars:{autoplay:0,controls:Ce.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_load_policy:N.captions.defaultActive?1:0,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1,origin:"*"},events:{onReady:function(t){var n=t.target;Ce.media.play=function(){n.playVideo(),Ce.media.paused=!1},Ce.media.pause=function(){n.pauseVideo(),Ce.media.paused=!0},Ce.media.stop=function(){n.stopVideo(),Ce.media.paused=!0},Ce.media.duration=n.getDuration(),Ce.media.paused=!0,Ce.media.currentTime=n.getCurrentTime(),Ce.media.muted=n.isMuted(),w(Ce.media,"timeupdate"),e.clearInterval(Ce.timer.buffering),Ce.timer.buffering=e.setInterval(function(){Ce.media.buffered=n.getVideoLoadedFraction(),w(Ce.media,"progress"),1===Ce.media.buffered&&e.clearInterval(Ce.timer.buffering)},200),X(),be()},onStateChange:function(t){var n=t.target;switch(e.clearInterval(Ce.timer.playing),t.data){case 0:Ce.media.paused=!0,w(Ce.media,"ended");break;case 1:Ce.media.paused=!1,Ce.media.seeking=!1,w(Ce.media,"play"),Ce.timer.playing=e.setInterval(function(){Ce.media.currentTime=n.getCurrentTime(),w(Ce.media,"timeupdate")},100);break;case 2:Ce.media.paused=!0,w(Ce.media,"pause")}}}})}function G(){Ce.embed=$f(this),Ce.embed.addEvent("ready",function(){Ce.media.play=function(){Ce.embed.api("play"),Ce.media.paused=!1},Ce.media.pause=function(){Ce.embed.api("pause"),Ce.media.paused=!0},Ce.media.stop=function(){Ce.embed.api("stop"),Ce.media.paused=!0},Ce.media.paused=!0,Ce.media.currentTime=0,X(),Ce.embed.api("getCurrentTime",function(e){Ce.media.currentTime=e,w(Ce.media,"timeupdate")}),Ce.embed.api("getDuration",function(e){Ce.media.duration=e,be()}),Ce.embed.addEvent("play",function(){Ce.media.paused=!1,w(Ce.media,"play")}),Ce.embed.addEvent("pause",function(){Ce.media.paused=!0,w(Ce.media,"pause")}),Ce.embed.addEvent("playProgress",function(e){Ce.media.seeking=!1,Ce.media.currentTime=e.seconds,w(Ce.media,"timeupdate")}),Ce.embed.addEvent("loadProgress",function(e){Ce.media.buffered=e.percent,w(Ce.media,"progress")}),Ce.embed.addEvent("finish",function(){Ce.media.paused=!0,w(Ce.media,"ended")})})}function Q(){if("video"===Ce.type){H(N.selectors.captions)||Ce.videoContainer.insertAdjacentHTML("afterbegin",'<div class="'+y(N.selectors.captions)+'"><span></span></div>'),Ce.captionsContainer=H(N.selectors.captions).querySelector("span"),Ce.usingTextTracks=!1,Ce.media.textTracks&&(Ce.usingTextTracks=!0);for(var e,t="",n=Ce.media.childNodes,a=0;a<n.length;a++)"track"===n[a].nodeName.toLowerCase()&&(e=n[a].kind,("captions"===e||"subtitles"===e)&&(t=n[a].getAttribute("src")));if(Ce.captionExists=!0,""===t?(Ce.captionExists=!1,r("No caption track found")):r("Caption track found; URI: "+t),Ce.captionExists){for(var s=Ce.media.textTracks,o=0;o<s.length;o++)s[o].mode="hidden";if(M(Ce),("IE"===Ce.browser.name&&Ce.browser.version>=10||"Firefox"===Ce.browser.name&&Ce.browser.version>=31||"Chrome"===Ce.browser.name&&Ce.browser.version>=43||"Safari"===Ce.browser.name&&Ce.browser.version>=7)&&(r("Detected unsupported browser for HTML5 captions - using fallback"),Ce.usingTextTracks=!1),Ce.usingTextTracks){r("TextTracks supported");for(var i=0;i<s.length;i++){var l=s[i];("captions"===l.kind||"subtitles"===l.kind)&&g(l,"cuechange",function(){Ce.captionsContainer.innerHTML="",this.activeCues[0]&&this.activeCues[0].hasOwnProperty("text")&&Ce.captionsContainer.appendChild(this.activeCues[0].getCueAsHTML().trim())})}}else if(r("TextTracks not supported so rendering captions manually"),Ce.currentCaption="",Ce.captions=[],""!==t){var u=new XMLHttpRequest;u.onreadystatechange=function(){if(4===u.readyState)if(200===u.status){var e,t=[],n=u.responseText;t=n.split("\n\n");for(var a=0;a<t.length;a++)e=t[a],Ce.captions[a]=[],Ce.captions[a]=e.split("\n");Ce.captions.shift(),r("Successfully loaded the caption file via AJAX")}else r("There was a problem loading the caption file via AJAX",!0)},u.open("get",t,!0),u.send()}if("Safari"===Ce.browser.name&&Ce.browser.version>=7){r("Safari 7+ detected; removing track from DOM"),s=Ce.media.getElementsByTagName("track");for(var c=0;c<s.length;c++)Ce.media.removeChild(s[c])}}else b(Ce.container,N.classes.captions.enabled)}}function Z(){if(Ce.supported.full&&("audio"!=Ce.type||N.fullscreen.allowAudio)&&N.fullscreen.enabled){var e=A.supportsFullScreen;e||N.fullscreen.fallback&&!R()?(r((e?"Native":"Fallback")+" fullscreen enabled"),b(Ce.container,N.classes.fullscreen.enabled,!0)):r("Fullscreen not supported and fallback disabled"),x(Ce.buttons.fullscreen,!1),j(),N.fullscreen.hideControls&&b(Ce.container,N.classes.fullscreen.hideControls,!0)}}function ee(){"play"in Ce.media&&Ce.media.play()}function te(){"pause"in Ce.media&&Ce.media.pause()}function ne(e){e===!0?ee():e===!1?te():Ce.media[Ce.media.paused?"play":"pause"]()}function re(e){"number"!=typeof e&&(e=N.seekTime),se(Ce.media.currentTime-e)}function ae(e){"number"!=typeof e&&(e=N.seekTime),se(Ce.media.currentTime+e)}function se(e){var t=0,n=Ce.media.paused;"number"==typeof e?t=e:"object"!=typeof e||"input"!==e.type&&"change"!==e.type||(t=e.target.value/e.target.max*Ce.media.duration),0>t?t=0:t>Ce.media.duration&&(t=Ce.media.duration);try{Ce.media.currentTime=t.toFixed(1)}catch(a){}if(i(N.types.embed,Ce.type)){switch(Ce.type){case"youtube":Ce.embed.seekTo(t);break;case"vimeo":Ce.embed.api("seekTo",t.toFixed(0))}n&&te(),w(Ce.media,"timeupdate"),Ce.media.seeking=!0}r("Seeking to "+Ce.media.currentTime+" seconds"),S(t)}function oe(){b(Ce.container,N.classes.playing,!Ce.media.paused),b(Ce.container,N.classes.stopped,Ce.media.paused)}function ie(n){function r(){b(Ce.container,N.classes.hover,!0),e.clearTimeout(o),i||(o=e.setTimeout(function(){b(Ce.container,N.classes.hover,!1)},2e3))}function a(e){i="mouseenter"===e.type}var s=A.supportsFullScreen;n&&n.type===A.fullScreenEventName?Ce.isFullscreen=A.isFullScreen(Ce.container):s?(A.isFullScreen(Ce.container)?A.cancelFullScreen():A.requestFullScreen(Ce.container),Ce.isFullscreen=A.isFullScreen(Ce.container)):(Ce.isFullscreen=!Ce.isFullscreen,Ce.isFullscreen?(g(t,"keyup",le),t.body.style.overflow="hidden"):(h(t,"keyup",le),t.body.style.overflow="")),b(Ce.container,N.classes.fullscreen.active,Ce.isFullscreen),Ce.isFullscreen?Ce.container.setAttribute("tabindex","-1"):Ce.container.removeAttribute("tabindex"),j(Ce.isFullscreen),x(Ce.buttons.fullscreen,Ce.isFullscreen);var o,i=!1;N.fullscreen.hideControls&&(b(Ce.controls,N.classes.hover,!1),T(Ce.controls,"mouseenter mouseleave",a,Ce.isFullscreen),T(Ce.container,"mousemove",r,Ce.isFullscreen))}function le(e){27===(e.which||e.charCode||e.keyCode)&&Ce.isFullscreen&&ie()}function ue(e){if("boolean"!=typeof e&&(e=!Ce.media.muted),x(Ce.buttons.mute,e),Ce.media.muted=e,i(N.types.embed,Ce.type)){switch(Ce.type){case"youtube":Ce.embed[Ce.media.muted?"mute":"unMute"]();break;case"vimeo":Ce.embed.api("setVolume",Ce.media.muted?0:parseFloat(N.volume/10))}w(Ce.media,"volumechange")}}function ce(t){if("undefined"==typeof t&&(t=N.storage.enabled&&E().supported?e.localStorage[N.storage.key]||N.volume:N.volume),t>10&&(t=10),0>t&&(t=0),Ce.media.volume=parseFloat(t/10),N.volume=t,i(N.types.embed,Ce.type)){switch(Ce.type){case"youtube":Ce.embed.setVolume(100*Ce.media.volume);break;case"vimeo":Ce.embed.api("setVolume",Ce.media.volume)}w(Ce.media,"volumechange")}Ce.media.muted&&t>0&&ue()}function pe(){var t=Ce.media.muted?0:10*Ce.media.volume;Ce.supported.full&&Ce.volume&&(Ce.volume.value=t),N.storage.enabled&&E().supported&&e.localStorage.setItem(N.storage.key,t),b(Ce.container,N.classes.muted,0===t),Ce.supported.full&&Ce.buttons.mute&&x(Ce.buttons.mute,0===t)}function de(e){Ce.supported.full&&Ce.buttons.captions&&("boolean"!=typeof e&&(e=-1===Ce.container.className.indexOf(N.classes.captions.active)),Ce.captionsEnabled=e,x(Ce.buttons.captions,Ce.captionsEnabled),b(Ce.container,N.classes.captions.active,Ce.captionsEnabled))}function fe(e){var t="waiting"===e.type;clearTimeout(Ce.loadingTimer),Ce.loadingTimer=setTimeout(function(){b(Ce.container,N.classes.loading,t)},t?250:0)}function me(e){var t=Ce.progress.played.bar,n=Ce.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=_(Ce.media.currentTime,Ce.media.duration),"timeupdate"==e.type&&Ce.buttons.seek&&(Ce.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=Ce.progress.buffer.bar,n=Ce.progress.buffer.text,r=function(){var e=Ce.media.buffered;return e&&e.length?_(e.end(0),Ce.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function ye(e,t){if(t){isNaN(e)&&(e=0),Ce.secs=parseInt(e%60),Ce.mins=parseInt(e/60%60),Ce.hours=parseInt(e/60/60%60);var n=parseInt(Ce.media.duration/60/60%60)>0;Ce.secs=("0"+Ce.secs).slice(-2),Ce.mins=("0"+Ce.mins).slice(-2),t.innerHTML=(n?Ce.hours+":":"")+Ce.mins+":"+Ce.secs}}function be(){if(Ce.supported.full){var e=Ce.media.duration||0;!Ce.duration&&N.displayDuration&&Ce.media.paused&&ye(e,Ce.currentTime),Ce.duration&&ye(e,Ce.duration)}}function ve(e){ye(Ce.media.currentTime,Ce.currentTime),e&&"timeupdate"==e.type&&Ce.media.seeking||me(e)}function ge(e){if("undefined"!=typeof e)return void he(e);var t;switch(Ce.type){case"youtube":t=Ce.embed.getVideoUrl();break;case"vimeo":Ce.embed.api("getVideoUrl",function(e){t=e});break;default:t=Ce.media.currentSrc}return t||""}function he(n){if(!("undefined"!=typeof n&&"sources"in n&&n.sources.length))return void r("Invalid source format",!0);if(te(),"youtube"===Ce.type?(Ce.embed.destroy(),e.clearInterval(Ce.timer.buffering),e.clearInterval(Ce.timer.playing)):"video"===Ce.type&&Ce.videoContainer&&p(Ce.videoContainer),p(Ce.media),"type"in n&&(Ce.type=n.type,"video"===Ce.type)){var a=n.sources[0];"type"in a&&i(N.types.embed,a.type)&&(Ce.type=a.type)}switch(Ce.supported=I.supported(Ce.type),Ce.type){case"video":Ce.media=t.createElement("video");break;case"audio":Ce.media=t.createElement("audio");break;case"youtube":case"vimeo":Ce.media=t.createElement("div"),Ce.embedId=n.sources[0].src}d(Ce.container,Ce.media),i(N.types.html5,Ce.type)&&(N.crossorigin&&Ce.media.setAttribute("crossorigin",""),N.autoplay&&Ce.media.setAttribute("autoplay",""),"poster"in n&&Ce.media.setAttribute("poster",n.poster),N.loop&&Ce.media.setAttribute("loop","")),Ce.container.className=Ce.originalClassName,b(Ce.container,N.classes.fullscreen.active,Ce.isFullscreen),b(Ce.container,N.classes.captions.active,Ce.captionsEnabled),W(),N.autoplay=n.autoplay||N.autoplay,i(N.types.html5,Ce.type)&&D("source",n.sources),K(),i(N.types.html5,Ce.type)&&("tracks"in n&&D("track",n.tracks),Ce.media.load(),be(),Fe()),N.autoplay&&ee(),"title"in n&&(N.title=n.title,z())}function ke(e){"video"===Ce.type&&Ce.media.setAttribute("poster",e)}function Te(){function n(){var e=Ce.media.paused;e?ee():te();var t=Ce.buttons[e?"play":"pause"],n=Ce.buttons[e?"pause":"play"];if(n){var r=v(t,N.classes.tabFocus);setTimeout(function(){n.focus(),r&&(b(t,N.classes.tabFocus,!1),b(n,N.classes.tabFocus,!0))},100)}}function r(){var e=t.activeElement;e&&e!=t.body?t.querySelector&&(e=t.querySelector(":focus")):e=null;for(var n in Ce.buttons){var r=Ce.buttons[n];b(r,N.classes.tabFocus,r===e)}}var a="IE"==Ce.browser.name?"change":"input";g(e,"keyup",function(e){var t=e.keyCode?e.keyCode:e.which;9==t&&r()}),g(t.body,"click",function(){b(H("."+N.classes.tabFocus),N.classes.tabFocus,!1)});for(var s in Ce.buttons){var o=Ce.buttons[s];g(o,"blur",function(){b(o,"tab-focus",!1)})}k(Ce.buttons.play,"click",N.handlers.play,n),k(Ce.buttons.pause,"click",N.handlers.pause,n),k(Ce.buttons.restart,"click",N.handlers.restart,se),k(Ce.buttons.rewind,"click",N.handlers.rewind,re),k(Ce.buttons.forward,"click",N.handlers.forward,ae),k(Ce.buttons.seek,a,N.handlers.seek,se),k(Ce.volume,a,N.handlers.volume,function(){ce(Ce.volume.value)}),k(Ce.buttons.mute,"click",N.handlers.mute,ue),k(Ce.buttons.fullscreen,"click",N.handlers.fullscreen,ie),A.supportsFullScreen&&g(t,A.fullScreenEventName,ie),g(Ce.buttons.captions,"click",de),"video"===Ce.type&&N.click&&g(Ce.videoContainer,"click",function(){Ce.media.paused?ee():Ce.media.ended?(se(),ee()):te()})}function we(){g(Ce.media,"timeupdate seeking",ve),g(Ce.media,"timeupdate",S),g(Ce.media,"loadedmetadata",be),g(Ce.media,"ended",function(){"video"===Ce.type&&(Ce.captionsContainer.innerHTML=""),oe()}),g(Ce.media,"progress playing",me),g(Ce.media,"volumechange",pe),g(Ce.media,"play pause",oe),g(Ce.media,"waiting canplay seeked",fe)}function xe(){if(!Ce.init)return null;if(Ce.container.setAttribute("class",y(N.selectors.container)),Ce.init=!1,p(H(N.selectors.controls.wrapper)),"youtube"===Ce.type)return void Ce.embed.destroy();"video"===Ce.type&&(p(H(N.selectors.captions)),c(Ce.videoContainer)),$(!0);var e=Ce.media.cloneNode(!0);Ce.media.parentNode.replaceChild(e,Ce.media)}function _e(){if(Ce.init)return null;A=C(),Ce.browser=a(),Ce.media=Ce.container.querySelectorAll("audio, video, div")[0],Ce.originalClassName=Ce.container.className;var e=Ce.media.tagName.toLowerCase();if("div"===e?(Ce.type=Ce.media.getAttribute("data-type"),Ce.embedId=Ce.media.getAttribute("data-video-id"),Ce.media.removeAttribute("data-type"),Ce.media.removeAttribute("data-video-id")):(Ce.type=e,N.crossorigin=null!==Ce.media.getAttribute("crossorigin"),N.autoplay=N.autoplay||null!==Ce.media.getAttribute("autoplay"),N.loop=N.loop||null!==Ce.media.getAttribute("loop")),Ce.supported=I.supported(Ce.type),W(),!Ce.supported.basic)return!1;if(r(Ce.browser.name+" "+Ce.browser.version),K(),i(N.types.html5,Ce.type)){if(!Ce.supported.full)return void(Ce.init=!0);Fe(),z()}Ce.init=!0}function Fe(){if(!Ce.supported.full)return r("No full support for this media type ("+Ce.type+")",!0),p(H(N.selectors.controls.wrapper)),void $(!0);var e=!q(N.selectors.controls.wrapper).length;e&&B(),Y()&&(e&&Te(),we(),$(),Z(),Q(),ce(),pe(),ve(),oe())}var Ce=this;return Ce.container=F,_e(),Ce.init?{media:Ce.media,play:ee,pause:te,restart:se,rewind:re,forward:ae,seek:se,source:ge,poster:ke,setVolume:ce,togglePlay:ne,toggleMute:ue,toggleCaptions:de,toggleFullscreen:ie,isFullscreen:function(){return Ce.isFullscreen||!1},support:function(e){return s(Ce,e)},destroy:xe,restore:_e}:{}}var A,N,I={},P={enabled:!0,debug:!1,autoplay:!1,loop:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".plyr",controls:{container:null,wrapper:".plyr__controls"},labels:"[data-plyr] .sr-only, label .sr-only",buttons:{seek:'[data-plyr="seek"]',play:'[data-plyr="play"]',pause:'[data-plyr="pause"]',restart:'[data-plyr="restart"]',rewind:'[data-plyr="rewind"]',forward:'[data-plyr="fast-forward"]',mute:'[data-plyr="mute"]',volume:'[data-plyr="volume"]',captions:'[data-plyr="captions"]',fullscreen:'[data-plyr="fullscreen"]'},progress:{container:".plyr__progress",buffer:".plyr__progress--buffer",played:".plyr__progress--played"},captions:".plyr__captions",currentTime:".plyr__time--current",duration:".plyr__time--duration"},classes:{videoWrapper:"plyr__video-wrapper",embedWrapper:"plyr__video-embed",type:"plyr--{0}",stopped:"plyr--stopped",playing:"plyr--playing",muted:"plyr--muted",loading:"plyr--loading",hover:"plyr--hover",tooltip:"plyr__tooltip",hidden:"plyr__sr-only",isIos:"plyr--is-ios",isTouch:"plyr--is-touch",captions:{enabled:"plyr--captions-enabled",active:"plyr--captions-active"},fullscreen:{enabled:"plyr--fullscreen-enabled",active:"plyr--fullscreen-active",hideControls:"plyr--fullscreen--hide-controls"},tabFocus:"tab-focus"},handlers:{seek:null,play:null,pause:null,restart:null,rewind:null,forward:null,mute:null,volume:null,captions:null,fullscreen:null},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0,allowAudio:!1},storage:{enabled:!0,key:"plyr_volume"},controls:["restart","rewind","play","fast-forward","current-time","duration","mute","volume","captions","fullscreen"],i18n:{restart:"Restart",rewind:"Rewind {seektime} secs",play:"Play",pause:"Pause",forward:"Forward {seektime} secs",played:"played",buffered:"buffered",currentTime:"Current time",duration:"Duration",volume:"Volume",toggleMute:"Toggle Mute",toggleCaptions:"Toggle Captions",toggleFullscreen:"Toggle Fullscreen",frameTitle:"Player for {title}"},types:{embed:["youtube","vimeo"],html5:["video","audio"]},urls:{vimeo:{api:"https://cdn.plyr.io/froogaloop/1.0.0/plyr.froogaloop.js"},youtube:{api:"https://www.youtube.com/iframe_api"}}};return I.supported=function(e){var n,r,s=a(),o="IE"===s.name&&s.version<=9,i=/iPhone|iPod/i.test(navigator.userAgent),l=!!t.createElement("audio").canPlayType,u=!!t.createElement("video").canPlayType;switch(e){case"video":n=u,r=n&&!o&&!i;break;case"audio":n=l,r=n&&!o;break;case"vimeo":case"youtube":n=!0,r=!o&&!i;break;default:n=l&&u,r=n&&!o}return{basic:n,full:r}},I.setup=function(e,n){var r=[];if("string"==typeof e?e=t.querySelectorAll(e):e instanceof HTMLElement?e=[e]:e instanceof NodeList||"string"==typeof e||("undefined"==typeof n&&"object"==typeof e&&(n=e),e=t.querySelectorAll(P.selectors.container)),N=F(P,n),!N.enabled||!I.supported().basic||!e.length)return!1;for(var a=e.length-1;a>=0;a--){var s=e[a];if("undefined"==typeof s.plyr){var o=new S(s);s.plyr=Object.keys(o).length?o:!1,"function"==typeof N.onSetup&&N.onSetup.apply(s.plyr)}r.push(s.plyr)}return r},I}); \ No newline at end of file
diff --git a/readme.md b/readme.md
index f0896467..cd398a7c 100644
--- a/readme.md
+++ b/readme.md
@@ -134,13 +134,19 @@ And the same for `<audio>`
</div>
```
-For YouTube, Plyr uses the standard YouTube API markup (an empty `<div>`):
+For YouTube and Vimeo, Plyr uses the standard YouTube API markup (an empty `<div>`):
```html
<div class="plyr">
- <div data-video-id="L1h9xxCU20g" data-type="youtube"></div>
+ <div data-video-id="bTqVqk7FSmY" data-type="youtube"></div>
</div>
```
+```html
+<div class="plyr">
+ <div data-video-id="143418951" data-type="vimeo"></div>
+</div>
+```
+
#### Cross Origin (CORS)
You'll notice the `crossorigin` attribute on the example `<video>` and `<audio>` elements. This is because the media is loaded from another domain. If your media is hosted on another domain, you may need to add this attribute.
diff --git a/src/js/plyr.js b/src/js/plyr.js
index ca160ac6..a1b4de27 100644
--- a/src/js/plyr.js
+++ b/src/js/plyr.js
@@ -1646,7 +1646,8 @@
break;
case 'vimeo':
- plyr.embed.api('seekTo', targetTime);
+ // Round to nearest second for vimeo
+ plyr.embed.api('seekTo', targetTime.toFixed(0));
break;
}
@@ -2214,8 +2215,8 @@
}
// Determine which buttons
- var trigger = plyr.buttons[play ? "play" : "pause"],
- target = plyr.buttons[play ? "pause" : "play"];
+ var trigger = plyr.buttons[play ? 'play' : 'pause'],
+ target = plyr.buttons[play ? 'pause' : 'play'];
// Setup focus and tab focus
if(target) {
@@ -2475,7 +2476,7 @@
function _setupInterface() {
// Don't setup interface if no support
if (!plyr.supported.full) {
- _log("No full support for this media type (" + plyr.type + ")", true);
+ _log('No full support for this media type (' + plyr.type + ')', true);
// Remove controls
_remove(_getElement(config.selectors.controls.wrapper));
diff --git a/src/less/plyr.less b/src/less/plyr.less
index fde725d7..c3240242 100644
--- a/src/less/plyr.less
+++ b/src/less/plyr.less
@@ -7,78 +7,78 @@
// -------------------------------
// Colors
-@blue: #3498DB;
-@gray-dark: #343F4A;
-@gray: #565D64;
-@gray-light: #6B7D86;
-@gray-lighter: #CBD0D3;
-@off-white: #D6DADD;
+@plyr-blue: #3498DB;
+@plyr-gray-dark: #343F4A;
+@plyr-gray: #565D64;
+@plyr-gray-light: #6B7D86;
+@plyr-gray-lighter: #CBD0D3;
+@plyr-off-white: #D6DADD;
// Font sizes
-@font-size-small: 14px;
-@font-size-base: 16px;
+@plyr-font-size-small: 14px;
+@plyr-font-size-base: 16px;
// Captions
-@font-size-captions-base: ceil(@font-size-base * 1.25);
-@font-size-captions-medium: ceil(@font-size-base * 1.5);
-@font-size-captions-large: (@font-size-base * 2);
+@plyr-font-size-captions-base: ceil(@plyr-font-size-base * 1.25);
+@plyr-font-size-captions-medium: ceil(@plyr-font-size-base * 1.5);
+@plyr-font-size-captions-large: (@plyr-font-size-base * 2);
// Controls
-@control-spacing: 10px;
-@controls-bg: #fff;
-@control-bg-hover: @blue;
-.contrast-control-color(@controls-bg);
-.contrast-control-color-hover(@control-bg-hover);
+@plyr-control-spacing: 10px;
+@plyr-controls-bg: #fff;
+@plyr-control-bg-hover: @plyr-blue;
+.contrast-control-color(@plyr-controls-bg);
+.contrast-control-color-hover(@plyr-control-bg-hover);
// Tooltips
-@tooltip-bg: @controls-bg;
-@tooltip-border-color: fade(@gray-dark, 10%);
-@tooltip-border-width: 1px;
-@tooltip-shadow: 0 0 5px @tooltip-border-color, 0 0 0 @tooltip-border-width @tooltip-border-color;
-@tooltip-color: @control-color;
-@tooltip-padding: @control-spacing;
-@tooltip-arrow-size: 6px;
-@tooltip-radius: 3px;
+@plyr-tooltip-bg: @plyr-controls-bg;
+@plyr-tooltip-border-color: fade(@plyr-gray-dark, 10%);
+@plyr-tooltip-border-width: 1px;
+@plyr-tooltip-shadow: 0 0 5px @plyr-tooltip-border-color, 0 0 0 @plyr-tooltip-border-width @plyr-tooltip-border-color;
+@plyr-tooltip-color: @plyr-control-color;
+@plyr-tooltip-padding: @plyr-control-spacing;
+@plyr-tooltip-arrow-size: 6px;
+@plyr-tooltip-radius: 3px;
// Progress
-@progress-bg: fade(@gray, 20%);
-@progress-playing-bg: @blue;
-@progress-buffered-bg: fade(@gray, 25%);
-@progress-loading-size: 40px;
-@progress-loading-bg: rgba(0,0,0, .15);
+@plyr-progress-bg: fade(@plyr-gray, 20%);
+@plyr-progress-playing-bg: @plyr-blue;
+@plyr-progress-buffered-bg: fade(@plyr-gray, 25%);
+@plyr-progress-loading-size: 40px;
+@plyr-progress-loading-bg: fade(#000, 15%);
// Volume
-@volume-track-height: 6px;
-@volume-track-bg: darken(@controls-bg, 10%);
-@volume-thumb-height: (@volume-track-height * 2);
-@volume-thumb-width: (@volume-track-height * 2);
-@volume-thumb-bg: @control-color;
-@volume-thumb-bg-focus: @control-bg-hover;
+@plyr-volume-track-height: 6px;
+@plyr-volume-track-bg: darken(@plyr-controls-bg, 10%);
+@plyr-volume-thumb-height: (@plyr-volume-track-height * 2);
+@plyr-volume-thumb-width: (@plyr-volume-track-height * 2);
+@plyr-volume-thumb-bg: @plyr-control-color;
+@plyr-volume-thumb-bg-focus: @plyr-control-bg-hover;
// Breakpoints
-@bp-control-split: 560px; // When controls split into left/right
-@bp-captions-large: 768px; // When captions jump to the larger font size
+@plyr-bp-control-split: 560px; // When controls split into left/right
+@plyr-bp-captions-large: 768px; // When captions jump to the larger font size
// Animation
// ---------------------------------------
-@keyframes progress {
- to { background-position: @progress-loading-size 0; }
+@keyframes plyr-progress {
+ to { background-position: @plyr-progress-loading-size 0; }
}
// Mixins
// -------------------------------
// Contrast
-.contrast-control-color(@color: "") when (lightness(@color) >= 65%) {
- @control-color: @gray-light;
+.contrast-control-color(@plyr-color: "") when (lightness(@plyr-color) >= 65%) {
+ @plyr-control-color: @plyr-gray-light;
}
-.contrast-control-color(@color: "") when (lightness(@color) < 65%) {
- @control-color: @gray-lighter;
+.contrast-control-color(@plyr-color: "") when (lightness(@plyr-color) < 65%) {
+ @plyr-control-color: @plyr-gray-lighter;
}
-.contrast-control-color-hover(@color: "") when (lightness(@color) >= 65%) {
- @control-color-hover: @gray;
+.contrast-control-color-hover(@plyr-color: "") when (lightness(@plyr-color) >= 65%) {
+ @plyr-control-color-hover: @plyr-gray;
}
-.contrast-control-color-hover(@color: "") when (lightness(@color) < 65%) {
- @control-color-hover: #fff;
+.contrast-control-color-hover(@plyr-color: "") when (lightness(@plyr-color) < 65%) {
+ @plyr-control-color-hover: #fff;
}
// Font smoothing
@@ -91,40 +91,27 @@
-webkit-font-smoothing: subpixel-antialiased;
}
-// Contain floats: nicolasgallagher.com/micro-clearfix-hack/
-.clearfix() {
- zoom: 1;
- &:before,
- &:after { content: ""; display: table; }
- &:after { clear: both; }
-}
-// Tab focus styles
-.tab-focus() {
- outline: 1px dotted fade(@gray-dark, 80%);
- outline-offset: 3px;
-}
-
// <input type="range"> styling
.volume-thumb() {
- height: @volume-thumb-height;
- width: @volume-thumb-width;
- background: @volume-thumb-bg;
+ height: @plyr-volume-thumb-height;
+ width: @plyr-volume-thumb-width;
+ background: @plyr-volume-thumb-bg;
border: 0;
border-radius: 100%;
transition: background .3s ease;
cursor: ew-resize;
}
.volume-track() {
- height: @volume-track-height;
- background: @volume-track-bg;
+ height: @plyr-volume-track-height;
+ background: @plyr-volume-track-bg;
border: 0;
- border-radius: (@volume-track-height / 2);
+ border-radius: (@plyr-volume-track-height / 2);
}
.seek-thumb() {
background: transparent;
border: 0;
- width: (@control-spacing * 4);
- height: @control-spacing;
+ width: (@plyr-control-spacing * 4);
+ height: @plyr-control-spacing;
transform: translateX(-50%);
}
.seek-track() {
@@ -208,49 +195,55 @@
bottom: 0;
left: 0;
width: 100%;
- padding: (@control-spacing * 2) (@control-spacing * 2) (@control-spacing * 3);
+ padding: (@plyr-control-spacing * 2) (@plyr-control-spacing * 2) (@plyr-control-spacing * 3);
color: #fff;
- font-size: @font-size-captions-base;
+ font-size: @plyr-font-size-captions-base;
text-align: center;
.font-smoothing();
span {
border-radius: 2px;
padding: 3px 10px;
- background: rgba(0,0,0, .9);
+ background: fade(#000, 90%);
}
span:empty {
display: none;
}
- @media (min-width: @bp-captions-large) {
- font-size: @font-size-captions-medium;
+ @media (min-width: @plyr-bp-captions-large) {
+ font-size: @plyr-font-size-captions-medium;
}
}
&--captions-active &__captions {
display: block;
}
&--fullscreen-active &__captions {
- font-size: @font-size-captions-large;
+ font-size: @plyr-font-size-captions-large;
}
// Playback controls
&__controls {
- .clearfix();
.font-smoothing();
position: relative;
- padding: @control-spacing;
- background: @controls-bg;
+ padding: @plyr-control-spacing;
+ background: @plyr-controls-bg;
line-height: 1;
text-align: center;
- box-shadow: 0 1px 1px fade(@gray-dark, 20%);
+ box-shadow: 0 1px 1px fade(@plyr-gray-dark, 20%);
+
+ // Clear floats
+ &::after {
+ content: '';
+ display: table;
+ clear: both;
+ }
// Layout
&--right {
display: block;
- margin: @control-spacing auto 0;
+ margin: @plyr-control-spacing auto 0;
}
- @media (min-width: @bp-control-split) {
+ @media (min-width: @plyr-bp-control-split) {
&--left {
float: left;
}
@@ -265,13 +258,13 @@
display: inline-block;
vertical-align: middle;
margin: 0 2px;
- padding: (@control-spacing / 2) @control-spacing;
+ padding: (@plyr-control-spacing / 2) @plyr-control-spacing;
overflow: hidden;
border: 0;
background: transparent;
border-radius: 3px;
cursor: pointer;
- color: @control-color;
+ color: @plyr-control-color;
transition: background .3s ease, color .3s ease, opacity .3s ease;
svg {
@@ -285,8 +278,8 @@
// Hover and tab focus
&.tab-focus:focus,
&:hover {
- background: @control-bg-hover;
- color: @control-color-hover;
+ background: @plyr-control-bg-hover;
+ color: @plyr-control-color-hover;
}
// Default focus
&:focus {
@@ -305,24 +298,24 @@
.plyr__time {
display: inline-block;
vertical-align: middle;
- margin-left: @control-spacing;
- color: @control-color;
+ margin-left: @plyr-control-spacing;
+ color: @plyr-control-color;
font-weight: 600;
- font-size: @font-size-small;
+ font-size: @plyr-font-size-small;
}
// Media duration hidden on small screens
.plyr__time + .plyr__time {
display: none;
- @media (min-width: @bp-control-split) {
+ @media (min-width: @plyr-bp-control-split) {
display: inline-block;
}
// Add a slash in before
&::before {
content: '\2044';
- margin-right: @control-spacing;
+ margin-right: @plyr-control-spacing;
}
}
}
@@ -332,19 +325,19 @@
position: absolute;
z-index: 2;
bottom: 100%;
- margin-bottom: @tooltip-padding;
- padding: @tooltip-padding (@tooltip-padding * 1.5);
+ margin-bottom: @plyr-tooltip-padding;
+ padding: @plyr-tooltip-padding (@plyr-tooltip-padding * 1.5);
opacity: 0;
- background: @tooltip-bg;
- box-shadow: @tooltip-shadow;
- border-radius: @tooltip-radius;
- color: @tooltip-color;
- font-size: @font-size-small;
+ background: @plyr-tooltip-bg;
+ box-shadow: @plyr-tooltip-shadow;
+ border-radius: @plyr-tooltip-radius;
+ color: @plyr-tooltip-color;
+ font-size: @plyr-font-size-small;
line-height: 1.5;
font-weight: 600;
- transform: translate(-50%, (@tooltip-padding * 3)) scale(.8);
+ transform: translate(-50%, (@plyr-tooltip-padding * 3)) scale(.8);
transform-origin: 50% 100%;
transition: transform .2s .1s ease, opacity .2s .1s ease;
@@ -361,19 +354,19 @@
}
// The border triangle
&::after {
- @border-arrow-size: (@tooltip-arrow-size + (@tooltip-border-width * 1));
- bottom: -(@border-arrow-size + @tooltip-border-width);
- border-right: @border-arrow-size solid transparent;
- border-top: @border-arrow-size solid @tooltip-border-color;
- border-left: @border-arrow-size solid transparent;
+ @plyr-border-arrow-size: (@plyr-tooltip-arrow-size + (@plyr-tooltip-border-width * 1));
+ bottom: -(@plyr-border-arrow-size + @plyr-tooltip-border-width);
+ border-right: @plyr-border-arrow-size solid transparent;
+ border-top: @plyr-border-arrow-size solid @plyr-tooltip-border-color;
+ border-left: @plyr-border-arrow-size solid transparent;
z-index: 1;
}
// The background triangle
&::before {
- bottom: -@tooltip-arrow-size;
- border-right: @tooltip-arrow-size solid transparent;
- border-top: @tooltip-arrow-size solid @tooltip-bg;
- border-left: @tooltip-arrow-size solid transparent;
+ bottom: -@plyr-tooltip-arrow-size;
+ border-right: @plyr-tooltip-arrow-size solid transparent;
+ border-top: @plyr-tooltip-arrow-size solid @plyr-tooltip-bg;
+ border-left: @plyr-tooltip-arrow-size solid transparent;
z-index: 2;
}
}
@@ -388,7 +381,8 @@
// Common range styles
input[type='range'].tab-focus:focus {
- .tab-focus();
+ outline: 1px dotted fade(@plyr-gray-dark, 80%);
+ outline-offset: 3px;
}
// Playback progress
@@ -399,8 +393,8 @@
left: 0;
right: 0;
width: 100%;
- height: @control-spacing;
- background: @progress-bg;
+ height: @plyr-control-spacing;
+ background: @plyr-progress-bg;
&--buffer[value],
&--played[value],
@@ -409,7 +403,7 @@
left: 0;
top: 0;
width: 100%;
- height: @control-spacing;
+ height: @plyr-control-spacing;
margin: 0;
padding: 0;
vertical-align: top;
@@ -423,22 +417,25 @@
&--played[value] {
&::-webkit-progress-bar {
background: transparent;
+ transition: width .2s ease;
}
// Inherit from currentColor;
&::-webkit-progress-value {
background: currentColor;
+ transition: width .2s ease;
}
&::-moz-progress-bar {
background: currentColor;
+ transition: width .2s ease;
}
}
&--played[value] {
z-index: 2;
- color: @progress-playing-bg;
+ color: @plyr-progress-playing-bg;
}
&--buffer[value] {
- color: @progress-buffered-bg;
+ color: @plyr-progress-buffered-bg;
}
// Seek control
@@ -491,17 +488,17 @@
// Loading state
&--loading .plyr__progress--buffer {
- animation: progress 1s linear infinite;
- background-size: @progress-loading-size @progress-loading-size;
+ animation: plyr-progress 1s linear infinite;
+ background-size: @plyr-progress-loading-size @plyr-progress-loading-size;
background-repeat: repeat-x;
- background-color: @progress-buffered-bg;
+ background-color: @plyr-progress-buffered-bg;
background-image: linear-gradient(
-45deg,
- @progress-loading-bg 25%,
+ @plyr-progress-loading-bg 25%,
transparent 25%,
transparent 50%,
- @progress-loading-bg 50%,
- @progress-loading-bg 75%,
+ @plyr-progress-loading-bg 50%,
+ @plyr-progress-loading-bg 75%,
transparent 75%,
transparent);
color: transparent;
@@ -525,7 +522,7 @@
-webkit-appearance: none;
-moz-appearance: none;
width: 100px;
- margin: 0 @control-spacing 0 0;
+ margin: 0 @plyr-control-spacing 0 0;
padding: 0;
cursor: pointer;
background: transparent;
@@ -537,7 +534,7 @@
}
&::-webkit-slider-thumb {
-webkit-appearance: none;
- margin-top: -((@volume-thumb-height - @volume-track-height) / 2);
+ margin-top: -((@plyr-volume-thumb-height - @plyr-volume-track-height) / 2);
.volume-thumb();
}
@@ -551,10 +548,10 @@
// Microsoft
&::-ms-track {
- height: @volume-track-height;
+ height: @plyr-volume-track-height;
background: transparent;
border-color: transparent;
- border-width: ((@volume-thumb-height - @volume-track-height) / 2) 0;
+ border-width: ((@plyr-volume-thumb-height - @plyr-volume-track-height) / 2) 0;
color: transparent;
}
&::-ms-fill-lower,
@@ -569,13 +566,13 @@
outline: 0;
&::-webkit-slider-thumb {
- background: @volume-thumb-bg-focus;
+ background: @plyr-volume-thumb-bg-focus;
}
&::-moz-range-thumb {
- background: @volume-thumb-bg-focus;
+ background: @plyr-volume-thumb-bg-focus;
}
&::-ms-thumb {
- background: @volume-thumb-bg-focus;
+ background: @plyr-volume-thumb-bg-focus;
}
}
}
@@ -596,16 +593,16 @@
// Audio specific styles
// Position the progress within the container
&--audio .plyr__controls {
- padding-top: (@control-spacing * 2);
+ padding-top: (@plyr-control-spacing * 2);
}
&--audio .plyr__progress {
bottom: auto;
top: 0;
- background: @off-white;
+ background: @plyr-off-white;
}
// Full screen mode
- &--fullscreen,
+ &.plyr--fullscreen,
&--fullscreen-active {
position: fixed;
top: 0;
@@ -633,28 +630,29 @@
}
// Hide controls when playing in full screen
- &--fullscreen--hide-controls&--fullscreen-active&--playing {
+ &--fullscreen-active.plyr--fullscreen--hide-controls.plyr--playing,
+ &.plyr--fullscreen.plyr--fullscreen--hide-controls.plyr--playing {
.plyr__controls {
- transform: translateY(100%) translateY(@control-spacing / 2);
+ transform: translateY(100%) translateY(@plyr-control-spacing / 2);
transition: transform .3s .2s ease;
}
- &.plyr--hover .plyr__controls {
- transform: translateY(0);
- }
.plyr__captions {
- bottom: (@control-spacing / 2);
+ bottom: (@plyr-control-spacing / 2);
transition: bottom .3s .2s ease;
}
+ &.plyr--hover .plyr__controls {
+ transform: translateY(0);
+ }
}
// Captions
- &--fullscreen .plyr__captions,
+ &.plyr--fullscreen .plyr__captions,
&--fullscreen-active .plyr__captions,
- &--fullscreen--hide-controls&--fullscreen-active&--playing&--hover &__captions {
+ &--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing.plyr--hover .plyr__captions {
top: auto;
bottom: 90px;
- @media (min-width: @bp-control-split) {
+ @media (min-width: @plyr-bp-control-split) {
bottom: 60px;
}
}
diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss
index 8bf481db..a94aeaf5 100644
--- a/src/sass/plyr.scss
+++ b/src/sass/plyr.scss
@@ -7,76 +7,76 @@
// -------------------------------
// Colors
-$blue: #3498DB !default;
-$gray-dark: #343F4A !default;
-$gray: #565D64 !default;
-$gray-light: #6B7D86 !default;
-$gray-lighter: #CBD0D3 !default;
-$off-white: #D6DADD !default;
+$plyr-blue: #3498DB !default;
+$plyr-gray-dark: #343F4A !default;
+$plyr-gray: #565D64 !default;
+$plyr-gray-light: #6B7D86 !default;
+$plyr-gray-lighter: #CBD0D3 !default;
+$plyr-off-white: #D6DADD !default;
// Font sizes
-$font-size-small: 14px !default;
-$font-size-base: 16px !default;
+$plyr-font-size-small: 14px !default;
+$plyr-font-size-base: 16px !default;
// Captions
-$font-size-captions-base: ceil($font-size-base * 1.25) !default;
-$font-size-captions-medium: ceil($font-size-base * 1.5) !default;
-$font-size-captions-large: ($font-size-base * 2) !default;
+$plyr-font-size-captions-base: ceil($plyr-font-size-base * 1.25) !default;
+$plyr-font-size-captions-medium: ceil($plyr-font-size-base * 1.5) !default;
+$plyr-font-size-captions-large: ($plyr-font-size-base * 2) !default;
// Controls
-$control-spacing: 10px !default;
-$controls-bg: #fff !default;
-$control-bg-hover: $blue !default;
-$control-color: null !default;
-$control-color-hover: null !default;
+$plyr-control-spacing: 10px !default;
+$plyr-controls-bg: #fff !default;
+$plyr-control-bg-hover: $plyr-blue !default;
+$plyr-control-color: null !default;
+$plyr-control-color-hover: null !default;
// Contrast
-@if lightness($controls-bg) >= 65% {
- $control-color: $gray-light;
+@if lightness($plyr-controls-bg) >= 65% {
+ $plyr-control-color: $plyr-gray-light;
}
@else {
- $control-color: $gray-lighter;
+ $plyr-control-color: $plyr-gray-lighter;
}
-@if lightness($control-bg-hover) >= 65% {
- $control-color-hover: $gray;
+@if lightness($plyr-control-bg-hover) >= 65% {
+ $plyr-control-color-hover: $plyr-gray;
}
@else {
- $control-color-hover: #fff;
+ $plyr-control-color-hover: #fff;
}
// Tooltips
-$tooltip-bg: $controls-bg !default;
-$tooltip-border-color: transparentize(@gray-dark, .1) !default;
-$tooltip-border-width: 1px;
-$tooltip-shadow: 0 0 5px $tooltip-border-color, 0 0 0 $tooltip-border-width $tooltip-border-color;
-$tooltip-color: $control-color !default;
-$tooltip-padding: $control-spacing !default;
-$tooltip-arrow-size: 6px !default;
-$tooltip-radius: 3px !default;
+$plyr-tooltip-bg: $plyr-controls-bg !default;
+$plyr-tooltip-border-color: transparentize(@gray-dark, .1) !default;
+$plyr-tooltip-border-width: 1px;
+$plyr-tooltip-shadow: 0 0 5px $plyr-tooltip-border-color, 0 0 0 $plyr-tooltip-border-width $plyr-tooltip-border-color;
+$plyr-tooltip-color: $plyr-control-color !default;
+$plyr-tooltip-padding: $plyr-control-spacing !default;
+$plyr-tooltip-arrow-size: 6px !default;
+$plyr-tooltip-radius: 3px !default;
// Progress
-$progress-bg: transparentize($gray, .2) !default;
-$progress-playing-bg: $blue !default;
-$progress-buffered-bg: transparentize($gray, .25) !default;
-$progress-loading-size: 40px !default;
-$progress-loading-bg: rgba(0,0,0, .15) !default;
+$plyr-progress-bg: transparentize($plyr-gray, .2) !default;
+$plyr-progress-playing-bg: $plyr-blue !default;
+$plyr-progress-buffered-bg: transparentize($plyr-gray, .25) !default;
+$plyr-progress-loading-size: 40px !default;
+$plyr-progress-loading-bg: transparentize(#000, .15); !default;
// Volume
-$volume-track-height: 6px !default;
-$volume-track-bg: darken($controls-bg, 10%) !default;
-$volume-thumb-height: ($volume-track-height * 2) !default;
-$volume-thumb-width: ($volume-track-height * 2) !default;
-$volume-thumb-bg: $control-color !default;
-$volume-thumb-bg-focus: $control-bg-hover !default;
+$plyr-volume-track-height: 6px !default;
+$plyr-volume-track-bg: darken($plyr-controls-bg, 10%) !default;
+$plyr-volume-thumb-height: ($plyr-volume-track-height * 2) !default;
+$plyr-volume-thumb-width: ($plyr-volume-track-height * 2) !default;
+$plyr-volume-thumb-bg: $plyr-control-color !default;
+$plyr-volume-thumb-bg-focus: $plyr-control-bg-hover !default;
// Breakpoints
-$bp-control-split: 560px !default; // When controls split into left/right
-$bp-captions-large: 768px !default; // When captions jump to the larger font size
+$plyr-bp-control-split: 560px !default; // When controls split into left/right
+$plyr-bp-captions-large: 768px !default; // When captions jump to the larger font size
// Animation
// ---------------------------------------
-@keyframes progress {
- to { background-position: $progress-loading-size 0; }
+@keyframes plyr-progress {
+ to { background-position: $plyr-progress-loading-size 0; }
}
// Font smoothing
@@ -92,41 +92,27 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
}
}
-// Contain floats: nicolasgallagher.com/micro-clearfix-hack/
-@mixin clearfix()
-{
- zoom: 1;
- &:before,
- &:after { content: ''; display: table; }
- &:after { clear: both; }
-}
-// Tab focus styles
-@mixin tab-focus() {
- outline: thin dotted transparentize($gray-dark, .8);
- outline-offset: 3px;
-}
-
// <input type="range"> styling
@mixin volume-thumb() {
- height: $volume-thumb-height;
- width: $volume-thumb-width;
- background: $volume-thumb-bg;
+ height: $plyr-volume-thumb-height;
+ width: $plyr-volume-thumb-width;
+ background: $plyr-volume-thumb-bg;
border: 0;
border-radius: 100%;
transition: background .3s ease;
cursor: ew-resize;
}
@mixin volume-track() {
- height: $volume-track-height;
- background: $volume-track-bg;
+ height: $plyr-volume-track-height;
+ background: $plyr-volume-track-bg;
border: 0;
- border-radius: ($volume-track-height / 2);
+ border-radius: ($plyr-volume-track-height / 2);
}
@mixin seek-thumb() {
background: transparent;
border: 0;
- width: ($control-spacing * 4);
- height: $control-spacing;
+ width: ($plyr-control-spacing * 4);
+ height: $plyr-control-spacing;
transform: translateX(-50%);
}
@mixin seek-track() {
@@ -209,49 +195,55 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
bottom: 0;
left: 0;
width: 100%;
- padding: ($control-spacing * 2) ($control-spacing * 2) ($control-spacing * 3);
+ padding: ($plyr-control-spacing * 2) ($plyr-control-spacing * 2) ($plyr-control-spacing * 3);
color: #fff;
- font-size: $font-size-captions-base;
+ font-size: $plyr-font-size-captions-base;
text-align: center;
@include font-smoothing();
span {
border-radius: 2px;
padding: 3px 10px;
- background: rgba(0,0,0, .9);
+ background: transparentize(#000, .9);
}
span:empty {
display: none;
}
- @media (min-width: $bp-captions-large) {
- font-size: $font-size-captions-medium;
+ @media (min-width: $plyr-bp-captions-large) {
+ font-size: $plyr-font-size-captions-medium;
}
}
&--captions-active &__captions {
display: block;
}
&--fullscreen-active &__captions {
- font-size: $font-size-captions-large;
+ font-size: $plyr-font-size-captions-large;
}
// Playback controls
&__controls {
- @include clearfix();
@include font-smoothing();
position: relative;
- padding: $control-spacing;
- background: $controls-bg;
+ padding: $plyr-control-spacing;
+ background: $plyr-controls-bg;
line-height: 1;
text-align: center;
- box-shadow: 0 1px 1px transparentize($gray-dark, .2);
+ box-shadow: 0 1px 1px transparentize($plyr-gray-dark, .2);
+
+ // Clear floats
+ &::after {
+ content: '';
+ display: table;
+ clear: both;
+ }
// Layout
&--right {
display: block;
- margin: $control-spacing auto 0;
+ margin: $plyr-control-spacing auto 0;
}
- @media (min-width: $bp-control-split) {
+ @media (min-width: $plyr-bp-control-split) {
&--left {
float: left;
}
@@ -266,13 +258,13 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
display: inline-block;
vertical-align: middle;
margin: 0 2px;
- padding: ($control-spacing / 2) $control-spacing;
+ padding: ($plyr-control-spacing / 2) $plyr-control-spacing;
overflow: hidden;
border: 0;
background: transparent;
border-radius: 3px;
cursor: pointer;
- color: $control-color;
+ color: $plyr-control-color;
transition: background .3s ease, color .3s ease, opacity .3s ease;
svg {
@@ -286,8 +278,8 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
// Hover and tab focus
&.tab-focus:hover,
&:hover {
- background: $control-bg-hover;
- color: $control-color-hover;
+ background: $plyr-control-bg-hover;
+ color: $plyr-control-color-hover;
}
// Default focus
&:focus {
@@ -306,24 +298,24 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
.plyr__time {
display: inline-block;
vertical-align: middle;
- margin-left: $control-spacing;
- color: $control-color;
+ margin-left: $plyr-control-spacing;
+ color: $plyr-control-color;
font-weight: 600;
- font-size: $font-size-small;
+ font-size: $plyr-font-size-small;
}
// Media duration hidden on small screens
.plyr__time + .plyr__time {
display: none;
- @media (min-width: $bp-control-split) {
+ @media (min-width: $plyr-bp-control-split) {
display: inline-block;
}
// Add a slash in before
&::before {
content: '\2044';
- margin-right: $control-spacing;
+ margin-right: $plyr-control-spacing;
}
}
}
@@ -333,19 +325,19 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
position: absolute;
z-index: 2;
bottom: 100%;
- margin-bottom: $tooltip-padding;
- padding: $tooltip-padding ($tooltip-padding * 1.5);
+ margin-bottom: $plyr-tooltip-padding;
+ padding: $plyr-tooltip-padding ($plyr-tooltip-padding * 1.5);
opacity: 0;
- background: $tooltip-bg;
- box-shadow: $tooltip-shadow;
- border-radius: $tooltip-radius;
- color: $tooltip-color;
- font-size: $font-size-small;
+ background: $plyr-tooltip-bg;
+ box-shadow: $plyr-tooltip-shadow;
+ border-radius: $plyr-tooltip-radius;
+ color: $plyr-tooltip-color;
+ font-size: $plyr-font-size-small;
line-height: 1.5;
font-weight: 600;
- transform: translate(-50%, ($tooltip-padding * 3)) scale(.8);
+ transform: translate(-50%, ($plyr-tooltip-padding * 3)) scale(.8);
transform-origin: 50% 100%;
transition: transform .2s .1s ease, opacity .2s .1s ease;
@@ -362,19 +354,19 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
}
// The border triangle
&::after {
- $border-arrow-size: ($tooltip-arrow-size + ($tooltip-border-width * 1));
- bottom: -($border-arrow-size + $tooltip-border-width);
- border-right: $border-arrow-size solid transparent;
- border-top: $border-arrow-size solid $tooltip-border-color;
- border-left: $border-arrow-size solid transparent;
+ $plyr-border-arrow-size: ($plyr-tooltip-arrow-size + ($plyr-tooltip-border-width * 1));
+ bottom: -($plyr-border-arrow-size + $plyr-tooltip-border-width);
+ border-right: $plyr-border-arrow-size solid transparent;
+ border-top: $plyr-border-arrow-size solid $plyr-tooltip-border-color;
+ border-left: $plyr-border-arrow-size solid transparent;
z-index: 1;
}
// The background triangle
&::before {
- bottom: -$tooltip-arrow-size;
- border-right: $tooltip-arrow-size solid transparent;
- border-top: $tooltip-arrow-size solid $tooltip-bg;
- border-left: $tooltip-arrow-size solid transparent;
+ bottom: -$plyr-tooltip-arrow-size;
+ border-right: $plyr-tooltip-arrow-size solid transparent;
+ border-top: $plyr-tooltip-arrow-size solid $plyr-tooltip-bg;
+ border-left: $plyr-tooltip-arrow-size solid transparent;
z-index: 2;
}
}
@@ -389,7 +381,8 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
// Common range styles
input[type='range'].tab-focus:focus {
- .tab-focus();
+ outline: thin dotted transparentize($plyr-gray-dark, .8);
+ outline-offset: 3px;
}
// Playback progress
@@ -400,8 +393,8 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
left: 0;
right: 0;
width: 100%;
- height: $control-spacing;
- background: $progress-bg;
+ height: $plyr-control-spacing;
+ background: $plyr-progress-bg;
&--buffer[value],
&--played[value],
@@ -410,7 +403,7 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
left: 0;
top: 0;
width: 100%;
- height: $control-spacing;
+ height: $plyr-control-spacing;
margin: 0;
padding: 0;
vertical-align: top;
@@ -424,22 +417,25 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
&--played[value] {
&::-webkit-progress-bar {
background: transparent;
+ transition: width .2s ease;
}
// Inherit from currentColor;
&::-webkit-progress-value {
background: currentColor;
+ transition: width .2s ease;
}
&::-moz-progress-bar {
background: currentColor;
+ transition: width .2s ease;
}
}
&--played[value] {
z-index: 2;
- color: $progress-playing-bg;
+ color: $plyr-progress-playing-bg;
}
&--buffer[value] {
- color: $progress-buffered-bg;
+ color: $plyr-progress-buffered-bg;
}
// Seek control
@@ -492,17 +488,17 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
// Loading state
&--loading .plyr__progress--buffer {
- animation: progress 1s linear infinite;
- background-size: $progress-loading-size $progress-loading-size;
+ animation: plyr-progress 1s linear infinite;
+ background-size: $plyr-progress-loading-size $plyr-progress-loading-size;
background-repeat: repeat-x;
- background-color: $progress-buffered-bg;
+ background-color: $plyr-progress-buffered-bg;
background-image: linear-gradient(
-45deg,
- $progress-loading-bg 25%,
+ $plyr-progress-loading-bg 25%,
transparent 25%,
transparent 50%,
- $progress-loading-bg 50%,
- $progress-loading-bg 75%,
+ $plyr-progress-loading-bg 50%,
+ $plyr-progress-loading-bg 75%,
transparent 75%,
transparent);
color: transparent;
@@ -526,7 +522,7 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
-webkit-appearance: none;
-moz-appearance: none;
width: 100px;
- margin: 0 $control-spacing 0 0;
+ margin: 0 $plyr-control-spacing 0 0;
padding: 0;
cursor: pointer;
background: transparent;
@@ -538,7 +534,7 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
}
&::-webkit-slider-thumb {
-webkit-appearance: none;
- margin-top: -(($volume-thumb-height - $volume-track-height) / 2);
+ margin-top: -(($plyr-volume-thumb-height - $plyr-volume-track-height) / 2);
@include volume-thumb();
}
@@ -552,10 +548,10 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
// Microsoft
&::-ms-track {
- height: $volume-track-height;
+ height: $plyr-volume-track-height;
background: transparent;
border-color: transparent;
- border-width: (($volume-thumb-height - $volume-track-height) / 2) 0;
+ border-width: (($plyr-volume-thumb-height - $plyr-volume-track-height) / 2) 0;
color: transparent;
}
&::-ms-fill-lower,
@@ -570,13 +566,13 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
outline: 0;
&::-webkit-slider-thumb {
- background: $volume-thumb-bg-focus;
+ background: $plyr-volume-thumb-bg-focus;
}
&::-moz-range-thumb {
- background: $volume-thumb-bg-focus;
+ background: $plyr-volume-thumb-bg-focus;
}
&::-ms-thumb {
- background: $volume-thumb-bg-focus;
+ background: $plyr-volume-thumb-bg-focus;
}
}
}
@@ -597,12 +593,12 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
// Audio specific styles
// Position the progress within the container
&--audio .plyr__controls {
- padding-top: ($control-spacing * 2);
+ padding-top: ($plyr-control-spacing * 2);
}
&--audio .plyr__progress {
bottom: auto;
top: 0;
- background: $off-white;
+ background: $plyr-off-white;
}
// Full screen mode
@@ -633,28 +629,29 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
}
// Hide controls when playing in full screen
- &--fullscreen--hide-controls&--fullscreen-active&--playing {
+ &--fullscreen-active.plyr--fullscreen--hide-controls.plyr--playing,
+ &.plyr--fullscreen.plyr--fullscreen--hide-controls.plyr--playing {
.plyr__controls {
- transform: translateY(100%) translateY($control-spacing / 2);
+ transform: translateY(100%) translateY($plyr-control-spacing / 2);
transition: transform .3s .2s ease;
}
- &.plyr--hover .plyr__controls {
- transform: translateY(0);
- }
.plyr__captions {
- bottom: ($control-spacing / 2);
+ bottom: ($plyr-control-spacing / 2);
transition: bottom .3s .2s ease;
}
+ &.plyr--hover .plyr__controls {
+ transform: translateY(0);
+ }
}
// Captions
- &--fullscreen .plyr__captions,
+ &.plyr--fullscreen .plyr__captions,
&--fullscreen-active .plyr__captions,
- &--fullscreen--hide-controls&--fullscreen-active&--playing&--hover &__captions {
+ &--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing.plyr--hover .plyr__captions {
top: auto;
bottom: 90px;
- @media (min-width: $bp-control-split) {
+ @media (min-width: $plyr-bp-control-split) {
bottom: 60px;
}
}
generated by cgit v1.2.3 (git 2.25.1) at 2025-06-13 17:10:33 +0000