@@ -95,13 +97,13 @@ b.insertBefore(c, b.childNodes[0]); } } - })(document, "https://cdn.plyr.io/1.1.14/sprite.svg"); + })(document, "https://cdn.plyr.io/1.2.0/sprite.svg"); - + - + diff --git a/readme.md b/readme.md index 530c3b80..0694f299 100644 --- a/readme.md +++ b/readme.md @@ -39,7 +39,7 @@ If you have any cool ideas or features, please let me know by [creating an issue Check `docs/index.html` and `docs/dist/docs.js` for an example setup. -**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.1.14/plyr.js` to `https://cdn.plyr.io/1.1.14/plyr.js` +**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.2.0/plyr.js` to `https://cdn.plyr.io/1.2.0/plyr.js` ### Bower If bower is your thang, you can grab Plyr using: @@ -59,11 +59,11 @@ More info is on [npm](https://www.npmjs.com/package/ember-cli-plyr) and [GitHub] If you want to use our CDN, you can use the following: ```html - - + + ``` -You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.1.14/sprite.svg`. +You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.2.0/sprite.svg`. ### CSS If you want to use the default css, add the `plyr.css` file from /dist into your head, or even better use `plyr.less` or `plyr.sass` file included in `/src` in your build to save a request. From 78a0ac867468ec851fc94e2982b453c40a080cfa Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Mon, 20 Jul 2015 22:51:33 +1000 Subject: [PATCH 02/54] Update readme.md --- readme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/readme.md b/readme.md index 0694f299..c6e8330c 100644 --- a/readme.md +++ b/readme.md @@ -3,7 +3,7 @@ A simple, accessible HTML5 media player. [Checkout the demo](http://plyr.io) -[![Image of Plyr](https://cdn.plyr.io/static/plyr.png?2)](http://plyr.io) +[![Image of Plyr](https://cdn.plyr.io/static/plyr.jpg)](http://plyr.io) ## Why? We wanted a lightweight, accessible and customisable media player that just supports *modern* browsers. Sure, there are many other players out there but we wanted to keep things simple, using the right elements for the job. From 20ee77a55e1311990f1b9bfb463a0ea0f76d1fdd Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Mon, 20 Jul 2015 23:03:24 +1000 Subject: [PATCH 03/54] Docs tweak --- docs/dist/docs.css | 2 +- docs/index.html | 4 ++-- docs/src/less/components/base.less | 8 +++++++- docs/src/less/components/buttons.less | 2 +- 4 files changed, 11 insertions(+), 5 deletions(-) diff --git a/docs/dist/docs.css b/docs/dist/docs.css index dcc49989..2e4952ec 100644 --- a/docs/dist/docs.css +++ b/docs/dist/docs.css @@ -1 +1 @@ -/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}*,::after,::before{box-sizing:border-box}html{font-size:100%}body{font-family:Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif;background:#f2f5f7;line-height:1.5;text-align:center;color:#55646b;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}header{padding:20px;margin-bottom:20px}header p{font-size:18px;font-size:1.125rem}@media (min-width:480px){header{padding-top:60px;padding-bottom:60px}}section{padding-bottom:20px}@media (min-width:480px){section{padding-bottom:40px}}@font-face{font-family:Avenir;src:url(//cdn.plyr.io/fonts/avenir-medium.woff2) format("woff2"),url(//cdn.plyr.io/fonts/avenir-medium.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:Avenir;src:url(//cdn.plyr.io/fonts/avenir-bold.woff2) format("woff2"),url(//cdn.plyr.io/fonts/avenir-bold.woff) format("woff");font-style:normal;font-weight:600}h1,h2{letter-spacing:-.025em;color:#2E3C44;margin:0 0 10px;line-height:1.2;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1{font-size:64px;font-size:4rem;color:#3498DB}p,small{margin:0 0 20px}small{display:block;padding:0 10px;font-size:14px;font-size:.875rem}a{text-decoration:none;color:#3498db;border-bottom:1px solid currentColor;transition:background .3s ease,color .3s ease}a:focus,a:hover{color:#343f4a}a:focus{outline:#343f4a dotted thin;outline-offset:1px}a.logo{border:0}nav ul{list-style:none;margin:0;padding:0;font-size:0}nav li{display:inline-block;margin-top:10px;font-size:16px;font-size:1rem;white-space:nowrap}nav li+li{margin-left:20px}.btn-bar{position:relative;margin:0 auto 20px;max-width:1200px}.btn-bar::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#dbe3e8}.btn-bar ul{position:relative;z-index:1;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-bar li{margin:0}.btn-bar li:first-child .btn{border-radius:4px 0 0 4px}.btn-bar li:last-child .btn{border-radius:0 4px 4px 0}.btn-bar li+li .btn{margin-left:-1px}.btn-bar .btn{display:block;border-radius:0}.btn-bar .btn.active{box-shadow:inset 0 1px 1px rgba(0,0,0,.2);position:relative;z-index:1}@media (min-width:560px){.btn-bar{margin-bottom:40px}}.btn,.btn-count{display:inline-block;vertical-align:middle;border-radius:4px;font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn{padding:10px 20px;background:#f2f5f7;border:1px solid #cbd0d3;box-shadow:inset 0 1px 0 #fff,0 1px 1px rgba(0,0,0,.05);text-shadow:0 1px 1px #fff;color:#55646b}.btn:focus,.btn:hover{background-color:#fff;border-color:#bdc4c7;color:#3498db;outline:0}.btn-bar .active,.btn-primary{background:linear-gradient(#3498db,#2791d9);border-color:#217dbb;box-shadow:0 1px 1px rgba(0,0,0,.15);text-shadow:0 1px 1px rgba(0,0,0,.1);color:#fff}.btn-primary:focus,.btn-primary:hover{color:#fff;border-color:#196090}.btn-small{padding-top:7px;padding-bottom:7px}.btn-count{position:relative;margin-left:6px;padding:9px;background:#f2f5f7;border:1px solid #cbd0d3}.btn-count::before{content:"";position:absolute;display:block;width:8px;height:8px;left:1px;top:50%;margin-top:-4px;background:inherit;border:inherit;border-width:1px 0 0 1px;-webkit-transform:rotate(-45deg) translate(-50%,-50%);transform:rotate(-45deg) translate(-50%,-50%)}.panel{display:none}.panel.active{display:block;-webkit-animation:fade-in .3s ease;animation:fade-in .3s ease}.error body,html.error{height:100%}.error body{width:100%;display:table;table-layout:fixed}.error main{display:table-cell;width:100%;vertical-align:middle}.example-audio .player,.example-video .player{margin:0 auto 20px}.example-audio .player-controls,.example-video .player-controls{border-radius:0 0 4px 4px}.example-audio .player{max-width:520px}.example-audio .player-controls{border-radius:4px}.example-audio .player-progress{border-radius:4px 4px 0 0;overflow:hidden}.example-video .player{max-width:1200px}.example-video .player iframe,.example-video .player video{border-radius:4px 4px 0 0}.example-video .player iframe{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}.example-video .player-fullscreen,.example-video .player.fullscreen-active{max-width:none} \ No newline at end of file +/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}*,::after,::before{box-sizing:border-box}[hidden]{display:none}html{height:100%;font-size:100%;background:linear-gradient(#fff,#f2f5f7)}body{font-family:Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.5;text-align:center;color:#55646b;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}header{padding:20px;margin-bottom:20px}header p{font-size:18px;font-size:1.125rem}@media (min-width:480px){header{padding-top:60px;padding-bottom:60px}}section{padding-bottom:20px}@media (min-width:480px){section{padding-bottom:40px}}@font-face{font-family:Avenir;src:url(//cdn.plyr.io/fonts/avenir-medium.woff2) format("woff2"),url(//cdn.plyr.io/fonts/avenir-medium.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:Avenir;src:url(//cdn.plyr.io/fonts/avenir-bold.woff2) format("woff2"),url(//cdn.plyr.io/fonts/avenir-bold.woff) format("woff");font-style:normal;font-weight:600}h1,h2{letter-spacing:-.025em;color:#2E3C44;margin:0 0 10px;line-height:1.2;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1{font-size:64px;font-size:4rem;color:#3498DB}p,small{margin:0 0 20px}small{display:block;padding:0 10px;font-size:14px;font-size:.875rem}a{text-decoration:none;color:#3498db;border-bottom:1px solid currentColor;transition:background .3s ease,color .3s ease}a:focus,a:hover{color:#343f4a}a:focus{outline:#343f4a dotted thin;outline-offset:1px}a.logo{border:0}nav ul{list-style:none;margin:0;padding:0;font-size:0}nav li{display:inline-block;margin-top:10px;font-size:16px;font-size:1rem;white-space:nowrap}nav li+li{margin-left:20px}.btn-bar{position:relative;margin:0 auto 20px;max-width:1200px}.btn-bar::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#dbe3e8}.btn-bar ul{position:relative;z-index:1;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-bar li{margin:0}.btn-bar li:first-child .btn{border-radius:4px 0 0 4px}.btn-bar li:last-child .btn{border-radius:0 4px 4px 0}.btn-bar li+li .btn{margin-left:-1px}.btn-bar .btn{display:block;border-radius:0}.btn-bar .btn.active{box-shadow:inset 0 1px 1px rgba(0,0,0,.2);position:relative;z-index:1}@media (min-width:560px){.btn-bar{margin-bottom:40px}}.btn,.btn-count{display:inline-block;vertical-align:middle;border-radius:4px;font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn{padding:10px 20px;background:#f2f5f7;border:1px solid #cbd0d3;box-shadow:inset 0 1px 0 #fff,0 1px 1px rgba(0,0,0,.05);text-shadow:0 1px 1px #fff;color:#55646b}.btn:focus,.btn:hover{background-color:#fff;border-color:#bdc4c7;color:#3498db;outline:0}.btn-bar .active,.btn-primary{background:linear-gradient(#3498db,#2791d9);border-color:#217dbb;box-shadow:0 1px 1px rgba(0,0,0,.15);text-shadow:0 1px 1px rgba(0,0,0,.1);color:#fff}.btn-primary:focus,.btn-primary:hover{color:#fff;border-color:#196090}.btn-small{padding-top:7px;padding-bottom:7px}.btn-count{position:relative;margin-left:6px;padding:9px;background:#fff;border:1px solid #cbd0d3}.btn-count::before{content:"";position:absolute;display:block;width:8px;height:8px;left:1px;top:50%;margin-top:-4px;background:inherit;border:inherit;border-width:1px 0 0 1px;-webkit-transform:rotate(-45deg) translate(-50%,-50%);transform:rotate(-45deg) translate(-50%,-50%)}.panel{display:none}.panel.active{display:block;-webkit-animation:fade-in .3s ease;animation:fade-in .3s ease}.error body,html.error{height:100%}.error body{width:100%;display:table;table-layout:fixed}.error main{display:table-cell;width:100%;vertical-align:middle}.example-audio .player,.example-video .player{margin:0 auto 20px}.example-audio .player-controls,.example-video .player-controls{border-radius:0 0 4px 4px}.example-audio .player{max-width:520px}.example-audio .player-controls{border-radius:4px}.example-audio .player-progress{border-radius:4px 4px 0 0;overflow:hidden}.example-video .player{max-width:1200px}.example-video .player iframe,.example-video .player video{border-radius:4px 4px 0 0}.example-video .player iframe{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}.example-video .player-fullscreen,.example-video .player.fullscreen-active{max-width:none} \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index f64792fc..4a593973 100644 --- a/docs/index.html +++ b/docs/index.html @@ -11,7 +11,7 @@ - +
@@ -92,7 +92,7 @@ a.send(); a.onload = function(){ var c = d.createElement("div"); - c.style.display="none"; + c.setAttribute("hidden", ""); c.innerHTML = a.responseText; b.insertBefore(c, b.childNodes[0]); } diff --git a/docs/src/less/components/base.less b/docs/src/less/components/base.less index 81a68058..09765d90 100644 --- a/docs/src/less/components/base.less +++ b/docs/src/less/components/base.less @@ -8,13 +8,19 @@ box-sizing: border-box; } +// Hidden +[hidden] { + display: none; +} + // Base html { + height: 100%; font-size: 100%; + background: linear-gradient(#fff, @body-background); } body { font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif; - background: @body-background; line-height: 1.5; text-align: center; color: @gray; diff --git a/docs/src/less/components/buttons.less b/docs/src/less/components/buttons.less index 749cd11f..0740343d 100644 --- a/docs/src/less/components/buttons.less +++ b/docs/src/less/components/buttons.less @@ -123,7 +123,7 @@ nav { position: relative; margin-left: 6px; padding: ((@padding-base / 2) - 1px); - background: @body-background; + background: #fff; border: 1px solid @gray-light; &::before { From a12485d10f12fd5537ebaebebbfb768aae8d24a9 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Mon, 20 Jul 2015 23:09:57 +1000 Subject: [PATCH 04/54] Update readme.md --- readme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/readme.md b/readme.md index c6e8330c..65defb92 100644 --- a/readme.md +++ b/readme.md @@ -15,7 +15,7 @@ We wanted a lightweight, accessible and customisable media player that just supp - **Semantic** - uses the *right* elements. `` for volume and `` for progress and well, `"),o(S.controls,"rewind")&&e.push(""),o(S.controls,"play")&&e.push("",""),o(S.controls,"fast-forward")&&e.push(""),o(S.controls,"current-time")&&e.push("","Current time","00:00",""),o(S.controls,"duration")&&e.push("","Duration","00:00",""),e.push("",""),o(S.controls,"mute")&&e.push("",""),o(S.controls,"volume")&&e.push("",""),o(S.controls,"captions")&&e.push("",""),o(S.controls,"fullscreen")&&e.push(""),e.push("",""),e.join("")}function n(e,t){S.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll("script[src='"+e+"']").length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function l(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 u(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return"webkit"===e.prefix&&navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)&&(e.supportsFullScreen=!1),e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]("webkit"===this.prefix?e.ALLOW_KEYBOARD_INPUT:null)},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function k(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;A(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}dt.media.currentTime.toFixed(1)>=C(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=A(dt.captions[dt.subcount][0])?(dt.currentCaption=dt.captions[dt.subcount][1],dt.captionsContainer.innerHTML=dt.currentCaption):dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,S.classes.captions.enabled,!0),S.captions.defaultActive&&(f(dt.container,S.classes.captions.active,!0),dt.buttons.captions.checked=!0))}function C(e){var t=[];return t=e.split(" --> "),E(t[0])}function A(e){var t=[];return t=e.split(" --> "),E(t[1])}function E(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 P(e){return dt.container.querySelectorAll(e)}function N(e){return P(e)[0]}function I(){try{return window.self!==window.top}catch(e){return!0}}function M(){var e=S.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",S.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),S.tooltips)for(var r=P(S.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,S.classes.hidden,!1),f(s,S.classes.tooltip,!0)}}function L(){try{return dt.controls=N(S.selectors.controls),dt.buttons={},dt.buttons.seek=N(S.selectors.buttons.seek),dt.buttons.play=N(S.selectors.buttons.play),dt.buttons.pause=N(S.selectors.buttons.pause),dt.buttons.restart=N(S.selectors.buttons.restart),dt.buttons.rewind=N(S.selectors.buttons.rewind),dt.buttons.forward=N(S.selectors.buttons.forward),dt.buttons.fullscreen=N(S.selectors.buttons.fullscreen),dt.buttons.mute=N(S.selectors.buttons.mute),dt.buttons.captions=N(S.selectors.buttons.captions),dt.checkboxes=P("[type='checkbox']"),dt.progress={},dt.progress.container=N(S.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(S.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(S.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(S.selectors.buttons.volume),dt.duration=N(S.selectors.duration),dt.currentTime=N(S.selectors.currentTime),dt.seekTime=P(S.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||"Play";"undefined"!=typeof S.title&&S.title.length&&(e+=", "+S.title),dt.buttons.play.setAttribute("aria-label",e)}}function V(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full){if(dt.media.removeAttribute("controls"),f(dt.container,S.classes.type.replace("{0}",dt.type),!0),f(dt.container,S.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type){var e=document.createElement("div");e.setAttribute("class",S.classes.videoWrapper),l(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&q(dt.media.getAttribute("data-video-id"))}null!==dt.media.getAttribute("autoplay")&&D()}function q(e){for(var t=P("[id^='youtube']"),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,S.classes.videoWrapper,!0),f(dt.media,S.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:0,vq:"hd720",rel:0,showinfo:0,iv_load_policy:3,cc_lang_pref:"en",wmode:"transparent",modestbranding:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=2==t.getPlayerState(),dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.container.querySelectorAll(S.selectors.controls).length||pt(),S.displayDuration&&nt()},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin","
"),dt.captionsContainer=N(S.selectors.captions),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(r){}"youtube"==dt.type&&(dt.embed.seekTo(dt.media.currentTime),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),k(t)}function z(){f(dt.container,S.classes.playing,!dt.media.paused),f(dt.container,S.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.controls,S.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.controls,S.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,S.classes.fullscreen.active,dt.isFullscreen);var a,s=!1;S.fullscreen.hideControls&&(f(dt.controls,S.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=S.storage.enabled&&x().supported?window.localStorage[S.storage.key]||S.volume:S.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&K()}function K(e){"undefined"==typeof e&&(e=!dt.media.muted),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function G(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),S.storage.enabled&&x().supported&&window.localStorage.setItem(S.storage.key,e),f(dt.container,S.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&(dt.buttons.mute.checked=0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("undefined"==typeof e&&(e=-1===dt.container.className.indexOf(S.classes.captions.active),dt.buttons.captions.checked=e),f(dt.container,S.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,S.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&S.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),q(e),rt(),void 0;if(j(),U(),at(),"string"==typeof e)dt.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),z()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&D()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function lt(){var e="IE"==dt.browser.name?"change":"input";y(dt.buttons.play,"click",function(){D(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){j(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",U),y(dt.buttons.rewind,"click",W),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,e,U),y(dt.volume,e,function(){$(this.value)}),y(dt.buttons.mute,"change",function(){K(this.checked)}),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",k),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"change",function(){Q(this.checked)}),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),z()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",G),y(dt.media,"play pause",z),y(dt.media,"waiting canplay seeked",Z),y(dt.checkboxes,"keyup",g),"video"===dt.type&&S.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(U(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function ut(){if(!dt.init)return null;if(dt.container.setAttribute("class",S.selectors.container.replace(".","")),dt.init=!1,c(N(S.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(S.selectors.captions)),u(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=w(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();switch(t){case"div":dt.type=dt.media.getAttribute("data-type");break;default:dt.type=t}if(dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),V(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),S.displayDuration&&nt(),O()}dt.init=!0}function pt(){return M(),L()?(R(),$(),G(),B(),lt(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:D,pause:j,restart:U,rewind:W,forward:Y,seek:U,source:ot,poster:it,setVolume:$,togglePlay:_,toggleMute:K,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:ut,restore:ct}:{}}var F,S,C={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},storage:{enabled:!0,key:"plyr_volume"},controls:["restart","rewind","play","fast-forward","current-time","duration","mute","volume","captions","fullscreen"],onSetup:function(){}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,l=!!document.createElement("video").canPlayType;switch(e){case"video":t=l,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s;break;default:t=i&&l,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(S=k(C,t),!S.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(S.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,S.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file +!function(e){"use strict";function t(){var e=["
","
","","","","0% played","","","0% buffered","","
",""];return o(S.controls,"restart")&&e.push(""),o(S.controls,"rewind")&&e.push(""),o(S.controls,"play")&&e.push("",""),o(S.controls,"fast-forward")&&e.push(""),o(S.controls,"current-time")&&e.push("","Current time","00:00",""),o(S.controls,"duration")&&e.push("","Duration","00:00",""),e.push("",""),o(S.controls,"mute")&&e.push("",""),o(S.controls,"volume")&&e.push("",""),o(S.controls,"captions")&&e.push("",""),o(S.controls,"fullscreen")&&e.push(""),e.push("","
"),e.join("")}function n(e,t){S.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll("script[src='"+e+"']").length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function 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 l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return"webkit"===e.prefix&&navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)&&(e.supportsFullScreen=!1),e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]("webkit"===this.prefix?e.ALLOW_KEYBOARD_INPUT:null)},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function k(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;A(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}dt.media.currentTime.toFixed(1)>=C(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=A(dt.captions[dt.subcount][0])?(dt.currentCaption=dt.captions[dt.subcount][1],dt.captionsContainer.innerHTML=dt.currentCaption):dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,S.classes.captions.enabled,!0),S.captions.defaultActive&&(f(dt.container,S.classes.captions.active,!0),dt.buttons.captions.checked=!0))}function C(e){var t=[];return t=e.split(" --> "),E(t[0])}function A(e){var t=[];return t=e.split(" --> "),E(t[1])}function E(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 P(e){return dt.container.querySelectorAll(e)}function N(e){return P(e)[0]}function I(){try{return window.self!==window.top}catch(e){return!0}}function M(){var e=S.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",S.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),S.tooltips)for(var r=P(S.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,S.classes.hidden,!1),f(s,S.classes.tooltip,!0)}}function L(){try{return dt.controls=N(S.selectors.controls),dt.buttons={},dt.buttons.seek=N(S.selectors.buttons.seek),dt.buttons.play=N(S.selectors.buttons.play),dt.buttons.pause=N(S.selectors.buttons.pause),dt.buttons.restart=N(S.selectors.buttons.restart),dt.buttons.rewind=N(S.selectors.buttons.rewind),dt.buttons.forward=N(S.selectors.buttons.forward),dt.buttons.fullscreen=N(S.selectors.buttons.fullscreen),dt.buttons.mute=N(S.selectors.buttons.mute),dt.buttons.captions=N(S.selectors.buttons.captions),dt.checkboxes=P("[type='checkbox']"),dt.progress={},dt.progress.container=N(S.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(S.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(S.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(S.selectors.buttons.volume),dt.duration=N(S.selectors.duration),dt.currentTime=N(S.selectors.currentTime),dt.seekTime=P(S.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||"Play";"undefined"!=typeof S.title&&S.title.length&&(e+=", "+S.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full){if(dt.media.removeAttribute("controls"),f(dt.container,S.classes.type.replace("{0}",dt.type),!0),f(dt.container,S.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type){var e=document.createElement("div");e.setAttribute("class",S.classes.videoWrapper),u(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id"))}null!==dt.media.getAttribute("autoplay")&&D()}function V(e){for(var t=P("[id^='youtube']"),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,S.classes.videoWrapper,!0),f(dt.media,S.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:0,vq:"hd720",rel:0,showinfo:0,iv_load_policy:3,cc_lang_pref:"en",wmode:"transparent",modestbranding:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=2==t.getPlayerState(),dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.container.querySelectorAll(S.selectors.controls).length||pt(),S.displayDuration&&nt()},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin","
"),dt.captionsContainer=N(S.selectors.captions),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(r){}"youtube"==dt.type&&(dt.embed.seekTo(dt.media.currentTime),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),k(t)}function z(){f(dt.container,S.classes.playing,!dt.media.paused),f(dt.container,S.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,S.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,S.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,S.classes.fullscreen.active,dt.isFullscreen);var a,s=!1;S.fullscreen.hideControls&&(f(dt.controls,S.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=S.storage.enabled&&x().supported?window.localStorage[S.storage.key]||S.volume:S.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&K()}function K(e){"undefined"==typeof e&&(e=!dt.media.muted),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function G(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),S.storage.enabled&&x().supported&&window.localStorage.setItem(S.storage.key,e),f(dt.container,S.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&(dt.buttons.mute.checked=0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("undefined"==typeof e&&(e=-1===dt.container.className.indexOf(S.classes.captions.active),dt.buttons.captions.checked=e),f(dt.container,S.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,S.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&S.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(j(),U(),at(),"string"==typeof e)dt.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),z()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&D()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function ut(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){D(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){j(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",U),y(dt.buttons.rewind,"click",W),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,U),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"change",function(){K(this.checked)}),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",k),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"change",function(){Q(this.checked)}),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),z()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",G),y(dt.media,"play pause",z),y(dt.media,"waiting canplay seeked",Z),y(dt.checkboxes,"keyup",g),"video"===dt.type&&S.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(U(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function lt(){if(!dt.init)return null;if(dt.container.setAttribute("class",S.selectors.container.replace(".","")),dt.init=!1,c(N(S.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(S.selectors.captions)),l(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=w(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();switch(t){case"div":dt.type=dt.media.getAttribute("data-type");break;default:dt.type=t}if(dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),S.displayDuration&&nt(),O()}dt.init=!0}function pt(){return M(),L()?(R(),$(),G(),B(),ut(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:D,pause:j,restart:U,rewind:W,forward:Y,seek:U,source:ot,poster:it,setVolume:$,togglePlay:_,toggleMute:K,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:lt,restore:ct}:{}}var F,S,C={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},storage:{enabled:!0,key:"plyr_volume"},controls:["restart","rewind","play","fast-forward","current-time","duration","mute","volume","captions","fullscreen"],onSetup:function(){}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,u=!!document.createElement("video").canPlayType;switch(e){case"video":t=u,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s;break;default:t=i&&u,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(S=k(C,t),!S.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(S.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,S.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file diff --git a/docs/dist/docs.js b/docs/dist/docs.js index c5a044c7..7b63d557 100644 --- a/docs/dist/docs.js +++ b/docs/dist/docs.js @@ -1 +1 @@ -var Hogan={};!function(t){function n(t,n,e){var s;return n&&"object"==typeof n&&(void 0!==n[t]?s=n[t]:e&&n.get&&"function"==typeof n.get&&(s=n.get(t))),s}function e(t,n,e,s,r,a){function i(){}function o(){}i.prototype=t,o.prototype=t.subs;var c,l=new i;l.subs=new o,l.subsText={},l.buf="",s=s||{},l.stackSubs=s,l.subsText=a;for(c in n)s[c]||(s[c]=n[c]);for(c in s)l.subs[c]=s[c];r=r||{},l.stackPartials=r;for(c in e)r[c]||(r[c]=e[c]);for(c in r)l.partials[c]=r[c];return l}function s(t){return String(null===t||void 0===t?"":t)}function r(t){return t=s(t),u.test(t)?t.replace(a,"&").replace(i,"<").replace(o,">").replace(c,"'").replace(l,"""):t}t.Template=function(t,n,e,s){t=t||{},this.r=t.code||this.r,this.c=e,this.options=s||{},this.text=n||"",this.partials=t.partials||{},this.subs=t.subs||{},this.buf=""},t.Template.prototype={r:function(){return""},v:r,t:s,render:function(t,n,e){return this.ri([t],n||{},e)},ri:function(t,n,e){return this.r(t,n,e)},ep:function(t,n){var s=this.partials[t],r=n[s.name];if(s.instance&&s.base==r)return s.instance;if("string"==typeof r){if(!this.c)throw new Error("No compiler available.");r=this.c.compile(r,this.options)}if(!r)return null;if(this.partials[t].base=r,s.subs){n.stackText||(n.stackText={});for(key in s.subs)n.stackText[key]||(n.stackText[key]=void 0!==this.activeSub&&n.stackText[this.activeSub]?n.stackText[this.activeSub]:this.text);r=e(r,s.subs,s.partials,this.stackSubs,this.stackPartials,n.stackText)}return this.partials[t].instance=r,r},rp:function(t,n,e,s){var r=this.ep(t,e);return r?r.ri(n,e,s):""},rs:function(t,n,e){var s=t[t.length-1];if(!p(s))return e(t,n,this),void 0;for(var r=0;r=0;l--)if(i=e[l],a=n(t,i,c),void 0!==a){o=!0;break}return o?(r||"function"!=typeof a||(a=this.mv(a,e,s)),a):r?!1:""},ls:function(t,n,e,r,a){var i=this.options.delimiters;return this.options.delimiters=a,this.b(this.ct(s(t.call(n,r)),n,e)),this.options.delimiters=i,!1},ct:function(t,n,e){if(this.options.disableLambda)throw new Error("Lambda features disabled.");return this.c.compile(t,this.options).render(n,e)},b:function(t){this.buf+=t},fl:function(){var t=this.buf;return this.buf="",t},ms:function(t,n,e,s,r,a,i){var o,c=n[n.length-1],l=t.call(c);return"function"==typeof l?s?!0:(o=this.activeSub&&this.subsText&&this.subsText[this.activeSub]?this.subsText[this.activeSub]:this.text,this.ls(l,c,e,o.substring(r,a),i)):l},mv:function(t,n,e){var r=n[n.length-1],a=t.call(r);return"function"==typeof a?this.ct(s(a.call(r)),r,e):a},sub:function(t,n,e,s){var r=this.subs[t];r&&(this.activeSub=t,r(n,e,this,s),this.activeSub=!1)}};var a=/&/g,i=//g,c=/\'/g,l=/\"/g,u=/[&<>\"\']/,p=Array.isArray||function(t){return"[object Array]"===Object.prototype.toString.call(t)}}("undefined"!=typeof exports?exports:Hogan),function(t){function n(t){"}"===t.n.substr(t.n.length-1)&&(t.n=t.n.substring(0,t.n.length-1))}function e(t){return t.trim?t.trim():t.replace(/^\s*|\s*$/g,"")}function s(t,n,e){if(n.charAt(e)!=t.charAt(0))return!1;for(var s=1,r=t.length;r>s;s++)if(n.charAt(e+s)!=t.charAt(s))return!1;return!0}function r(n,e,s,o){var c=[],l=null,u=null,p=null;for(u=s[s.length-1];n.length>0;){if(p=n.shift(),u&&"<"==u.tag&&!(p.tag in k))throw new Error("Illegal content in < super tag.");if(t.tags[p.tag]<=t.tags.$||a(p,o))s.push(p),p.nodes=r(n,p.tag,s,o);else{if("/"==p.tag){if(0===s.length)throw new Error("Closing tag without opener: /"+p.n);if(l=s.pop(),p.n!=l.n&&!i(p.n,l.n,o))throw new Error("Nesting error: "+l.n+" vs. "+p.n);return l.end=p.i,c}"\n"==p.tag&&(p.last=0==n.length||"\n"==n[0].tag)}c.push(p)}if(s.length>0)throw new Error("missing closing tag: "+s.pop().n);return c}function a(t,n){for(var e=0,s=n.length;s>e;e++)if(n[e].o==t.n)return t.tag="#",!0}function i(t,n,e){for(var s=0,r=e.length;r>s;s++)if(e[s].c==t&&e[s].o==n)return!0}function o(t){var n=[];for(var e in t)n.push('"'+l(e)+'": function(c,p,t,i) {'+t[e]+"}");return"{ "+n.join(",")+" }"}function c(t){var n=[];for(var e in t.partials)n.push('"'+l(e)+'":{name:"'+l(t.partials[e].name)+'", '+c(t.partials[e])+"}");return"partials: {"+n.join(",")+"}, subs: "+o(t.subs)}function l(t){return t.replace(w,"\\\\").replace(g,'\\"').replace(h,"\\n").replace(v,"\\r").replace(m,"\\u2028").replace(y,"\\u2029")}function u(t){return~t.indexOf(".")?"d":"f"}function p(t,n){var e="<"+(n.prefix||""),s=e+t.n+x++;return n.partials[s]={name:t.n,partials:{}},n.code+='t.b(t.rp("'+l(s)+'",c,p,"'+(t.indent||"")+'"));',s}function b(t,n){n.code+="t.b(t.t(t."+u(t.n)+'("'+l(t.n)+'",c,p,0)));'}function f(t){return"t.b("+t+");"}var d=/\S/,g=/\"/g,h=/\n/g,v=/\r/g,w=/\\/g,m=/\u2028/,y=/\u2029/;t.tags={"#":1,"^":2,"<":3,$:4,"/":5,"!":6,">":7,"=":8,_v:9,"{":10,"&":11,_t:12},t.scan=function(r,a){function i(){w.length>0&&(m.push({tag:"_t",text:new String(w)}),w="")}function o(){for(var n=!0,e=x;e"==e.tag&&(e.indent=m[s].text.toString()),m.splice(s,1));else n||m.push({tag:"\n"});y=!1,x=m.length}function l(t,n){var s="="+T,r=t.indexOf(s,n),a=e(t.substring(t.indexOf("=",n)+1,r)).split(" ");return S=a[0],T=a[a.length-1],r+s.length-1}var u=r.length,p=0,b=1,f=2,g=p,h=null,v=null,w="",m=[],y=!1,k=0,x=0,S="{{",T="}}";for(a&&(a=a.split(" "),S=a[0],T=a[1]),k=0;u>k;k++)g==p?s(S,r,k)?(--k,i(),g=b):"\n"==r.charAt(k)?c(y):w+=r.charAt(k):g==b?(k+=S.length-1,v=t.tags[r.charAt(k+1)],h=v?r.charAt(k+1):"_v","="==h?(k=l(r,k),g=p):(v&&k++,g=f),y=k):s(T,r,k)?(m.push({tag:h,n:e(w),otag:S,ctag:T,i:"/"==h?y-S.length:k+T.length}),w="",k+=T.length-1,g=p,"{"==h&&("}}"==T?k++:n(m[m.length-1]))):w+=r.charAt(k);return c(y,!0),m};var k={_t:!0,"\n":!0,$:!0,"/":!0};t.stringify=function(n){return"{code: function (c,p,i) { "+t.wrapMain(n.code)+" },"+c(n)+"}"};var x=0;t.generate=function(n,e,s){x=0;var r={code:"",subs:{},partials:{}};return t.walk(n,r),s.asString?this.stringify(r,e,s):this.makeTemplate(r,e,s)},t.wrapMain=function(t){return'var t=this;t.b(i=i||"");'+t+"return t.fl();"},t.template=t.Template,t.makeTemplate=function(t,n,e){var s=this.makePartials(t);return s.code=new Function("c","p","i",this.wrapMain(t.code)),new this.template(s,n,this,e)},t.makePartials=function(t){var n,e={subs:{},partials:t.partials,name:t.name};for(n in e.partials)e.partials[n]=this.makePartials(e.partials[n]);for(n in t.subs)e.subs[n]=new Function("c","p","t","i",t.subs[n]);return e},t.codegen={"#":function(n,e){e.code+="if(t.s(t."+u(n.n)+'("'+l(n.n)+'",c,p,1),c,p,0,'+n.i+","+n.end+',"'+n.otag+" "+n.ctag+'")){t.rs(c,p,function(c,p,t){',t.walk(n.nodes,e),e.code+="});c.pop();}"},"^":function(n,e){e.code+="if(!t.s(t."+u(n.n)+'("'+l(n.n)+'",c,p,1),c,p,1,0,0,"")){',t.walk(n.nodes,e),e.code+="};"},">":p,"<":function(n,e){var s={partials:{},code:"",subs:{},inPartial:!0};t.walk(n.nodes,s);var r=e.partials[p(n,e)];r.subs=s.subs,r.partials=s.partials},$:function(n,e){var s={subs:{},code:"",partials:e.partials,prefix:n.n};t.walk(n.nodes,s),e.subs[n.n]=s.code,e.inPartial||(e.code+='t.sub("'+l(n.n)+'",c,p,i);')},"\n":function(t,n){n.code+=f('"\\n"'+(t.last?"":" + i"))},_v:function(t,n){n.code+="t.b(t.v(t."+u(t.n)+'("'+l(t.n)+'",c,p,0)));'},_t:function(t,n){n.code+=f('"'+l(t.text)+'"')},"{":b,"&":b},t.walk=function(n,e){for(var s,r=0,a=n.length;a>r;r++)s=t.codegen[n[r].tag],s&&s(n[r],e);return e},t.parse=function(t,n,e){return e=e||{},r(t,"",[],e.sectionTags||[])},t.cache={},t.cacheKey=function(t,n){return[t,!!n.asString,!!n.disableLambda,n.delimiters,!!n.modelGet].join("||")},t.compile=function(n,e){e=e||{};var s=t.cacheKey(n,e),r=this.cache[s];if(r){var a=r.partials;for(var i in a)delete a[i].instance;return r}return r=this.generate(this.parse(this.scan(n,e.delimiters),n,e),n,e),this.cache[s]=r}}("undefined"!=typeof exports?exports:Hogan);var Mustache=function(t){function n(n,e,s,r){var a=this.f(n,e,s,0),i=e;return a&&(i=i.concat(a)),t.Template.prototype.rp.call(this,n,i,s,r)}var e=function(e,s,r){this.rp=n,t.Template.call(this,e,s,r)};e.prototype=t.Template.prototype;var s,r=function(){this.cache={},this.generate=function(t,n){return new e(new Function("c","p","i",t),n,s)}};return r.prototype=t,s=new r,{to_html:function(t,n,e,r){var a=s.compile(t),i=a.render(n,e);return r?(r(i),void 0):i}}}(Hogan),templates={};templates.controls=new Hogan.Template({code:function(t,n,e){var s=this;return s.b(e=e||""),s.b('
'),s.b("\n"+e),s.b('
'),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(" 0% played"),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(" 0% buffered"),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b("
"),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' Current time'),s.b("\n"+e),s.b(' 00:00'),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' Duration'),s.b("\n"+e),s.b(' 00:00'),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' "),s.b("\n"),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' "),s.b("\n"),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b("
"),s.fl()},partials:{},subs:{}}),plyr.setup({debug:!0,volume:9,title:"Video demo",html:templates.controls.render({}),captions:{defaultActive:!0},onSetup:function(){if("media"in this){var t=this,n=t.media.tagName.toLowerCase(),e=document.querySelector("[data-toggle='fullscreen']");console.log("✓ Setup done for <"+n+">"),"video"===n&&e&&e.addEventListener("click",t.toggleFullscreen,!1)}}}),function(){function t(t){"a"==t.target.nodeName.toLowerCase()&&(t.preventDefault?t.preventDefault():t.returnValue=!1);var n=t.target,e=n.href,s=n.getAttribute("data-window-width")||600,r=n.getAttribute("data-window-height")||600,a=n.getAttribute("data-window-name")||"popup";if(window["window-"+a]&&!window["window-"+a].closed)window["window-"+a].focus();else{var i=void 0!==window.screenLeft?window.screenLeft:screen.left,o=void 0!==window.screenTop?window.screenTop:screen.top,c=screen.width/2-s/2+i,l=screen.height/2-r/2+o;window["window-"+a]=window.open(e,a,"top="+l+",left="+c+",width="+s+",height="+r),window["window-"+a].focus()}}function n(t,n){var e="jsonp_callback_"+Math.round(1e5*Math.random());window[e]=function(t){delete window[e],document.body.removeChild(s),n(t)};var s=document.createElement("script");s.setAttribute("src",t+(t.indexOf("?")>=0?"&":"?")+"callback="+e),document.body.appendChild(s)}function e(t,n){document.querySelector(t).innerHTML=n}function s(t){return"★ "+t}function r(t){t.preventDefault();for(var n=t.target,e=document.querySelector(n.getAttribute("href")),s=c.length-1;s>=0;s--)c[s].classList.remove(l);for(var r=o.length-1;r>=0;r--)o[r].classList.remove(l);e.classList.add(l),t.target.classList.add(l)}document.querySelector(".js-popup").addEventListener("click",t);var a="sessionStorage"in window,i={github:".js-stargazers-count",twitter:".js-tweet-count"};a&&"github_stargazers"in window.sessionStorage?e(i.github,s(window.sessionStorage.github_stargazers)):n("https://api.github.com/repos/selz/plyr?access_token=a46ac653210ba6a6be44260c29c333470c3fbbf5",function(t){t&&"undefined"!=typeof t.data.stargazers_count&&(e(i.github,s(t.data.stargazers_count)),window.sessionStorage.github_stargazers=t.data.stargazers_count)}),a&&"tweets"in window.sessionStorage?e(i.twitter,window.sessionStorage.tweets):n("https://cdn.api.twitter.com/1/urls/count.json?url=plyr.io",function(t){t&&"undefined"!=typeof t.count&&(e(i.twitter,t.count),window.sessionStorage.tweets=t.count)});for(var o=document.querySelectorAll(".nav-panel a"),c=document.querySelectorAll(".panels > .panel"),l="active",u=o.length-1;u>=0;u--)o[u].addEventListener("click",r)}(),document.domain.indexOf("plyr.io")>-1&&(!function(t,n,e,s,r,a,i){t.GoogleAnalyticsObject=r,t[r]=t[r]||function(){(t[r].q=t[r].q||[]).push(arguments)},t[r].l=1*new Date,a=n.createElement(e),i=n.getElementsByTagName(e)[0],a.async=1,a.src=s,i.parentNode.insertBefore(a,i)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-40881672-11","auto"),ga("send","pageview")); \ No newline at end of file +var Hogan={};!function(t){function n(t,n,e){var s;return n&&"object"==typeof n&&(void 0!==n[t]?s=n[t]:e&&n.get&&"function"==typeof n.get&&(s=n.get(t))),s}function e(t,n,e,s,r,a){function i(){}function o(){}i.prototype=t,o.prototype=t.subs;var c,l=new i;l.subs=new o,l.subsText={},l.buf="",s=s||{},l.stackSubs=s,l.subsText=a;for(c in n)s[c]||(s[c]=n[c]);for(c in s)l.subs[c]=s[c];r=r||{},l.stackPartials=r;for(c in e)r[c]||(r[c]=e[c]);for(c in r)l.partials[c]=r[c];return l}function s(t){return String(null===t||void 0===t?"":t)}function r(t){return t=s(t),u.test(t)?t.replace(a,"&").replace(i,"<").replace(o,">").replace(c,"'").replace(l,"""):t}t.Template=function(t,n,e,s){t=t||{},this.r=t.code||this.r,this.c=e,this.options=s||{},this.text=n||"",this.partials=t.partials||{},this.subs=t.subs||{},this.buf=""},t.Template.prototype={r:function(){return""},v:r,t:s,render:function(t,n,e){return this.ri([t],n||{},e)},ri:function(t,n,e){return this.r(t,n,e)},ep:function(t,n){var s=this.partials[t],r=n[s.name];if(s.instance&&s.base==r)return s.instance;if("string"==typeof r){if(!this.c)throw new Error("No compiler available.");r=this.c.compile(r,this.options)}if(!r)return null;if(this.partials[t].base=r,s.subs){n.stackText||(n.stackText={});for(key in s.subs)n.stackText[key]||(n.stackText[key]=void 0!==this.activeSub&&n.stackText[this.activeSub]?n.stackText[this.activeSub]:this.text);r=e(r,s.subs,s.partials,this.stackSubs,this.stackPartials,n.stackText)}return this.partials[t].instance=r,r},rp:function(t,n,e,s){var r=this.ep(t,e);return r?r.ri(n,e,s):""},rs:function(t,n,e){var s=t[t.length-1];if(!p(s))return e(t,n,this),void 0;for(var r=0;r=0;l--)if(i=e[l],a=n(t,i,c),void 0!==a){o=!0;break}return o?(r||"function"!=typeof a||(a=this.mv(a,e,s)),a):r?!1:""},ls:function(t,n,e,r,a){var i=this.options.delimiters;return this.options.delimiters=a,this.b(this.ct(s(t.call(n,r)),n,e)),this.options.delimiters=i,!1},ct:function(t,n,e){if(this.options.disableLambda)throw new Error("Lambda features disabled.");return this.c.compile(t,this.options).render(n,e)},b:function(t){this.buf+=t},fl:function(){var t=this.buf;return this.buf="",t},ms:function(t,n,e,s,r,a,i){var o,c=n[n.length-1],l=t.call(c);return"function"==typeof l?s?!0:(o=this.activeSub&&this.subsText&&this.subsText[this.activeSub]?this.subsText[this.activeSub]:this.text,this.ls(l,c,e,o.substring(r,a),i)):l},mv:function(t,n,e){var r=n[n.length-1],a=t.call(r);return"function"==typeof a?this.ct(s(a.call(r)),r,e):a},sub:function(t,n,e,s){var r=this.subs[t];r&&(this.activeSub=t,r(n,e,this,s),this.activeSub=!1)}};var a=/&/g,i=//g,c=/\'/g,l=/\"/g,u=/[&<>\"\']/,p=Array.isArray||function(t){return"[object Array]"===Object.prototype.toString.call(t)}}("undefined"!=typeof exports?exports:Hogan),function(t){function n(t){"}"===t.n.substr(t.n.length-1)&&(t.n=t.n.substring(0,t.n.length-1))}function e(t){return t.trim?t.trim():t.replace(/^\s*|\s*$/g,"")}function s(t,n,e){if(n.charAt(e)!=t.charAt(0))return!1;for(var s=1,r=t.length;r>s;s++)if(n.charAt(e+s)!=t.charAt(s))return!1;return!0}function r(n,e,s,o){var c=[],l=null,u=null,p=null;for(u=s[s.length-1];n.length>0;){if(p=n.shift(),u&&"<"==u.tag&&!(p.tag in k))throw new Error("Illegal content in < super tag.");if(t.tags[p.tag]<=t.tags.$||a(p,o))s.push(p),p.nodes=r(n,p.tag,s,o);else{if("/"==p.tag){if(0===s.length)throw new Error("Closing tag without opener: /"+p.n);if(l=s.pop(),p.n!=l.n&&!i(p.n,l.n,o))throw new Error("Nesting error: "+l.n+" vs. "+p.n);return l.end=p.i,c}"\n"==p.tag&&(p.last=0==n.length||"\n"==n[0].tag)}c.push(p)}if(s.length>0)throw new Error("missing closing tag: "+s.pop().n);return c}function a(t,n){for(var e=0,s=n.length;s>e;e++)if(n[e].o==t.n)return t.tag="#",!0}function i(t,n,e){for(var s=0,r=e.length;r>s;s++)if(e[s].c==t&&e[s].o==n)return!0}function o(t){var n=[];for(var e in t)n.push('"'+l(e)+'": function(c,p,t,i) {'+t[e]+"}");return"{ "+n.join(",")+" }"}function c(t){var n=[];for(var e in t.partials)n.push('"'+l(e)+'":{name:"'+l(t.partials[e].name)+'", '+c(t.partials[e])+"}");return"partials: {"+n.join(",")+"}, subs: "+o(t.subs)}function l(t){return t.replace(w,"\\\\").replace(g,'\\"').replace(h,"\\n").replace(v,"\\r").replace(m,"\\u2028").replace(y,"\\u2029")}function u(t){return~t.indexOf(".")?"d":"f"}function p(t,n){var e="<"+(n.prefix||""),s=e+t.n+x++;return n.partials[s]={name:t.n,partials:{}},n.code+='t.b(t.rp("'+l(s)+'",c,p,"'+(t.indent||"")+'"));',s}function b(t,n){n.code+="t.b(t.t(t."+u(t.n)+'("'+l(t.n)+'",c,p,0)));'}function f(t){return"t.b("+t+");"}var d=/\S/,g=/\"/g,h=/\n/g,v=/\r/g,w=/\\/g,m=/\u2028/,y=/\u2029/;t.tags={"#":1,"^":2,"<":3,$:4,"/":5,"!":6,">":7,"=":8,_v:9,"{":10,"&":11,_t:12},t.scan=function(r,a){function i(){w.length>0&&(m.push({tag:"_t",text:new String(w)}),w="")}function o(){for(var n=!0,e=x;e"==e.tag&&(e.indent=m[s].text.toString()),m.splice(s,1));else n||m.push({tag:"\n"});y=!1,x=m.length}function l(t,n){var s="="+T,r=t.indexOf(s,n),a=e(t.substring(t.indexOf("=",n)+1,r)).split(" ");return S=a[0],T=a[a.length-1],r+s.length-1}var u=r.length,p=0,b=1,f=2,g=p,h=null,v=null,w="",m=[],y=!1,k=0,x=0,S="{{",T="}}";for(a&&(a=a.split(" "),S=a[0],T=a[1]),k=0;u>k;k++)g==p?s(S,r,k)?(--k,i(),g=b):"\n"==r.charAt(k)?c(y):w+=r.charAt(k):g==b?(k+=S.length-1,v=t.tags[r.charAt(k+1)],h=v?r.charAt(k+1):"_v","="==h?(k=l(r,k),g=p):(v&&k++,g=f),y=k):s(T,r,k)?(m.push({tag:h,n:e(w),otag:S,ctag:T,i:"/"==h?y-S.length:k+T.length}),w="",k+=T.length-1,g=p,"{"==h&&("}}"==T?k++:n(m[m.length-1]))):w+=r.charAt(k);return c(y,!0),m};var k={_t:!0,"\n":!0,$:!0,"/":!0};t.stringify=function(n){return"{code: function (c,p,i) { "+t.wrapMain(n.code)+" },"+c(n)+"}"};var x=0;t.generate=function(n,e,s){x=0;var r={code:"",subs:{},partials:{}};return t.walk(n,r),s.asString?this.stringify(r,e,s):this.makeTemplate(r,e,s)},t.wrapMain=function(t){return'var t=this;t.b(i=i||"");'+t+"return t.fl();"},t.template=t.Template,t.makeTemplate=function(t,n,e){var s=this.makePartials(t);return s.code=new Function("c","p","i",this.wrapMain(t.code)),new this.template(s,n,this,e)},t.makePartials=function(t){var n,e={subs:{},partials:t.partials,name:t.name};for(n in e.partials)e.partials[n]=this.makePartials(e.partials[n]);for(n in t.subs)e.subs[n]=new Function("c","p","t","i",t.subs[n]);return e},t.codegen={"#":function(n,e){e.code+="if(t.s(t."+u(n.n)+'("'+l(n.n)+'",c,p,1),c,p,0,'+n.i+","+n.end+',"'+n.otag+" "+n.ctag+'")){t.rs(c,p,function(c,p,t){',t.walk(n.nodes,e),e.code+="});c.pop();}"},"^":function(n,e){e.code+="if(!t.s(t."+u(n.n)+'("'+l(n.n)+'",c,p,1),c,p,1,0,0,"")){',t.walk(n.nodes,e),e.code+="};"},">":p,"<":function(n,e){var s={partials:{},code:"",subs:{},inPartial:!0};t.walk(n.nodes,s);var r=e.partials[p(n,e)];r.subs=s.subs,r.partials=s.partials},$:function(n,e){var s={subs:{},code:"",partials:e.partials,prefix:n.n};t.walk(n.nodes,s),e.subs[n.n]=s.code,e.inPartial||(e.code+='t.sub("'+l(n.n)+'",c,p,i);')},"\n":function(t,n){n.code+=f('"\\n"'+(t.last?"":" + i"))},_v:function(t,n){n.code+="t.b(t.v(t."+u(t.n)+'("'+l(t.n)+'",c,p,0)));'},_t:function(t,n){n.code+=f('"'+l(t.text)+'"')},"{":b,"&":b},t.walk=function(n,e){for(var s,r=0,a=n.length;a>r;r++)s=t.codegen[n[r].tag],s&&s(n[r],e);return e},t.parse=function(t,n,e){return e=e||{},r(t,"",[],e.sectionTags||[])},t.cache={},t.cacheKey=function(t,n){return[t,!!n.asString,!!n.disableLambda,n.delimiters,!!n.modelGet].join("||")},t.compile=function(n,e){e=e||{};var s=t.cacheKey(n,e),r=this.cache[s];if(r){var a=r.partials;for(var i in a)delete a[i].instance;return r}return r=this.generate(this.parse(this.scan(n,e.delimiters),n,e),n,e),this.cache[s]=r}}("undefined"!=typeof exports?exports:Hogan);var Mustache=function(t){function n(n,e,s,r){var a=this.f(n,e,s,0),i=e;return a&&(i=i.concat(a)),t.Template.prototype.rp.call(this,n,i,s,r)}var e=function(e,s,r){this.rp=n,t.Template.call(this,e,s,r)};e.prototype=t.Template.prototype;var s,r=function(){this.cache={},this.generate=function(t,n){return new e(new Function("c","p","i",t),n,s)}};return r.prototype=t,s=new r,{to_html:function(t,n,e,r){var a=s.compile(t),i=a.render(n,e);return r?(r(i),void 0):i}}}(Hogan),templates={};templates.controls=new Hogan.Template({code:function(t,n,e){var s=this;return s.b(e=e||""),s.b('
'),s.b("\n"+e),s.b('
'),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(" 0% played"),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(" 0% buffered"),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b("
"),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' Current time'),s.b("\n"+e),s.b(' 00:00'),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' Duration'),s.b("\n"+e),s.b(' 00:00'),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' "),s.b("\n"),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' "),s.b("\n"),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b("
"),s.fl()},partials:{},subs:{}}),plyr.setup({debug:!0,volume:9,title:"Video demo",html:templates.controls.render({}),tooltips:!0,captions:{defaultActive:!0},onSetup:function(){if("media"in this){var t=this,n=t.media.tagName.toLowerCase(),e=document.querySelector("[data-toggle='fullscreen']");console.log("✓ Setup done for <"+n+">"),"video"===n&&e&&e.addEventListener("click",t.toggleFullscreen,!1)}}}),function(){function t(t){"a"==t.target.nodeName.toLowerCase()&&(t.preventDefault?t.preventDefault():t.returnValue=!1);var n=t.target,e=n.href,s=n.getAttribute("data-window-width")||600,r=n.getAttribute("data-window-height")||600,a=n.getAttribute("data-window-name")||"popup";if(window["window-"+a]&&!window["window-"+a].closed)window["window-"+a].focus();else{var i=void 0!==window.screenLeft?window.screenLeft:screen.left,o=void 0!==window.screenTop?window.screenTop:screen.top,c=screen.width/2-s/2+i,l=screen.height/2-r/2+o;window["window-"+a]=window.open(e,a,"top="+l+",left="+c+",width="+s+",height="+r),window["window-"+a].focus()}}function n(t,n){var e="jsonp_callback_"+Math.round(1e5*Math.random());window[e]=function(t){delete window[e],document.body.removeChild(s),n(t)};var s=document.createElement("script");s.setAttribute("src",t+(t.indexOf("?")>=0?"&":"?")+"callback="+e),document.body.appendChild(s)}function e(t,n){document.querySelector(t).innerHTML=n}function s(t){return"★ "+t}function r(t){t.preventDefault();for(var n=t.target,e=document.querySelector(n.getAttribute("href")),s=c.length-1;s>=0;s--)c[s].classList.remove(l);for(var r=o.length-1;r>=0;r--)o[r].classList.remove(l);e.classList.add(l),t.target.classList.add(l)}document.querySelector(".js-popup").addEventListener("click",t);var a="sessionStorage"in window,i={github:".js-stargazers-count",twitter:".js-tweet-count"};a&&"github_stargazers"in window.sessionStorage?e(i.github,s(window.sessionStorage.github_stargazers)):n("https://api.github.com/repos/selz/plyr?access_token=a46ac653210ba6a6be44260c29c333470c3fbbf5",function(t){t&&"undefined"!=typeof t.data.stargazers_count&&(e(i.github,s(t.data.stargazers_count)),window.sessionStorage.github_stargazers=t.data.stargazers_count)}),a&&"tweets"in window.sessionStorage?e(i.twitter,window.sessionStorage.tweets):n("https://cdn.api.twitter.com/1/urls/count.json?url=plyr.io",function(t){t&&"undefined"!=typeof t.count&&(e(i.twitter,t.count),window.sessionStorage.tweets=t.count)});for(var o=document.querySelectorAll(".nav-panel a"),c=document.querySelectorAll(".panels > .panel"),l="active",u=o.length-1;u>=0;u--)o[u].addEventListener("click",r)}(),document.domain.indexOf("plyr.io")>-1&&(!function(t,n,e,s,r,a,i){t.GoogleAnalyticsObject=r,t[r]=t[r]||function(){(t[r].q=t[r].q||[]).push(arguments)},t[r].l=1*new Date,a=n.createElement(e),i=n.getElementsByTagName(e)[0],a.async=1,a.src=s,i.parentNode.insertBefore(a,i)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-40881672-11","auto"),ga("send","pageview")); \ No newline at end of file diff --git a/docs/error.html b/docs/error.html index ef009316..8d89f055 100644 --- a/docs/error.html +++ b/docs/error.html @@ -6,7 +6,7 @@ - +
diff --git a/docs/index.html b/docs/index.html index a826e287..d3695501 100644 --- a/docs/index.html +++ b/docs/index.html @@ -8,10 +8,10 @@ - + - +
@@ -97,13 +97,13 @@ b.insertBefore(c, b.childNodes[0]); } } - })(document, "https://cdn.plyr.io/1.2.1/sprite.svg"); + })(document, "https://cdn.plyr.io/1.2.2/sprite.svg"); - + - + diff --git a/docs/src/js/docs.js b/docs/src/js/docs.js index df205260..f35ff11b 100644 --- a/docs/src/js/docs.js +++ b/docs/src/js/docs.js @@ -10,6 +10,7 @@ plyr.setup({ volume: 9, title: "Video demo", html: templates.controls.render({}), + tooltips: true, captions: { defaultActive: true }, diff --git a/package.json b/package.json index a638746a..e176d766 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "plyr", - "version": "1.2.1", + "version": "1.2.2", "description": "A simple HTML5 media player using custom controls", "homepage": "http://plyr.io", "main": "gulpfile.js", diff --git a/readme.md b/readme.md index 0635ea6d..31ffd902 100644 --- a/readme.md +++ b/readme.md @@ -39,7 +39,7 @@ If you have any cool ideas or features, please let me know by [creating an issue Check `docs/index.html` and `docs/dist/docs.js` for an example setup. -**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.2.1/plyr.js` to `https://cdn.plyr.io/1.2.1/plyr.js` +**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.2.2/plyr.js` to `https://cdn.plyr.io/1.2.2/plyr.js` ### Bower If bower is your thang, you can grab Plyr using: @@ -59,11 +59,11 @@ More info is on [npm](https://www.npmjs.com/package/ember-cli-plyr) and [GitHub] If you want to use our CDN, you can use the following: ```html - - + + ``` -You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.2.1/sprite.svg`. +You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.2.2/sprite.svg`. ### CSS If you want to use the default css, add the `plyr.css` file from /dist into your head, or even better use `plyr.less` or `plyr.sass` file included in `/src` in your build to save a request. diff --git a/src/js/plyr.js b/src/js/plyr.js index 269274fd..4e379da6 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -1,6 +1,6 @@ // ========================================================================== // Plyr -// plyr.js v1.2.1 +// plyr.js v1.2.2 // https://github.com/selz/plyr // License: The MIT License (MIT) // ========================================================================== @@ -59,7 +59,7 @@ loading: "loading", tooltip: "player-tooltip", hidden: "sr-only", - hover: "hover", + hover: "player-hover", captions: { enabled: "captions-enabled", active: "captions-active" @@ -1322,7 +1322,7 @@ // Show the player controls function _showControls() { // Set shown class - _toggleClass(player.controls, config.classes.hover, true); + _toggleClass(player.container, config.classes.hover, true); // Clear timer every movement window.clearTimeout(hoverTimer); @@ -1330,7 +1330,7 @@ // If the mouse is not over the controls, set a timeout to hide them if(!isMouseOver) { hoverTimer = window.setTimeout(function() { - _toggleClass(player.controls, config.classes.hover, false); + _toggleClass(player.container, config.classes.hover, false); }, 2000); } } @@ -1675,6 +1675,32 @@ // IE doesn't support input event, so we fallback to change var inputEvent = (player.browser.name == "IE" ? "change" : "input"); + // Detect tab focus + function checkFocus() { + var focused = document.activeElement; + if (!focused || focused == document.body) { + focused = null; + } + else if (document.querySelector){ + focused = document.querySelector(":focus"); + } + for (var button in player.buttons) { + var element = player.buttons[button]; + + _toggleClass(element, "tab-focus", (element === focused)); + } + } + _on(window, "keyup", function(event) { + var code = (event.keyCode ? event.keyCode : event.which); + if(code == 9) { checkFocus(); } + }); + for (var button in player.buttons) { + var element = player.buttons[button]; + _on(element, "blur", function() { + _toggleClass(element, "tab-focus", false); + }); + } + // Play _on(player.buttons.play, "click", function() { _play(); diff --git a/src/less/plyr.less b/src/less/plyr.less index 5ff29b3a..69f490e1 100644 --- a/src/less/plyr.less +++ b/src/less/plyr.less @@ -351,9 +351,9 @@ } } label:hover .player-tooltip, - input:focus + label .player-tooltip, + input.tab-focus:focus + label .player-tooltip, button:hover .player-tooltip, - button:focus .player-tooltip { + button.tab-focus:focus .player-tooltip { visibility: visible; opacity: 1; transform: translate(-50%, 0) scale(1); @@ -596,16 +596,7 @@ .player-video-wrapper { height: 100%; width: 100%; - - .player-captions { - top: auto; - bottom: 90px; - - @media (min-width: @bp-control-split) { - bottom: 60px; - } - } - } + } .player-controls { position: absolute; bottom: 0; @@ -614,13 +605,29 @@ } // Hide controls when playing in full screen - &.fullscreen-hide-controls.playing .player-controls { - transform: translateY(100%) translateY(@control-spacing / 2); - transition: transform .3s .2s ease; - - &.hover { + &.fullscreen-hide-controls.playing { + .player-controls { + transform: translateY(100%) translateY(@control-spacing / 2); + transition: transform .3s .2s ease; + } + &.player-hover .player-controls { transform: translateY(0); } + .player-captions { + bottom: (@control-spacing / 2); + transition: bottom .3s .2s ease; + } + } + + // Captions + .player-captions, + &.fullscreen-hide-controls.playing.player-hover .player-captions { + top: auto; + bottom: 90px; + + @media (min-width: @bp-control-split) { + bottom: 60px; + } } } diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss index 5e8150e7..eeda4f4c 100644 --- a/src/sass/plyr.scss +++ b/src/sass/plyr.scss @@ -594,15 +594,6 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo .player-video-wrapper { height: 100%; width: 100%; - - .player-captions { - top: auto; - bottom: 90px; - - @media (min-width: $bp-control-split) { - bottom: 60px; - } - } } .player-controls { position: absolute; @@ -612,13 +603,29 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo } // Hide controls when playing in full screen - &.fullscreen-hide-controls.playing .player-controls { - transform: translateY(100%) translateY($control-spacing / 2); - transition: transform .3s .2s ease; - - &.hover { + &.fullscreen-hide-controls.playing { + .player-controls { + transform: translateY(100%) translateY($control-spacing / 2); + transition: transform .3s .2s ease; + } + &.player-hover .player-controls { transform: translateY(0); } + .player-captions { + bottom: (@control-spacing / 2); + transition: bottom .3s .2s ease; + } + } + + // Captions + .player-captions, + &.fullscreen-hide-controls.playing.player-hover .player-captions { + top: auto; + bottom: 90px; + + @media (min-width: $bp-control-split) { + bottom: 60px; + } } } From e9cdbfb8da156ded3b11ca1a3e5bd29104ee565a Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sat, 25 Jul 2015 19:51:32 +1000 Subject: [PATCH 14/54] Safari fix (fixes #96), YouTube tweaks, docs --- bundles.json | 1 + changelog.md | 5 + dist/plyr.css | 2 +- dist/plyr.js | 2 +- docs/dist/docs.css | 2 +- docs/dist/docs.js | 2 +- docs/error.html | 2 +- docs/index.html | 10 +- docs/src/js/docs.js | 2 +- docs/src/js/lib/classlist.js | 237 +++++++++++++++++++++++++ docs/src/less/components/base.less | 1 + docs/src/less/components/buttons.less | 3 +- docs/src/less/components/examples.less | 22 +++ package.json | 2 +- readme.md | 8 +- src/js/plyr.js | 44 +++-- src/less/plyr.less | 26 +-- src/sass/plyr.scss | 28 +-- 18 files changed, 338 insertions(+), 61 deletions(-) create mode 100644 docs/src/js/lib/classlist.js diff --git a/bundles.json b/bundles.json index 0595c557..f96c12d2 100644 --- a/bundles.json +++ b/bundles.json @@ -17,6 +17,7 @@ "js": { "docs.js": [ "docs/src/js/lib/hogan-3.0.2.mustache.js", + "docs/src/js/lib/classlist.js", "docs/dist/templates.js", "docs/src/js/docs.js" ] diff --git a/changelog.md b/changelog.md index e8cbaf1b..d75bb48c 100644 --- a/changelog.md +++ b/changelog.md @@ -1,5 +1,10 @@ # Changelog +## v1.2.3 +- Fix for YouTube on iPhone or unsupported browsers (fallback to YouTube native) +- Docs tidy up +- Fullscreen for Safari fix (Fixes #96) + ## v1.2.2 - Fix for :focus keyboard vs mouse (Fixes #61) - Fix for caption positioning in full screen (Fixes #92) diff --git a/dist/plyr.css b/dist/plyr.css index 962c73af..e398c4e2 100644 --- a/dist/plyr.css +++ b/dist/plyr.css @@ -1 +1 @@ -@-webkit-keyframes progress{to{background-position:40px 0}}@keyframes progress{to{background-position:40px 0}}.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}.player{position:relative;max-width:100%;min-width:290px}.player,.player *,.player ::after,.player ::before{box-sizing:border-box}.player-video-wrapper{position:relative}.player audio,.player video{width:100%;height:auto;vertical-align:middle}.player-video-embed{padding-bottom:56.25%;height:0}.player-video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.player-captions{display:none;position:absolute;bottom:0;left:0;width:100%;padding:20px;min-height:2.5em;color:#fff;font-size:16px;font-weight:600;text-shadow:-1px -1px 0 #565d64,1px -1px 0 #565d64,-1px 1px 0 #565d64,1px 1px 0 #565d64;text-align:center;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media (min-width:768px){.player-captions{font-size:24px}}.player.captions-active .player-captions{display:block}.player-controls{zoom:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;position:relative;padding:10px;background:#fff;line-height:1;text-align:center;box-shadow:0 1px 1px rgba(52,63,74,.2)}.player-controls:after,.player-controls:before{content:"";display:table}.player-controls:after{clear:both}.player-controls-right{display:block;margin:10px auto 0}@media (min-width:560px){.player-controls-left{float:left}.player-controls-right{float:right;margin-top:0}}.player-controls button,.player-controls input+label{display:inline-block;vertical-align:middle;margin:0 2px;padding:5px 10px;transition:background .3s ease,color .3s ease,opacity .3s ease;border-radius:3px;cursor:pointer}.player-controls button svg,.player-controls input+label svg{width:18px;height:18px;display:block;fill:currentColor;transition:fill .3s ease}.player-controls .inverted:checked+label,.player-controls input+label{opacity:.5}.player-controls .inverted+label,.player-controls button,.player-controls input:checked+label{color:#6b7d86;opacity:1}.player-controls button{border:0;background:0 0;overflow:hidden}.player-controls [type=checkbox]+label:hover,.player-controls [type=checkbox]:focus+label,.player-controls button:focus,.player-controls button:hover{background:#3498db;color:#fff;opacity:1}.player-controls button:focus,.player-controls input:focus+label{outline:0}.player-controls .icon-captions-on,.player-controls .icon-exit-fullscreen,.player-controls .icon-muted{display:none}.player-controls .player-time{display:inline-block;vertical-align:middle;margin-left:10px;color:#6b7d86;font-weight:600;font-size:14px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.player-controls .player-time+.player-time{display:none}@media (min-width:560px){.player-controls .player-time+.player-time{display:inline-block}}.player-controls .player-time+.player-time::before{content:"\2044";margin-right:10px}.player-tooltip{visibility:hidden;position:absolute;z-index:2;bottom:100%;margin-bottom:10px;padding:10px 15px;opacity:0;background:#fff;border-radius:3px;color:#6b7d86;font-size:14px;line-height:1.5;font-weight:600;-webkit-transform:translate(-50%,30px) scale(0);transform:translate(-50%,30px) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:-webkit-transform .2s .1s ease,opacity .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease}.player-tooltip::after{content:"";display:block;position:absolute;left:50%;bottom:-5px;margin-left:-5px;width:0;height:0;transition:inherit;border-style:solid;border-width:5px 5px 0;border-color:#fff transparent transparent}.player button.tab-focus:focus .player-tooltip,.player button:hover .player-tooltip,.player input.tab-focus:focus+label .player-tooltip,.player label:hover .player-tooltip{visibility:visible;opacity:1;-webkit-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1)}.player button:hover .player-tooltip,.player label:hover .player-tooltip{z-index:3}.player-progress{position:absolute;bottom:100%;left:0;right:0;width:100%;height:10px;background:rgba(86,93,100,.2)}.player-progress-buffer[value],.player-progress-played[value],.player-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}.player-progress-buffer[value]::-webkit-progress-bar,.player-progress-played[value]::-webkit-progress-bar{background:0 0}.player-progress-buffer[value]::-webkit-progress-value,.player-progress-played[value]::-webkit-progress-value{background:currentColor}.player-progress-buffer[value]::-moz-progress-bar,.player-progress-played[value]::-moz-progress-bar{background:currentColor}.player-progress-played[value]{z-index:2;color:#3498db}.player-progress-buffer[value]{color:rgba(86,93,100,.25)}.player-progress-seek[type=range]{z-index:4;cursor:pointer;outline:0}.player-progress-seek[type=range]::-webkit-slider-runnable-track{background:0 0;border:0}.player-progress-seek[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:0;width:20px;height:10px}.player-progress-seek[type=range]::-moz-range-track{background:0 0;border:0}.player-progress-seek[type=range]::-moz-range-thumb{-moz-appearance:none;background:0 0;border:0;width:20px;height:10px}.player-progress-seek[type=range]::-ms-track{color:transparent;background:0 0;border:0}.player-progress-seek[type=range]::-ms-fill-lower,.player-progress-seek[type=range]::-ms-fill-upper{background:0 0;border:0}.player-progress-seek[type=range]::-ms-thumb{background:0 0;border:0;width:20px;height:10px}.player-progress-seek[type=range]:focus{outline:0}.player-progress-seek[type=range]::-moz-focus-outer{border:0}.player.loading .player-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}.player-controls [data-player=pause],.player.playing .player-controls [data-player=play]{display:none}.player.playing .player-controls [data-player=pause]{display:inline-block}.player-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}.player-volume[type=range]::-webkit-slider-runnable-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.player-volume[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-3px;height:12px;width:12px;background:#6b7d86;border:0;border-radius:6px;transition:background .3s ease;cursor:ew-resize}.player-volume[type=range]::-moz-range-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.player-volume[type=range]::-moz-range-thumb{height:12px;width:12px;background:#6b7d86;border:0;border-radius:6px;transition:background .3s ease;cursor:ew-resize}.player-volume[type=range]::-ms-track{height:6px;background:0 0;border-color:transparent;border-width:3px 0;color:transparent}.player-volume[type=range]::-ms-fill-lower,.player-volume[type=range]::-ms-fill-upper{height:6px;background:#e6e6e6;border:0;border-radius:3px}.player-volume[type=range]::-ms-thumb{height:12px;width:12px;background:#6b7d86;border:0;border-radius:6px;transition:background .3s ease;cursor:ew-resize}.player-volume[type=range]:focus{outline:0}.player-volume[type=range]:focus::-webkit-slider-thumb{background:#3498db}.player-volume[type=range]:focus::-moz-range-thumb{background:#3498db}.player-volume[type=range]:focus::-ms-thumb{background:#3498db}.player-audio.ios .player-controls-right,.player.ios .player-volume,.player.ios [data-player=mute],.player.ios [data-player=mute]+label{display:none}.player-audio.ios .player-controls-left{float:none}.player-audio .player-controls{padding-top:20px}.player-audio .player-progress{bottom:auto;top:0;background:#d6dadd}.player-fullscreen,.player.fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000}.player-fullscreen video,.player.fullscreen-active video{height:100%}.player-fullscreen .player-video-wrapper,.player.fullscreen-active .player-video-wrapper{height:100%;width:100%}.player-fullscreen .player-controls,.player.fullscreen-active .player-controls{position:absolute;bottom:0;left:0;right:0}.player-fullscreen.fullscreen-hide-controls.playing .player-controls,.player.fullscreen-active.fullscreen-hide-controls.playing .player-controls{-webkit-transform:translateY(100%) translateY(5px);transform:translateY(100%) translateY(5px);transition:-webkit-transform .3s .2s ease;transition:transform .3s .2s ease}.player-fullscreen.fullscreen-hide-controls.playing.player-hover .player-controls,.player.fullscreen-active.fullscreen-hide-controls.playing.player-hover .player-controls{-webkit-transform:translateY(0);transform:translateY(0)}.player-fullscreen.fullscreen-hide-controls.playing .player-captions,.player.fullscreen-active.fullscreen-hide-controls.playing .player-captions{bottom:5px;transition:bottom .3s .2s ease}.player-fullscreen .player-captions,.player-fullscreen.fullscreen-hide-controls.playing.player-hover .player-captions,.player.fullscreen-active .player-captions,.player.fullscreen-active.fullscreen-hide-controls.playing.player-hover .player-captions{top:auto;bottom:90px}@media (min-width:560px){.player-fullscreen .player-captions,.player-fullscreen.fullscreen-hide-controls.playing.player-hover .player-captions,.player.fullscreen-active .player-captions,.player.fullscreen-active.fullscreen-hide-controls.playing.player-hover .player-captions{bottom:60px}}.player.captions-active .player-controls .icon-captions-on,.player.fullscreen-active .icon-exit-fullscreen,.player.muted .player-controls .icon-muted{display:block}.player [data-player=captions],.player [data-player=captions]+label,.player [data-player=fullscreen],.player [data-player=fullscreen]+label,.player.captions-active .player-controls .icon-captions-on+svg,.player.fullscreen-active .icon-exit-fullscreen+svg,.player.muted .player-controls .icon-muted+svg{display:none}.player.captions-enabled [data-player=captions],.player.captions-enabled [data-player=captions]+label,.player.fullscreen-enabled [data-player=fullscreen],.player.fullscreen-enabled [data-player=fullscreen]+label{display:inline-block} \ No newline at end of file +@-webkit-keyframes progress{to{background-position:40px 0}}@keyframes progress{to{background-position:40px 0}}.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}.player{position:relative;max-width:100%;min-width:290px}.player,.player *,.player ::after,.player ::before{box-sizing:border-box}.player-video-wrapper{position:relative}.player audio,.player video{width:100%;height:auto;vertical-align:middle}.player-video-embed{padding-bottom:56.25%;height:0}.player-video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.player-captions{display:none;position:absolute;bottom:0;left:0;width:100%;padding:20px;min-height:2.5em;color:#fff;font-size:16px;font-weight:600;text-shadow:-1px -1px 0 #565d64,1px -1px 0 #565d64,-1px 1px 0 #565d64,1px 1px 0 #565d64;text-align:center;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media (min-width:768px){.player-captions{font-size:24px}}.player.captions-active .player-captions{display:block}.player-controls{zoom:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;position:relative;padding:10px;background:#fff;line-height:1;text-align:center;box-shadow:0 1px 1px rgba(52,63,74,.2)}.player-controls:after,.player-controls:before{content:"";display:table}.player-controls:after{clear:both}.player-controls-right{display:block;margin:10px auto 0}@media (min-width:560px){.player-controls-left{float:left}.player-controls-right{float:right;margin-top:0}}.player-controls button,.player-controls input+label{display:inline-block;vertical-align:middle;margin:0 2px;padding:5px 10px;transition:background .3s ease,color .3s ease,opacity .3s ease;border-radius:3px;cursor:pointer}.player-controls button svg,.player-controls input+label svg{width:18px;height:18px;display:block;fill:currentColor;transition:fill .3s ease}.player-controls .inverted:checked+label,.player-controls input+label{opacity:.5}.player-controls .inverted+label,.player-controls button,.player-controls input:checked+label{color:#6b7d86;opacity:1}.player-controls button{border:0;background:0 0;overflow:hidden}.player-controls [type=checkbox]+label:hover,.player-controls [type=checkbox]:focus+label,.player-controls button:focus,.player-controls button:hover{background:#3498db;color:#fff;opacity:1}.player-controls button:focus,.player-controls input:focus+label{outline:0}.player-controls .icon-captions-on,.player-controls .icon-exit-fullscreen,.player-controls .icon-muted{display:none}.player-controls .player-time{display:inline-block;vertical-align:middle;margin-left:10px;color:#6b7d86;font-weight:600;font-size:14px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.player-controls .player-time+.player-time{display:none}@media (min-width:560px){.player-controls .player-time+.player-time{display:inline-block}}.player-controls .player-time+.player-time::before{content:"\2044";margin-right:10px}.player-tooltip{visibility:hidden;position:absolute;z-index:2;bottom:100%;margin-bottom:10px;padding:10px 15px;opacity:0;background:#fff;border:1px solid #ebebeb;border-radius:3px;color:#6b7d86;font-size:14px;line-height:1.5;font-weight:600;-webkit-transform:translate(-50%,30px) scale(0);transform:translate(-50%,30px) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:-webkit-transform .2s .1s ease,opacity .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease}.player-tooltip::after{content:"";position:absolute;z-index:1;top:100%;left:50%;display:block;width:10px;height:10px;background:#fff;-webkit-transform:translate(-50%,-50%) rotate(45deg) translateY(2px);transform:translate(-50%,-50%) rotate(45deg) translateY(2px);border:1px solid rgba(222,222,222,.8);border-width:0 1px 1px 0}.player button.tab-focus:focus .player-tooltip,.player button:hover .player-tooltip,.player input.tab-focus:focus+label .player-tooltip,.player label:hover .player-tooltip{visibility:visible;opacity:1;-webkit-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1)}.player button:hover .player-tooltip,.player label:hover .player-tooltip{z-index:3}.player-progress{position:absolute;bottom:100%;left:0;right:0;width:100%;height:10px;background:rgba(86,93,100,.2)}.player-progress-buffer[value],.player-progress-played[value],.player-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}.player-progress-buffer[value]::-webkit-progress-bar,.player-progress-played[value]::-webkit-progress-bar{background:0 0}.player-progress-buffer[value]::-webkit-progress-value,.player-progress-played[value]::-webkit-progress-value{background:currentColor}.player-progress-buffer[value]::-moz-progress-bar,.player-progress-played[value]::-moz-progress-bar{background:currentColor}.player-progress-played[value]{z-index:2;color:#3498db}.player-progress-buffer[value]{color:rgba(86,93,100,.25)}.player-progress-seek[type=range]{z-index:4;cursor:pointer;outline:0}.player-progress-seek[type=range]::-webkit-slider-runnable-track{background:0 0;border:0}.player-progress-seek[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:0;width:20px;height:10px}.player-progress-seek[type=range]::-moz-range-track{background:0 0;border:0}.player-progress-seek[type=range]::-moz-range-thumb{-moz-appearance:none;background:0 0;border:0;width:20px;height:10px}.player-progress-seek[type=range]::-ms-track{color:transparent;background:0 0;border:0}.player-progress-seek[type=range]::-ms-fill-lower,.player-progress-seek[type=range]::-ms-fill-upper{background:0 0;border:0}.player-progress-seek[type=range]::-ms-thumb{background:0 0;border:0;width:20px;height:10px}.player-progress-seek[type=range]:focus{outline:0}.player-progress-seek[type=range]::-moz-focus-outer{border:0}.player.loading .player-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}.player-controls [data-player=pause],.player.playing .player-controls [data-player=play]{display:none}.player.playing .player-controls [data-player=pause]{display:inline-block}.player-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}.player-volume[type=range]::-webkit-slider-runnable-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.player-volume[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-3px;height:12px;width:12px;background:#6b7d86;border:0;border-radius:6px;transition:background .3s ease;cursor:ew-resize}.player-volume[type=range]::-moz-range-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.player-volume[type=range]::-moz-range-thumb{height:12px;width:12px;background:#6b7d86;border:0;border-radius:6px;transition:background .3s ease;cursor:ew-resize}.player-volume[type=range]::-ms-track{height:6px;background:0 0;border-color:transparent;border-width:3px 0;color:transparent}.player-volume[type=range]::-ms-fill-lower,.player-volume[type=range]::-ms-fill-upper{height:6px;background:#e6e6e6;border:0;border-radius:3px}.player-volume[type=range]::-ms-thumb{height:12px;width:12px;background:#6b7d86;border:0;border-radius:6px;transition:background .3s ease;cursor:ew-resize}.player-volume[type=range]:focus{outline:0}.player-volume[type=range]:focus::-webkit-slider-thumb{background:#3498db}.player-volume[type=range]:focus::-moz-range-thumb{background:#3498db}.player-volume[type=range]:focus::-ms-thumb{background:#3498db}.player-audio.ios .player-controls-right,.player.ios .player-volume,.player.ios [data-player=mute],.player.ios [data-player=mute]+label{display:none}.player-audio.ios .player-controls-left{float:none}.player-audio .player-controls{padding-top:20px}.player-audio .player-progress{bottom:auto;top:0;background:#d6dadd}.player-fullscreen,.player.fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000}.player-fullscreen video,.player.fullscreen-active video{height:100%}.player-fullscreen .player-video-wrapper,.player.fullscreen-active .player-video-wrapper{height:100%;width:100%}.player-fullscreen .player-controls,.player.fullscreen-active .player-controls{position:absolute;bottom:0;left:0;right:0}.player-fullscreen.fullscreen-hide-controls.playing .player-controls,.player.fullscreen-active.fullscreen-hide-controls.playing .player-controls{-webkit-transform:translateY(100%) translateY(5px);transform:translateY(100%) translateY(5px);transition:-webkit-transform .3s .2s ease;transition:transform .3s .2s ease}.player-fullscreen.fullscreen-hide-controls.playing.player-hover .player-controls,.player.fullscreen-active.fullscreen-hide-controls.playing.player-hover .player-controls{-webkit-transform:translateY(0);transform:translateY(0)}.player-fullscreen.fullscreen-hide-controls.playing .player-captions,.player.fullscreen-active.fullscreen-hide-controls.playing .player-captions{bottom:5px;transition:bottom .3s .2s ease}.player-fullscreen .player-captions,.player-fullscreen.fullscreen-hide-controls.playing.player-hover .player-captions,.player.fullscreen-active .player-captions,.player.fullscreen-active.fullscreen-hide-controls.playing.player-hover .player-captions{top:auto;bottom:90px}@media (min-width:560px){.player-fullscreen .player-captions,.player-fullscreen.fullscreen-hide-controls.playing.player-hover .player-captions,.player.fullscreen-active .player-captions,.player.fullscreen-active.fullscreen-hide-controls.playing.player-hover .player-captions{bottom:60px}}.player.captions-active .player-controls .icon-captions-on,.player.fullscreen-active .icon-exit-fullscreen,.player.muted .player-controls .icon-muted{display:block}.player [data-player=captions],.player [data-player=captions]+label,.player [data-player=fullscreen],.player [data-player=fullscreen]+label,.player.captions-active .player-controls .icon-captions-on+svg,.player.fullscreen-active .icon-exit-fullscreen+svg,.player.muted .player-controls .icon-muted+svg{display:none}.player.captions-enabled [data-player=captions],.player.captions-enabled [data-player=captions]+label,.player.fullscreen-enabled [data-player=fullscreen],.player.fullscreen-enabled [data-player=fullscreen]+label{display:inline-block} \ No newline at end of file diff --git a/dist/plyr.js b/dist/plyr.js index f9edd71d..04e5b951 100644 --- a/dist/plyr.js +++ b/dist/plyr.js @@ -1 +1 @@ -!function(e){"use strict";function t(){var e=["
","
","","","","0% played","","","0% buffered","","
",""];return o(S.controls,"restart")&&e.push(""),o(S.controls,"rewind")&&e.push(""),o(S.controls,"play")&&e.push("",""),o(S.controls,"fast-forward")&&e.push(""),o(S.controls,"current-time")&&e.push("","Current time","00:00",""),o(S.controls,"duration")&&e.push("","Duration","00:00",""),e.push("",""),o(S.controls,"mute")&&e.push("",""),o(S.controls,"volume")&&e.push("",""),o(S.controls,"captions")&&e.push("",""),o(S.controls,"fullscreen")&&e.push(""),e.push("","
"),e.join("")}function n(e,t){S.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll("script[src='"+e+"']").length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function 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 l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return"webkit"===e.prefix&&navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)&&(e.supportsFullScreen=!1),e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]("webkit"===this.prefix?e.ALLOW_KEYBOARD_INPUT:null)},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function k(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;A(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}dt.media.currentTime.toFixed(1)>=C(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=A(dt.captions[dt.subcount][0])?(dt.currentCaption=dt.captions[dt.subcount][1],dt.captionsContainer.innerHTML=dt.currentCaption):dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,S.classes.captions.enabled,!0),S.captions.defaultActive&&(f(dt.container,S.classes.captions.active,!0),dt.buttons.captions.checked=!0))}function C(e){var t=[];return t=e.split(" --> "),E(t[0])}function A(e){var t=[];return t=e.split(" --> "),E(t[1])}function E(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 P(e){return dt.container.querySelectorAll(e)}function N(e){return P(e)[0]}function I(){try{return window.self!==window.top}catch(e){return!0}}function M(){var e=S.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",S.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),S.tooltips)for(var r=P(S.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,S.classes.hidden,!1),f(s,S.classes.tooltip,!0)}}function L(){try{return dt.controls=N(S.selectors.controls),dt.buttons={},dt.buttons.seek=N(S.selectors.buttons.seek),dt.buttons.play=N(S.selectors.buttons.play),dt.buttons.pause=N(S.selectors.buttons.pause),dt.buttons.restart=N(S.selectors.buttons.restart),dt.buttons.rewind=N(S.selectors.buttons.rewind),dt.buttons.forward=N(S.selectors.buttons.forward),dt.buttons.fullscreen=N(S.selectors.buttons.fullscreen),dt.buttons.mute=N(S.selectors.buttons.mute),dt.buttons.captions=N(S.selectors.buttons.captions),dt.checkboxes=P("[type='checkbox']"),dt.progress={},dt.progress.container=N(S.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(S.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(S.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(S.selectors.buttons.volume),dt.duration=N(S.selectors.duration),dt.currentTime=N(S.selectors.currentTime),dt.seekTime=P(S.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||"Play";"undefined"!=typeof S.title&&S.title.length&&(e+=", "+S.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full){if(dt.media.removeAttribute("controls"),f(dt.container,S.classes.type.replace("{0}",dt.type),!0),f(dt.container,S.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type){var e=document.createElement("div");e.setAttribute("class",S.classes.videoWrapper),u(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id"))}null!==dt.media.getAttribute("autoplay")&&D()}function V(e){for(var t=P("[id^='youtube']"),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,S.classes.videoWrapper,!0),f(dt.media,S.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:0,vq:"hd720",rel:0,showinfo:0,iv_load_policy:3,cc_lang_pref:"en",wmode:"transparent",modestbranding:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=2==t.getPlayerState(),dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.container.querySelectorAll(S.selectors.controls).length||pt(),S.displayDuration&&nt()},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin","
"),dt.captionsContainer=N(S.selectors.captions),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(r){}"youtube"==dt.type&&(dt.embed.seekTo(dt.media.currentTime),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),k(t)}function z(){f(dt.container,S.classes.playing,!dt.media.paused),f(dt.container,S.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,S.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,S.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,S.classes.fullscreen.active,dt.isFullscreen);var a,s=!1;S.fullscreen.hideControls&&(f(dt.controls,S.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=S.storage.enabled&&x().supported?window.localStorage[S.storage.key]||S.volume:S.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&K()}function K(e){"undefined"==typeof e&&(e=!dt.media.muted),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function G(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),S.storage.enabled&&x().supported&&window.localStorage.setItem(S.storage.key,e),f(dt.container,S.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&(dt.buttons.mute.checked=0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("undefined"==typeof e&&(e=-1===dt.container.className.indexOf(S.classes.captions.active),dt.buttons.captions.checked=e),f(dt.container,S.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,S.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&S.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(j(),U(),at(),"string"==typeof e)dt.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),z()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&D()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function ut(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){D(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){j(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",U),y(dt.buttons.rewind,"click",W),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,U),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"change",function(){K(this.checked)}),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",k),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"change",function(){Q(this.checked)}),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),z()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",G),y(dt.media,"play pause",z),y(dt.media,"waiting canplay seeked",Z),y(dt.checkboxes,"keyup",g),"video"===dt.type&&S.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(U(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function lt(){if(!dt.init)return null;if(dt.container.setAttribute("class",S.selectors.container.replace(".","")),dt.init=!1,c(N(S.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(S.selectors.captions)),l(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=w(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();switch(t){case"div":dt.type=dt.media.getAttribute("data-type");break;default:dt.type=t}if(dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),S.displayDuration&&nt(),O()}dt.init=!0}function pt(){return M(),L()?(R(),$(),G(),B(),ut(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:D,pause:j,restart:U,rewind:W,forward:Y,seek:U,source:ot,poster:it,setVolume:$,togglePlay:_,toggleMute:K,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:lt,restore:ct}:{}}var F,S,C={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},storage:{enabled:!0,key:"plyr_volume"},controls:["restart","rewind","play","fast-forward","current-time","duration","mute","volume","captions","fullscreen"],onSetup:function(){}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,u=!!document.createElement("video").canPlayType;switch(e){case"video":t=u,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s;break;default:t=i&&u,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(S=k(C,t),!S.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(S.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,S.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file +!function(e){"use strict";function t(){var e=["
","
","","","","0% played","","","0% buffered","","
",""];return o(S.controls,"restart")&&e.push(""),o(S.controls,"rewind")&&e.push(""),o(S.controls,"play")&&e.push("",""),o(S.controls,"fast-forward")&&e.push(""),o(S.controls,"current-time")&&e.push("","Current time","00:00",""),o(S.controls,"duration")&&e.push("","Duration","00:00",""),e.push("",""),o(S.controls,"mute")&&e.push("",""),o(S.controls,"volume")&&e.push("",""),o(S.controls,"captions")&&e.push("",""),o(S.controls,"fullscreen")&&e.push(""),e.push("","
"),e.join("")}function n(e,t){S.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll("script[src='"+e+"']").length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function 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 l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function k(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;E(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}dt.media.currentTime.toFixed(1)>=C(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=E(dt.captions[dt.subcount][0])?(dt.currentCaption=dt.captions[dt.subcount][1],dt.captionsContainer.innerHTML=dt.currentCaption):dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,S.classes.captions.enabled,!0),S.captions.defaultActive&&(f(dt.container,S.classes.captions.active,!0),dt.buttons.captions.checked=!0))}function C(e){var t=[];return t=e.split(" --> "),P(t[0])}function E(e){var t=[];return t=e.split(" --> "),P(t[1])}function P(e){if(null===e||void 0===e)return 0;var t,n=[],r=[];return n=e.split(","),r=n[0].split(":"),t=Math.floor(60*r[0]*60)+Math.floor(60*r[1])+Math.floor(r[2])}function A(e){return dt.container.querySelectorAll(e)}function N(e){return A(e)[0]}function I(){try{return window.self!==window.top}catch(e){return!0}}function M(){var e=S.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",S.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),S.tooltips)for(var r=A(S.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,S.classes.hidden,!1),f(s,S.classes.tooltip,!0)}}function L(){try{return dt.controls=N(S.selectors.controls),dt.buttons={},dt.buttons.seek=N(S.selectors.buttons.seek),dt.buttons.play=N(S.selectors.buttons.play),dt.buttons.pause=N(S.selectors.buttons.pause),dt.buttons.restart=N(S.selectors.buttons.restart),dt.buttons.rewind=N(S.selectors.buttons.rewind),dt.buttons.forward=N(S.selectors.buttons.forward),dt.buttons.fullscreen=N(S.selectors.buttons.fullscreen),dt.buttons.mute=N(S.selectors.buttons.mute),dt.buttons.captions=N(S.selectors.buttons.captions),dt.checkboxes=A("[type='checkbox']"),dt.progress={},dt.progress.container=N(S.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(S.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(S.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(S.selectors.buttons.volume),dt.duration=N(S.selectors.duration),dt.currentTime=N(S.selectors.currentTime),dt.seekTime=A(S.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||"Play";"undefined"!=typeof S.title&&S.title.length&&(e+=", "+S.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full&&(dt.media.removeAttribute("controls"),f(dt.container,S.classes.type.replace("{0}",dt.type),!0),f(dt.container,S.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type)){var e=document.createElement("div");e.setAttribute("class",S.classes.videoWrapper),u(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id")),null!==dt.media.getAttribute("autoplay")&&j()}function V(e){for(var t=A("[id^='youtube']"),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,S.classes.videoWrapper,!0),f(dt.media,S.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:dt.supported.full?0:1,vq:"hd720",rel:0,showinfo:0,iv_load_policy:3,cc_lang_pref:"en",wmode:"transparent",modestbranding:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=2==t.getPlayerState(),dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.supported.full&&(dt.container.querySelectorAll(S.selectors.controls).length||pt(),S.displayDuration&&nt())},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin","
"),dt.captionsContainer=N(S.selectors.captions),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(r){}"youtube"==dt.type&&(dt.embed.seekTo(dt.media.currentTime),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),k(t)}function U(){f(dt.container,S.classes.playing,!dt.media.paused),f(dt.container,S.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,S.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,S.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,S.classes.fullscreen.active,dt.isFullscreen);var a,s=!1;S.fullscreen.hideControls&&(f(dt.controls,S.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=S.storage.enabled&&x().supported?window.localStorage[S.storage.key]||S.volume:S.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&G()}function G(e){"undefined"==typeof e&&(e=!dt.media.muted),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function K(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),S.storage.enabled&&x().supported&&window.localStorage.setItem(S.storage.key,e),f(dt.container,S.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&(dt.buttons.mute.checked=0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("undefined"==typeof e&&(e=-1===dt.container.className.indexOf(S.classes.captions.active),dt.buttons.captions.checked=e),f(dt.container,S.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,S.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&S.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(D(),z(),at(),"string"==typeof e)dt.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),U()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&j()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function ut(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){j(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){D(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",z),y(dt.buttons.rewind,"click",_),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,z),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"change",function(){G(this.checked)}),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",k),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"change",function(){Q(this.checked)}),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),U()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",K),y(dt.media,"play pause",U),y(dt.media,"waiting canplay seeked",Z),y(dt.checkboxes,"keyup",g),"video"===dt.type&&S.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(z(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function lt(){if(!dt.init)return null;if(dt.container.setAttribute("class",S.selectors.container.replace(".","")),dt.init=!1,c(N(S.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(S.selectors.captions)),l(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=w(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();switch(t){case"div":dt.type=dt.media.getAttribute("data-type");break;default:dt.type=t}if(dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),S.displayDuration&&nt(),O()}dt.init=!0}function pt(){return M(),L()?(R(),$(),K(),B(),ut(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:j,pause:D,restart:z,rewind:_,forward:Y,seek:z,source:ot,poster:it,setVolume:$,togglePlay:W,toggleMute:G,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:lt,restore:ct}:{}}var F,S,C={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},storage:{enabled:!0,key:"plyr_volume"},controls:["restart","rewind","play","fast-forward","current-time","duration","mute","volume","captions","fullscreen"],onSetup:function(){}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,u=!!document.createElement("video").canPlayType;switch(e){case"video":t=u,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s&&!o;break;default:t=i&&u,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(S=k(C,t),!S.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(S.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,S.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file diff --git a/docs/dist/docs.css b/docs/dist/docs.css index 2a891572..ad79a87e 100644 --- a/docs/dist/docs.css +++ b/docs/dist/docs.css @@ -1 +1 @@ -/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}*,::after,::before{box-sizing:border-box}[hidden]{display:none}html{height:100%;font-size:100%;background:linear-gradient(#fff,#f2f5f7) fixed}body{font-family:Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.5;text-align:center;color:#55646b;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}header{padding:20px;margin-bottom:20px}header p{font-size:18px;font-size:1.125rem}@media (min-width:480px){header{padding-top:60px;padding-bottom:60px}}section{padding-bottom:20px}@media (min-width:480px){section{padding-bottom:40px}}@font-face{font-family:Avenir;src:url(//cdn.plyr.io/fonts/avenir-medium.woff2) format("woff2"),url(//cdn.plyr.io/fonts/avenir-medium.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:Avenir;src:url(//cdn.plyr.io/fonts/avenir-bold.woff2) format("woff2"),url(//cdn.plyr.io/fonts/avenir-bold.woff) format("woff");font-style:normal;font-weight:600}h1,h2{letter-spacing:-.025em;color:#2E3C44;margin:0 0 10px;line-height:1.2;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1{font-size:64px;font-size:4rem;color:#3498DB}p,small{margin:0 0 20px}small{display:block;padding:0 10px;font-size:14px;font-size:.875rem}a{text-decoration:none;color:#3498db;border-bottom:1px solid currentColor;transition:background .3s ease,color .3s ease}a:focus,a:hover{color:#343f4a}a:focus{outline:#343f4a dotted thin;outline-offset:1px}a.logo{border:0}nav ul{list-style:none;margin:0;padding:0;font-size:0}nav li{display:inline-block;margin-top:10px;font-size:16px;font-size:1rem;white-space:nowrap}nav li+li{margin-left:20px}.btn-bar{position:relative;margin:0 auto 20px;max-width:1200px}.btn-bar::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#dbe3e8}.btn-bar ul{position:relative;z-index:1;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-bar li{margin:0}.btn-bar li:first-child .btn{border-radius:4px 0 0 4px}.btn-bar li:last-child .btn{border-radius:0 4px 4px 0}.btn-bar li+li .btn{margin-left:-1px}.btn-bar .btn{display:block;border-radius:0}.btn-bar .btn.active{box-shadow:inset 0 1px 1px rgba(0,0,0,.2);position:relative;z-index:1}@media (min-width:560px){.btn-bar{margin-bottom:40px}}.btn,.btn-count{display:inline-block;vertical-align:middle;border-radius:4px;font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn{padding:10px 20px;background:#f2f5f7;border:1px solid #cbd0d3;box-shadow:inset 0 1px 0 #fff,0 1px 1px rgba(0,0,0,.05);text-shadow:0 1px 1px #fff;color:#55646b}.btn:focus,.btn:hover{background-color:#fff;border-color:#bdc4c7;color:#3498db;outline:0}.btn-bar .active,.btn-primary{background:linear-gradient(#3498db,#2791d9);border-color:#217dbb;box-shadow:0 1px 1px rgba(0,0,0,.15);text-shadow:0 1px 1px rgba(0,0,0,.1);color:#fff}.btn-primary:focus,.btn-primary:hover{color:#fff;border-color:#196090}.btn-small{padding-top:7px;padding-bottom:7px}.btn-count{position:relative;margin-left:6px;padding:9px;background:#fff;border:1px solid #cbd0d3}.btn-count::before{content:"";position:absolute;display:block;width:8px;height:8px;left:1px;top:50%;margin-top:-4px;background:inherit;border:inherit;border-width:1px 0 0 1px;-webkit-transform:rotate(-45deg) translate(-50%,-50%);transform:rotate(-45deg) translate(-50%,-50%)}.panel{display:none}.panel.active{display:block;-webkit-animation:fade-in .3s ease;animation:fade-in .3s ease}.error body,html.error{height:100%}.error body{width:100%;display:table;table-layout:fixed}.error main{display:table-cell;width:100%;vertical-align:middle}.example-audio .player,.example-video .player{margin:0 auto 20px}.example-audio .player-controls,.example-video .player-controls{border-radius:0 0 4px 4px}.example-audio .player{max-width:520px}.example-audio .player-controls{border-radius:4px}.example-audio .player-progress{border-radius:4px 4px 0 0;overflow:hidden}.example-video .player{max-width:1200px}.example-video .player iframe,.example-video .player video{border-radius:4px 4px 0 0}.example-video .player iframe{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}.example-video .player-fullscreen,.example-video .player.fullscreen-active{max-width:none} \ No newline at end of file +/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}*,::after,::before{box-sizing:border-box}[hidden]{display:none}html{height:100%;font-size:100%;background:linear-gradient(#fff,#f2f5f7) fixed}body{font-family:Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.5;text-align:center;color:#55646b;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:0 10px}header{padding:20px;margin-bottom:20px}header p{font-size:18px;font-size:1.125rem}@media (min-width:480px){header{padding-top:60px;padding-bottom:60px}}section{padding-bottom:20px}@media (min-width:480px){section{padding-bottom:40px}}@font-face{font-family:Avenir;src:url(//cdn.plyr.io/fonts/avenir-medium.woff2) format("woff2"),url(//cdn.plyr.io/fonts/avenir-medium.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:Avenir;src:url(//cdn.plyr.io/fonts/avenir-bold.woff2) format("woff2"),url(//cdn.plyr.io/fonts/avenir-bold.woff) format("woff");font-style:normal;font-weight:600}h1,h2{letter-spacing:-.025em;color:#2E3C44;margin:0 0 10px;line-height:1.2;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1{font-size:64px;font-size:4rem;color:#3498DB}p,small{margin:0 0 20px}small{display:block;padding:0 10px;font-size:14px;font-size:.875rem}a{text-decoration:none;color:#3498db;border-bottom:1px solid currentColor;transition:background .3s ease,color .3s ease}a:focus,a:hover{color:#343f4a}a:focus{outline:#343f4a dotted thin;outline-offset:1px}a.logo{border:0}nav ul{list-style:none;margin:0;padding:0;font-size:0}nav li{display:inline-block;margin-top:10px;font-size:16px;font-size:1rem;white-space:nowrap}nav li+li{margin-left:20px}.btn-bar{position:relative;margin:0 auto 20px;max-width:1200px}.btn-bar::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#dbe3e8}.btn-bar ul{position:relative;z-index:1;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-bar li{margin:0}.btn-bar li:first-child .btn{border-radius:4px 0 0 4px}.btn-bar li:last-child .btn{border-radius:0 4px 4px 0}.btn-bar li+li .btn{margin-left:-1px}.btn-bar .btn{display:block;border-radius:0}.btn-bar .btn.active{box-shadow:inset 0 1px 1px rgba(0,0,0,.2);position:relative;z-index:1}@media (min-width:560px){.btn-bar{margin-bottom:40px}}.btn,.btn-count{display:inline-block;vertical-align:middle;border-radius:4px;font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn{padding:10px 20px;background:#f2f5f7;border:1px solid #cbd0d3;box-shadow:inset 0 1px 0 #fff,0 1px 1px rgba(0,0,0,.05);text-shadow:0 1px 1px #fff;color:#55646b}.btn:focus,.btn:hover{background-color:#fff;border-color:#bdc4c7;color:#3498db;outline:0}.btn-bar .active,.btn-primary{background-image:linear-gradient(#3498db,#2791d9);background-color:#3498db;border-color:#217dbb;box-shadow:0 1px 1px rgba(0,0,0,.15);text-shadow:0 1px 1px rgba(0,0,0,.1);color:#fff}.btn-primary:focus,.btn-primary:hover{color:#fff;border-color:#196090}.btn-small{padding-top:7px;padding-bottom:7px}.btn-count{position:relative;margin-left:6px;padding:9px;background:#fff;border:1px solid #cbd0d3}.btn-count::before{content:"";position:absolute;display:block;width:8px;height:8px;left:1px;top:50%;margin-top:-4px;background:inherit;border:inherit;border-width:1px 0 0 1px;-webkit-transform:rotate(-45deg) translate(-50%,-50%);transform:rotate(-45deg) translate(-50%,-50%)}.panel{display:none}.panel.active{display:block;-webkit-animation:fade-in .3s ease;animation:fade-in .3s ease}.error body,html.error{height:100%}.error body{width:100%;display:table;table-layout:fixed}.error main{display:table-cell;width:100%;vertical-align:middle}.example-audio .player,.example-video .player{margin:0 auto 20px}.example-audio .player-controls,.example-video .player-controls{border-radius:0 0 4px 4px}.example-audio .player{max-width:520px}.example-audio .player-controls{border-radius:4px}.example-audio .player-progress{border-radius:4px 4px 0 0;overflow:hidden}.example-video .player{max-width:1200px}.example-video .player iframe,.example-video .player video{border-radius:4px}.example-video .player iframe{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}.example-video .player-video iframe,.example-video .player-video video,.example-video .player-youtube iframe,.example-video .player-youtube video{border-radius:4px 4px 0 0}.example-video .player-video iframe,.example-video .player-youtube iframe{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}.example-video .player-video-fullscreen,.example-video .player-video.fullscreen-active,.example-video .player-youtube-fullscreen,.example-video .player-youtube.fullscreen-active{max-width:none}.example-video .player-video-fullscreen .player-controls,.example-video .player-video-fullscreen iframe,.example-video .player-video-fullscreen video,.example-video .player-video.fullscreen-active .player-controls,.example-video .player-video.fullscreen-active iframe,.example-video .player-video.fullscreen-active video,.example-video .player-youtube-fullscreen .player-controls,.example-video .player-youtube-fullscreen iframe,.example-video .player-youtube-fullscreen video,.example-video .player-youtube.fullscreen-active .player-controls,.example-video .player-youtube.fullscreen-active iframe,.example-video .player-youtube.fullscreen-active video{border-radius:0}.example-video .player-video-fullscreen iframe,.example-video .player-video.fullscreen-active iframe,.example-video .player-youtube-fullscreen iframe,.example-video .player-youtube.fullscreen-active iframe{-webkit-mask-image:none} \ No newline at end of file diff --git a/docs/dist/docs.js b/docs/dist/docs.js index 7b63d557..e93234d5 100644 --- a/docs/dist/docs.js +++ b/docs/dist/docs.js @@ -1 +1 @@ -var Hogan={};!function(t){function n(t,n,e){var s;return n&&"object"==typeof n&&(void 0!==n[t]?s=n[t]:e&&n.get&&"function"==typeof n.get&&(s=n.get(t))),s}function e(t,n,e,s,r,a){function i(){}function o(){}i.prototype=t,o.prototype=t.subs;var c,l=new i;l.subs=new o,l.subsText={},l.buf="",s=s||{},l.stackSubs=s,l.subsText=a;for(c in n)s[c]||(s[c]=n[c]);for(c in s)l.subs[c]=s[c];r=r||{},l.stackPartials=r;for(c in e)r[c]||(r[c]=e[c]);for(c in r)l.partials[c]=r[c];return l}function s(t){return String(null===t||void 0===t?"":t)}function r(t){return t=s(t),u.test(t)?t.replace(a,"&").replace(i,"<").replace(o,">").replace(c,"'").replace(l,"""):t}t.Template=function(t,n,e,s){t=t||{},this.r=t.code||this.r,this.c=e,this.options=s||{},this.text=n||"",this.partials=t.partials||{},this.subs=t.subs||{},this.buf=""},t.Template.prototype={r:function(){return""},v:r,t:s,render:function(t,n,e){return this.ri([t],n||{},e)},ri:function(t,n,e){return this.r(t,n,e)},ep:function(t,n){var s=this.partials[t],r=n[s.name];if(s.instance&&s.base==r)return s.instance;if("string"==typeof r){if(!this.c)throw new Error("No compiler available.");r=this.c.compile(r,this.options)}if(!r)return null;if(this.partials[t].base=r,s.subs){n.stackText||(n.stackText={});for(key in s.subs)n.stackText[key]||(n.stackText[key]=void 0!==this.activeSub&&n.stackText[this.activeSub]?n.stackText[this.activeSub]:this.text);r=e(r,s.subs,s.partials,this.stackSubs,this.stackPartials,n.stackText)}return this.partials[t].instance=r,r},rp:function(t,n,e,s){var r=this.ep(t,e);return r?r.ri(n,e,s):""},rs:function(t,n,e){var s=t[t.length-1];if(!p(s))return e(t,n,this),void 0;for(var r=0;r=0;l--)if(i=e[l],a=n(t,i,c),void 0!==a){o=!0;break}return o?(r||"function"!=typeof a||(a=this.mv(a,e,s)),a):r?!1:""},ls:function(t,n,e,r,a){var i=this.options.delimiters;return this.options.delimiters=a,this.b(this.ct(s(t.call(n,r)),n,e)),this.options.delimiters=i,!1},ct:function(t,n,e){if(this.options.disableLambda)throw new Error("Lambda features disabled.");return this.c.compile(t,this.options).render(n,e)},b:function(t){this.buf+=t},fl:function(){var t=this.buf;return this.buf="",t},ms:function(t,n,e,s,r,a,i){var o,c=n[n.length-1],l=t.call(c);return"function"==typeof l?s?!0:(o=this.activeSub&&this.subsText&&this.subsText[this.activeSub]?this.subsText[this.activeSub]:this.text,this.ls(l,c,e,o.substring(r,a),i)):l},mv:function(t,n,e){var r=n[n.length-1],a=t.call(r);return"function"==typeof a?this.ct(s(a.call(r)),r,e):a},sub:function(t,n,e,s){var r=this.subs[t];r&&(this.activeSub=t,r(n,e,this,s),this.activeSub=!1)}};var a=/&/g,i=//g,c=/\'/g,l=/\"/g,u=/[&<>\"\']/,p=Array.isArray||function(t){return"[object Array]"===Object.prototype.toString.call(t)}}("undefined"!=typeof exports?exports:Hogan),function(t){function n(t){"}"===t.n.substr(t.n.length-1)&&(t.n=t.n.substring(0,t.n.length-1))}function e(t){return t.trim?t.trim():t.replace(/^\s*|\s*$/g,"")}function s(t,n,e){if(n.charAt(e)!=t.charAt(0))return!1;for(var s=1,r=t.length;r>s;s++)if(n.charAt(e+s)!=t.charAt(s))return!1;return!0}function r(n,e,s,o){var c=[],l=null,u=null,p=null;for(u=s[s.length-1];n.length>0;){if(p=n.shift(),u&&"<"==u.tag&&!(p.tag in k))throw new Error("Illegal content in < super tag.");if(t.tags[p.tag]<=t.tags.$||a(p,o))s.push(p),p.nodes=r(n,p.tag,s,o);else{if("/"==p.tag){if(0===s.length)throw new Error("Closing tag without opener: /"+p.n);if(l=s.pop(),p.n!=l.n&&!i(p.n,l.n,o))throw new Error("Nesting error: "+l.n+" vs. "+p.n);return l.end=p.i,c}"\n"==p.tag&&(p.last=0==n.length||"\n"==n[0].tag)}c.push(p)}if(s.length>0)throw new Error("missing closing tag: "+s.pop().n);return c}function a(t,n){for(var e=0,s=n.length;s>e;e++)if(n[e].o==t.n)return t.tag="#",!0}function i(t,n,e){for(var s=0,r=e.length;r>s;s++)if(e[s].c==t&&e[s].o==n)return!0}function o(t){var n=[];for(var e in t)n.push('"'+l(e)+'": function(c,p,t,i) {'+t[e]+"}");return"{ "+n.join(",")+" }"}function c(t){var n=[];for(var e in t.partials)n.push('"'+l(e)+'":{name:"'+l(t.partials[e].name)+'", '+c(t.partials[e])+"}");return"partials: {"+n.join(",")+"}, subs: "+o(t.subs)}function l(t){return t.replace(w,"\\\\").replace(g,'\\"').replace(h,"\\n").replace(v,"\\r").replace(m,"\\u2028").replace(y,"\\u2029")}function u(t){return~t.indexOf(".")?"d":"f"}function p(t,n){var e="<"+(n.prefix||""),s=e+t.n+x++;return n.partials[s]={name:t.n,partials:{}},n.code+='t.b(t.rp("'+l(s)+'",c,p,"'+(t.indent||"")+'"));',s}function b(t,n){n.code+="t.b(t.t(t."+u(t.n)+'("'+l(t.n)+'",c,p,0)));'}function f(t){return"t.b("+t+");"}var d=/\S/,g=/\"/g,h=/\n/g,v=/\r/g,w=/\\/g,m=/\u2028/,y=/\u2029/;t.tags={"#":1,"^":2,"<":3,$:4,"/":5,"!":6,">":7,"=":8,_v:9,"{":10,"&":11,_t:12},t.scan=function(r,a){function i(){w.length>0&&(m.push({tag:"_t",text:new String(w)}),w="")}function o(){for(var n=!0,e=x;e"==e.tag&&(e.indent=m[s].text.toString()),m.splice(s,1));else n||m.push({tag:"\n"});y=!1,x=m.length}function l(t,n){var s="="+T,r=t.indexOf(s,n),a=e(t.substring(t.indexOf("=",n)+1,r)).split(" ");return S=a[0],T=a[a.length-1],r+s.length-1}var u=r.length,p=0,b=1,f=2,g=p,h=null,v=null,w="",m=[],y=!1,k=0,x=0,S="{{",T="}}";for(a&&(a=a.split(" "),S=a[0],T=a[1]),k=0;u>k;k++)g==p?s(S,r,k)?(--k,i(),g=b):"\n"==r.charAt(k)?c(y):w+=r.charAt(k):g==b?(k+=S.length-1,v=t.tags[r.charAt(k+1)],h=v?r.charAt(k+1):"_v","="==h?(k=l(r,k),g=p):(v&&k++,g=f),y=k):s(T,r,k)?(m.push({tag:h,n:e(w),otag:S,ctag:T,i:"/"==h?y-S.length:k+T.length}),w="",k+=T.length-1,g=p,"{"==h&&("}}"==T?k++:n(m[m.length-1]))):w+=r.charAt(k);return c(y,!0),m};var k={_t:!0,"\n":!0,$:!0,"/":!0};t.stringify=function(n){return"{code: function (c,p,i) { "+t.wrapMain(n.code)+" },"+c(n)+"}"};var x=0;t.generate=function(n,e,s){x=0;var r={code:"",subs:{},partials:{}};return t.walk(n,r),s.asString?this.stringify(r,e,s):this.makeTemplate(r,e,s)},t.wrapMain=function(t){return'var t=this;t.b(i=i||"");'+t+"return t.fl();"},t.template=t.Template,t.makeTemplate=function(t,n,e){var s=this.makePartials(t);return s.code=new Function("c","p","i",this.wrapMain(t.code)),new this.template(s,n,this,e)},t.makePartials=function(t){var n,e={subs:{},partials:t.partials,name:t.name};for(n in e.partials)e.partials[n]=this.makePartials(e.partials[n]);for(n in t.subs)e.subs[n]=new Function("c","p","t","i",t.subs[n]);return e},t.codegen={"#":function(n,e){e.code+="if(t.s(t."+u(n.n)+'("'+l(n.n)+'",c,p,1),c,p,0,'+n.i+","+n.end+',"'+n.otag+" "+n.ctag+'")){t.rs(c,p,function(c,p,t){',t.walk(n.nodes,e),e.code+="});c.pop();}"},"^":function(n,e){e.code+="if(!t.s(t."+u(n.n)+'("'+l(n.n)+'",c,p,1),c,p,1,0,0,"")){',t.walk(n.nodes,e),e.code+="};"},">":p,"<":function(n,e){var s={partials:{},code:"",subs:{},inPartial:!0};t.walk(n.nodes,s);var r=e.partials[p(n,e)];r.subs=s.subs,r.partials=s.partials},$:function(n,e){var s={subs:{},code:"",partials:e.partials,prefix:n.n};t.walk(n.nodes,s),e.subs[n.n]=s.code,e.inPartial||(e.code+='t.sub("'+l(n.n)+'",c,p,i);')},"\n":function(t,n){n.code+=f('"\\n"'+(t.last?"":" + i"))},_v:function(t,n){n.code+="t.b(t.v(t."+u(t.n)+'("'+l(t.n)+'",c,p,0)));'},_t:function(t,n){n.code+=f('"'+l(t.text)+'"')},"{":b,"&":b},t.walk=function(n,e){for(var s,r=0,a=n.length;a>r;r++)s=t.codegen[n[r].tag],s&&s(n[r],e);return e},t.parse=function(t,n,e){return e=e||{},r(t,"",[],e.sectionTags||[])},t.cache={},t.cacheKey=function(t,n){return[t,!!n.asString,!!n.disableLambda,n.delimiters,!!n.modelGet].join("||")},t.compile=function(n,e){e=e||{};var s=t.cacheKey(n,e),r=this.cache[s];if(r){var a=r.partials;for(var i in a)delete a[i].instance;return r}return r=this.generate(this.parse(this.scan(n,e.delimiters),n,e),n,e),this.cache[s]=r}}("undefined"!=typeof exports?exports:Hogan);var Mustache=function(t){function n(n,e,s,r){var a=this.f(n,e,s,0),i=e;return a&&(i=i.concat(a)),t.Template.prototype.rp.call(this,n,i,s,r)}var e=function(e,s,r){this.rp=n,t.Template.call(this,e,s,r)};e.prototype=t.Template.prototype;var s,r=function(){this.cache={},this.generate=function(t,n){return new e(new Function("c","p","i",t),n,s)}};return r.prototype=t,s=new r,{to_html:function(t,n,e,r){var a=s.compile(t),i=a.render(n,e);return r?(r(i),void 0):i}}}(Hogan),templates={};templates.controls=new Hogan.Template({code:function(t,n,e){var s=this;return s.b(e=e||""),s.b('
'),s.b("\n"+e),s.b('
'),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(" 0% played"),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(" 0% buffered"),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b("
"),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' Current time'),s.b("\n"+e),s.b(' 00:00'),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' Duration'),s.b("\n"+e),s.b(' 00:00'),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' "),s.b("\n"),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' "),s.b("\n"),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b("
"),s.fl()},partials:{},subs:{}}),plyr.setup({debug:!0,volume:9,title:"Video demo",html:templates.controls.render({}),tooltips:!0,captions:{defaultActive:!0},onSetup:function(){if("media"in this){var t=this,n=t.media.tagName.toLowerCase(),e=document.querySelector("[data-toggle='fullscreen']");console.log("✓ Setup done for <"+n+">"),"video"===n&&e&&e.addEventListener("click",t.toggleFullscreen,!1)}}}),function(){function t(t){"a"==t.target.nodeName.toLowerCase()&&(t.preventDefault?t.preventDefault():t.returnValue=!1);var n=t.target,e=n.href,s=n.getAttribute("data-window-width")||600,r=n.getAttribute("data-window-height")||600,a=n.getAttribute("data-window-name")||"popup";if(window["window-"+a]&&!window["window-"+a].closed)window["window-"+a].focus();else{var i=void 0!==window.screenLeft?window.screenLeft:screen.left,o=void 0!==window.screenTop?window.screenTop:screen.top,c=screen.width/2-s/2+i,l=screen.height/2-r/2+o;window["window-"+a]=window.open(e,a,"top="+l+",left="+c+",width="+s+",height="+r),window["window-"+a].focus()}}function n(t,n){var e="jsonp_callback_"+Math.round(1e5*Math.random());window[e]=function(t){delete window[e],document.body.removeChild(s),n(t)};var s=document.createElement("script");s.setAttribute("src",t+(t.indexOf("?")>=0?"&":"?")+"callback="+e),document.body.appendChild(s)}function e(t,n){document.querySelector(t).innerHTML=n}function s(t){return"★ "+t}function r(t){t.preventDefault();for(var n=t.target,e=document.querySelector(n.getAttribute("href")),s=c.length-1;s>=0;s--)c[s].classList.remove(l);for(var r=o.length-1;r>=0;r--)o[r].classList.remove(l);e.classList.add(l),t.target.classList.add(l)}document.querySelector(".js-popup").addEventListener("click",t);var a="sessionStorage"in window,i={github:".js-stargazers-count",twitter:".js-tweet-count"};a&&"github_stargazers"in window.sessionStorage?e(i.github,s(window.sessionStorage.github_stargazers)):n("https://api.github.com/repos/selz/plyr?access_token=a46ac653210ba6a6be44260c29c333470c3fbbf5",function(t){t&&"undefined"!=typeof t.data.stargazers_count&&(e(i.github,s(t.data.stargazers_count)),window.sessionStorage.github_stargazers=t.data.stargazers_count)}),a&&"tweets"in window.sessionStorage?e(i.twitter,window.sessionStorage.tweets):n("https://cdn.api.twitter.com/1/urls/count.json?url=plyr.io",function(t){t&&"undefined"!=typeof t.count&&(e(i.twitter,t.count),window.sessionStorage.tweets=t.count)});for(var o=document.querySelectorAll(".nav-panel a"),c=document.querySelectorAll(".panels > .panel"),l="active",u=o.length-1;u>=0;u--)o[u].addEventListener("click",r)}(),document.domain.indexOf("plyr.io")>-1&&(!function(t,n,e,s,r,a,i){t.GoogleAnalyticsObject=r,t[r]=t[r]||function(){(t[r].q=t[r].q||[]).push(arguments)},t[r].l=1*new Date,a=n.createElement(e),i=n.getElementsByTagName(e)[0],a.async=1,a.src=s,i.parentNode.insertBefore(a,i)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-40881672-11","auto"),ga("send","pageview")); \ No newline at end of file +var Hogan={};!function(t){function n(t,n,e){var s;return n&&"object"==typeof n&&(void 0!==n[t]?s=n[t]:e&&n.get&&"function"==typeof n.get&&(s=n.get(t))),s}function e(t,n,e,s,r,i){function a(){}function o(){}a.prototype=t,o.prototype=t.subs;var c,l=new a;l.subs=new o,l.subsText={},l.buf="",s=s||{},l.stackSubs=s,l.subsText=i;for(c in n)s[c]||(s[c]=n[c]);for(c in s)l.subs[c]=s[c];r=r||{},l.stackPartials=r;for(c in e)r[c]||(r[c]=e[c]);for(c in r)l.partials[c]=r[c];return l}function s(t){return String(null===t||void 0===t?"":t)}function r(t){return t=s(t),u.test(t)?t.replace(i,"&").replace(a,"<").replace(o,">").replace(c,"'").replace(l,"""):t}t.Template=function(t,n,e,s){t=t||{},this.r=t.code||this.r,this.c=e,this.options=s||{},this.text=n||"",this.partials=t.partials||{},this.subs=t.subs||{},this.buf=""},t.Template.prototype={r:function(){return""},v:r,t:s,render:function(t,n,e){return this.ri([t],n||{},e)},ri:function(t,n,e){return this.r(t,n,e)},ep:function(t,n){var s=this.partials[t],r=n[s.name];if(s.instance&&s.base==r)return s.instance;if("string"==typeof r){if(!this.c)throw new Error("No compiler available.");r=this.c.compile(r,this.options)}if(!r)return null;if(this.partials[t].base=r,s.subs){n.stackText||(n.stackText={});for(key in s.subs)n.stackText[key]||(n.stackText[key]=void 0!==this.activeSub&&n.stackText[this.activeSub]?n.stackText[this.activeSub]:this.text);r=e(r,s.subs,s.partials,this.stackSubs,this.stackPartials,n.stackText)}return this.partials[t].instance=r,r},rp:function(t,n,e,s){var r=this.ep(t,e);return r?r.ri(n,e,s):""},rs:function(t,n,e){var s=t[t.length-1];if(!p(s))return e(t,n,this),void 0;for(var r=0;r=0;l--)if(a=e[l],i=n(t,a,c),void 0!==i){o=!0;break}return o?(r||"function"!=typeof i||(i=this.mv(i,e,s)),i):r?!1:""},ls:function(t,n,e,r,i){var a=this.options.delimiters;return this.options.delimiters=i,this.b(this.ct(s(t.call(n,r)),n,e)),this.options.delimiters=a,!1},ct:function(t,n,e){if(this.options.disableLambda)throw new Error("Lambda features disabled.");return this.c.compile(t,this.options).render(n,e)},b:function(t){this.buf+=t},fl:function(){var t=this.buf;return this.buf="",t},ms:function(t,n,e,s,r,i,a){var o,c=n[n.length-1],l=t.call(c);return"function"==typeof l?s?!0:(o=this.activeSub&&this.subsText&&this.subsText[this.activeSub]?this.subsText[this.activeSub]:this.text,this.ls(l,c,e,o.substring(r,i),a)):l},mv:function(t,n,e){var r=n[n.length-1],i=t.call(r);return"function"==typeof i?this.ct(s(i.call(r)),r,e):i},sub:function(t,n,e,s){var r=this.subs[t];r&&(this.activeSub=t,r(n,e,this,s),this.activeSub=!1)}};var i=/&/g,a=//g,c=/\'/g,l=/\"/g,u=/[&<>\"\']/,p=Array.isArray||function(t){return"[object Array]"===Object.prototype.toString.call(t)}}("undefined"!=typeof exports?exports:Hogan),function(t){function n(t){"}"===t.n.substr(t.n.length-1)&&(t.n=t.n.substring(0,t.n.length-1))}function e(t){return t.trim?t.trim():t.replace(/^\s*|\s*$/g,"")}function s(t,n,e){if(n.charAt(e)!=t.charAt(0))return!1;for(var s=1,r=t.length;r>s;s++)if(n.charAt(e+s)!=t.charAt(s))return!1;return!0}function r(n,e,s,o){var c=[],l=null,u=null,p=null;for(u=s[s.length-1];n.length>0;){if(p=n.shift(),u&&"<"==u.tag&&!(p.tag in k))throw new Error("Illegal content in < super tag.");if(t.tags[p.tag]<=t.tags.$||i(p,o))s.push(p),p.nodes=r(n,p.tag,s,o);else{if("/"==p.tag){if(0===s.length)throw new Error("Closing tag without opener: /"+p.n);if(l=s.pop(),p.n!=l.n&&!a(p.n,l.n,o))throw new Error("Nesting error: "+l.n+" vs. "+p.n);return l.end=p.i,c}"\n"==p.tag&&(p.last=0==n.length||"\n"==n[0].tag)}c.push(p)}if(s.length>0)throw new Error("missing closing tag: "+s.pop().n);return c}function i(t,n){for(var e=0,s=n.length;s>e;e++)if(n[e].o==t.n)return t.tag="#",!0}function a(t,n,e){for(var s=0,r=e.length;r>s;s++)if(e[s].c==t&&e[s].o==n)return!0}function o(t){var n=[];for(var e in t)n.push('"'+l(e)+'": function(c,p,t,i) {'+t[e]+"}");return"{ "+n.join(",")+" }"}function c(t){var n=[];for(var e in t.partials)n.push('"'+l(e)+'":{name:"'+l(t.partials[e].name)+'", '+c(t.partials[e])+"}");return"partials: {"+n.join(",")+"}, subs: "+o(t.subs)}function l(t){return t.replace(m,"\\\\").replace(d,'\\"').replace(g,"\\n").replace(v,"\\r").replace(w,"\\u2028").replace(y,"\\u2029")}function u(t){return~t.indexOf(".")?"d":"f"}function p(t,n){var e="<"+(n.prefix||""),s=e+t.n+x++;return n.partials[s]={name:t.n,partials:{}},n.code+='t.b(t.rp("'+l(s)+'",c,p,"'+(t.indent||"")+'"));',s}function f(t,n){n.code+="t.b(t.t(t."+u(t.n)+'("'+l(t.n)+'",c,p,0)));'}function b(t){return"t.b("+t+");"}var h=/\S/,d=/\"/g,g=/\n/g,v=/\r/g,m=/\\/g,w=/\u2028/,y=/\u2029/;t.tags={"#":1,"^":2,"<":3,$:4,"/":5,"!":6,">":7,"=":8,_v:9,"{":10,"&":11,_t:12},t.scan=function(r,i){function a(){m.length>0&&(w.push({tag:"_t",text:new String(m)}),m="")}function o(){for(var n=!0,e=x;e"==e.tag&&(e.indent=w[s].text.toString()),w.splice(s,1));else n||w.push({tag:"\n"});y=!1,x=w.length}function l(t,n){var s="="+T,r=t.indexOf(s,n),i=e(t.substring(t.indexOf("=",n)+1,r)).split(" ");return S=i[0],T=i[i.length-1],r+s.length-1}var u=r.length,p=0,f=1,b=2,d=p,g=null,v=null,m="",w=[],y=!1,k=0,x=0,S="{{",T="}}";for(i&&(i=i.split(" "),S=i[0],T=i[1]),k=0;u>k;k++)d==p?s(S,r,k)?(--k,a(),d=f):"\n"==r.charAt(k)?c(y):m+=r.charAt(k):d==f?(k+=S.length-1,v=t.tags[r.charAt(k+1)],g=v?r.charAt(k+1):"_v","="==g?(k=l(r,k),d=p):(v&&k++,d=b),y=k):s(T,r,k)?(w.push({tag:g,n:e(m),otag:S,ctag:T,i:"/"==g?y-S.length:k+T.length}),m="",k+=T.length-1,d=p,"{"==g&&("}}"==T?k++:n(w[w.length-1]))):m+=r.charAt(k);return c(y,!0),w};var k={_t:!0,"\n":!0,$:!0,"/":!0};t.stringify=function(n){return"{code: function (c,p,i) { "+t.wrapMain(n.code)+" },"+c(n)+"}"};var x=0;t.generate=function(n,e,s){x=0;var r={code:"",subs:{},partials:{}};return t.walk(n,r),s.asString?this.stringify(r,e,s):this.makeTemplate(r,e,s)},t.wrapMain=function(t){return'var t=this;t.b(i=i||"");'+t+"return t.fl();"},t.template=t.Template,t.makeTemplate=function(t,n,e){var s=this.makePartials(t);return s.code=new Function("c","p","i",this.wrapMain(t.code)),new this.template(s,n,this,e)},t.makePartials=function(t){var n,e={subs:{},partials:t.partials,name:t.name};for(n in e.partials)e.partials[n]=this.makePartials(e.partials[n]);for(n in t.subs)e.subs[n]=new Function("c","p","t","i",t.subs[n]);return e},t.codegen={"#":function(n,e){e.code+="if(t.s(t."+u(n.n)+'("'+l(n.n)+'",c,p,1),c,p,0,'+n.i+","+n.end+',"'+n.otag+" "+n.ctag+'")){t.rs(c,p,function(c,p,t){',t.walk(n.nodes,e),e.code+="});c.pop();}"},"^":function(n,e){e.code+="if(!t.s(t."+u(n.n)+'("'+l(n.n)+'",c,p,1),c,p,1,0,0,"")){',t.walk(n.nodes,e),e.code+="};"},">":p,"<":function(n,e){var s={partials:{},code:"",subs:{},inPartial:!0};t.walk(n.nodes,s);var r=e.partials[p(n,e)];r.subs=s.subs,r.partials=s.partials},$:function(n,e){var s={subs:{},code:"",partials:e.partials,prefix:n.n};t.walk(n.nodes,s),e.subs[n.n]=s.code,e.inPartial||(e.code+='t.sub("'+l(n.n)+'",c,p,i);')},"\n":function(t,n){n.code+=b('"\\n"'+(t.last?"":" + i"))},_v:function(t,n){n.code+="t.b(t.v(t."+u(t.n)+'("'+l(t.n)+'",c,p,0)));'},_t:function(t,n){n.code+=b('"'+l(t.text)+'"')},"{":f,"&":f},t.walk=function(n,e){for(var s,r=0,i=n.length;i>r;r++)s=t.codegen[n[r].tag],s&&s(n[r],e);return e},t.parse=function(t,n,e){return e=e||{},r(t,"",[],e.sectionTags||[])},t.cache={},t.cacheKey=function(t,n){return[t,!!n.asString,!!n.disableLambda,n.delimiters,!!n.modelGet].join("||")},t.compile=function(n,e){e=e||{};var s=t.cacheKey(n,e),r=this.cache[s];if(r){var i=r.partials;for(var a in i)delete i[a].instance;return r}return r=this.generate(this.parse(this.scan(n,e.delimiters),n,e),n,e),this.cache[s]=r}}("undefined"!=typeof exports?exports:Hogan);var Mustache=function(t){function n(n,e,s,r){var i=this.f(n,e,s,0),a=e;return i&&(a=a.concat(i)),t.Template.prototype.rp.call(this,n,a,s,r)}var e=function(e,s,r){this.rp=n,t.Template.call(this,e,s,r)};e.prototype=t.Template.prototype;var s,r=function(){this.cache={},this.generate=function(t,n){return new e(new Function("c","p","i",t),n,s)}};return r.prototype=t,s=new r,{to_html:function(t,n,e,r){var i=s.compile(t),a=i.render(n,e);return r?(r(a),void 0):a}}}(Hogan);"document"in self&&("classList"in document.createElement("_")?!function(){"use strict";var t=document.createElement("_");if(t.classList.add("c1","c2"),!t.classList.contains("c2")){var n=function(t){var n=DOMTokenList.prototype[t];DOMTokenList.prototype[t]=function(t){var e,s=arguments.length;for(e=0;s>e;e++)t=arguments[e],n.call(this,t)}};n("add"),n("remove")}if(t.classList.toggle("c3",!1),t.classList.contains("c3")){var e=DOMTokenList.prototype.toggle;DOMTokenList.prototype.toggle=function(t,n){return 1 in arguments&&!this.contains(t)==!n?n:e.call(this,t)}}t=null}():!function(t){"use strict";if("Element"in t){var n="classList",e="prototype",s=t.Element[e],r=Object,i=String[e].trim||function(){return this.replace(/^\s+|\s+$/g,"")},a=Array[e].indexOf||function(t){for(var n=0,e=this.length;e>n;n++)if(n in this&&this[n]===t)return n;return-1},o=function(t,n){this.name=t,this.code=DOMException[t],this.message=n},c=function(t,n){if(""===n)throw new o("SYNTAX_ERR","An invalid or illegal string was specified");if(/\s/.test(n))throw new o("INVALID_CHARACTER_ERR","String contains an invalid character");return a.call(t,n)},l=function(t){for(var n=i.call(t.getAttribute("class")||""),e=n?n.split(/\s+/):[],s=0,r=e.length;r>s;s++)this.push(e[s]);this._updateClassName=function(){t.setAttribute("class",this.toString())}},u=l[e]=[],p=function(){return new l(this)};if(o[e]=Error[e],u.item=function(t){return this[t]||null},u.contains=function(t){return t+="",-1!==c(this,t)},u.add=function(){var t,n=arguments,e=0,s=n.length,r=!1;do t=n[e]+"",-1===c(this,t)&&(this.push(t),r=!0);while(++e'),s.b("\n"+e),s.b('
'),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(" 0% played"),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(" 0% buffered"),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b("
"),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' Current time'),s.b("\n"+e),s.b(' 00:00'),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' Duration'),s.b("\n"+e),s.b(' 00:00'),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' "),s.b("\n"),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' "),s.b("\n"),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(""),s.fl()},partials:{},subs:{}}),plyr.setup({debug:!0,volume:9,title:"Video demo",html:templates.controls.render({}),tooltips:!0,captions:{defaultActive:!0},onSetup:function(){if("media"in this){var t=this,n=t.media.tagName.toLowerCase(),e=document.querySelector("[data-toggle='fullscreen']");console.log("✓ Setup done for <"+n+">"),"video"===n&&e&&e.addEventListener("click",t.toggleFullscreen,!1)}}}),function(){function t(t){"a"==t.target.nodeName.toLowerCase()&&(t.preventDefault?t.preventDefault():t.returnValue=!1);var n=t.target,e=n.href,s=n.getAttribute("data-window-width")||600,r=n.getAttribute("data-window-height")||600,i=n.getAttribute("data-window-name")||"popup";if(window["window-"+i]&&!window["window-"+i].closed)window["window-"+i].focus();else{var a=void 0!==window.screenLeft?window.screenLeft:screen.left,o=void 0!==window.screenTop?window.screenTop:screen.top,c=screen.width/2-s/2+a,l=screen.height/2-r/2+o;window["window-"+i]=window.open(e,i,"top="+l+",left="+c+",width="+s+",height="+r),window["window-"+i].focus()}}function n(t,n){var e="jsonp_callback_"+Math.round(1e5*Math.random());window[e]=function(t){delete window[e],document.body.removeChild(s),n(t)};var s=document.createElement("script");s.setAttribute("src",t+(t.indexOf("?")>=0?"&":"?")+"callback="+e),document.body.appendChild(s)}function e(t,n){document.querySelector(t).innerHTML=n}function s(t){return"★ "+t}function r(t){t.preventDefault();for(var n=t.target,e=document.querySelector(n.getAttribute("href")),s=c.length-1;s>=0;s--)c[s].classList.remove(l);for(var r=o.length-1;r>=0;r--)o[r].classList.remove(l);e.classList.add(l),t.target.classList.add(l)}document.querySelector(".js-popup").addEventListener("click",t);var i="sessionStorage"in window,a={github:".js-stargazers-count",twitter:".js-tweet-count"};i&&"github_stargazers"in window.sessionStorage?e(a.github,s(window.sessionStorage.github_stargazers)):n("https://api.github.com/repos/selz/plyr?access_token=a46ac653210ba6a6be44260c29c333470c3fbbf5",function(t){t&&"undefined"!=typeof t.data.stargazers_count&&(e(a.github,s(t.data.stargazers_count)),window.sessionStorage.github_stargazers=t.data.stargazers_count)}),i&&"tweets"in window.sessionStorage?e(a.twitter,window.sessionStorage.tweets):n("https://cdn.api.twitter.com/1/urls/count.json?url=plyr.io",function(t){t&&"undefined"!=typeof t.count&&(e(a.twitter,t.count),window.sessionStorage.tweets=t.count)});for(var o=document.querySelectorAll(".nav-panel a"),c=document.querySelectorAll(".panels > .panel"),l="active",u=o.length-1;u>=0;u--)o[u].addEventListener("click",r)}(),document.domain.indexOf("plyr.io")>-1&&(!function(t,n,e,s,r,i,a){t.GoogleAnalyticsObject=r,t[r]=t[r]||function(){(t[r].q=t[r].q||[]).push(arguments)},t[r].l=1*new Date,i=n.createElement(e),a=n.getElementsByTagName(e)[0],i.async=1,i.src=s,a.parentNode.insertBefore(i,a)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-40881672-11","auto"),ga("send","pageview")); \ No newline at end of file diff --git a/docs/error.html b/docs/error.html index 8d89f055..547af028 100644 --- a/docs/error.html +++ b/docs/error.html @@ -6,7 +6,7 @@ - +
diff --git a/docs/index.html b/docs/index.html index d3695501..6a555dc5 100644 --- a/docs/index.html +++ b/docs/index.html @@ -8,10 +8,10 @@ - + - +
@@ -97,13 +97,13 @@ b.insertBefore(c, b.childNodes[0]); } } - })(document, "https://cdn.plyr.io/1.2.2/sprite.svg"); + })(document, "https://cdn.plyr.io/1.2.3/sprite.svg"); - + - + diff --git a/docs/src/js/docs.js b/docs/src/js/docs.js index f35ff11b..3835fef1 100644 --- a/docs/src/js/docs.js +++ b/docs/src/js/docs.js @@ -108,7 +108,7 @@ plyr.setup({ // Add star function formatGitHubCount(count) { - return "★ " + count; + return "★ " + count; } // Check if it's in session storage first diff --git a/docs/src/js/lib/classlist.js b/docs/src/js/lib/classlist.js new file mode 100644 index 00000000..eac1e99e --- /dev/null +++ b/docs/src/js/lib/classlist.js @@ -0,0 +1,237 @@ +/* + * classList.js: Cross-browser full element.classList implementation. + * 1.1.20150312 + * + * By Eli Grey, http://eligrey.com + * License: Dedicated to the public domain. + * See https://github.com/eligrey/classList.js/blob/master/LICENSE.md + */ + +/*global self, document, DOMException */ + +/*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js */ + +if ("document" in self) { + +// Full polyfill for browsers with no classList support +if (!("classList" in document.createElement("_"))) { + +(function (view) { + +"use strict"; + +if (!('Element' in view)) return; + +var + classListProp = "classList" + , protoProp = "prototype" + , elemCtrProto = view.Element[protoProp] + , objCtr = Object + , strTrim = String[protoProp].trim || function () { + return this.replace(/^\s+|\s+$/g, ""); + } + , arrIndexOf = Array[protoProp].indexOf || function (item) { + var + i = 0 + , len = this.length + ; + for (; i < len; i++) { + if (i in this && this[i] === item) { + return i; + } + } + return -1; + } + // Vendors: please allow content code to instantiate DOMExceptions + , DOMEx = function (type, message) { + this.name = type; + this.code = DOMException[type]; + this.message = message; + } + , checkTokenAndGetIndex = function (classList, token) { + if (token === "") { + throw new DOMEx( + "SYNTAX_ERR" + , "An invalid or illegal string was specified" + ); + } + if (/\s/.test(token)) { + throw new DOMEx( + "INVALID_CHARACTER_ERR" + , "String contains an invalid character" + ); + } + return arrIndexOf.call(classList, token); + } + , ClassList = function (elem) { + var + trimmedClasses = strTrim.call(elem.getAttribute("class") || "") + , classes = trimmedClasses ? trimmedClasses.split(/\s+/) : [] + , i = 0 + , len = classes.length + ; + for (; i < len; i++) { + this.push(classes[i]); + } + this._updateClassName = function () { + elem.setAttribute("class", this.toString()); + }; + } + , classListProto = ClassList[protoProp] = [] + , classListGetter = function () { + return new ClassList(this); + } +; +// Most DOMException implementations don't allow calling DOMException's toString() +// on non-DOMExceptions. Error's toString() is sufficient here. +DOMEx[protoProp] = Error[protoProp]; +classListProto.item = function (i) { + return this[i] || null; +}; +classListProto.contains = function (token) { + token += ""; + return checkTokenAndGetIndex(this, token) !== -1; +}; +classListProto.add = function () { + var + tokens = arguments + , i = 0 + , l = tokens.length + , token + , updated = false + ; + do { + token = tokens[i] + ""; + if (checkTokenAndGetIndex(this, token) === -1) { + this.push(token); + updated = true; + } + } + while (++i < l); + + if (updated) { + this._updateClassName(); + } +}; +classListProto.remove = function () { + var + tokens = arguments + , i = 0 + , l = tokens.length + , token + , updated = false + , index + ; + do { + token = tokens[i] + ""; + index = checkTokenAndGetIndex(this, token); + while (index !== -1) { + this.splice(index, 1); + updated = true; + index = checkTokenAndGetIndex(this, token); + } + } + while (++i < l); + + if (updated) { + this._updateClassName(); + } +}; +classListProto.toggle = function (token, force) { + token += ""; + + var + result = this.contains(token) + , method = result ? + force !== true && "remove" + : + force !== false && "add" + ; + + if (method) { + this[method](token); + } + + if (force === true || force === false) { + return force; + } else { + return !result; + } +}; +classListProto.toString = function () { + return this.join(" "); +}; + +if (objCtr.defineProperty) { + var classListPropDesc = { + get: classListGetter + , enumerable: true + , configurable: true + }; + try { + objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc); + } catch (ex) { // IE 8 doesn't support enumerable:true + if (ex.number === -0x7FF5EC54) { + classListPropDesc.enumerable = false; + objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc); + } + } +} else if (objCtr[protoProp].__defineGetter__) { + elemCtrProto.__defineGetter__(classListProp, classListGetter); +} + +}(self)); + +} else { +// There is full or partial native classList support, so just check if we need +// to normalize the add/remove and toggle APIs. + +(function () { + "use strict"; + + var testElement = document.createElement("_"); + + testElement.classList.add("c1", "c2"); + + // Polyfill for IE 10/11 and Firefox <26, where classList.add and + // classList.remove exist but support only one argument at a time. + if (!testElement.classList.contains("c2")) { + var createMethod = function(method) { + var original = DOMTokenList.prototype[method]; + + DOMTokenList.prototype[method] = function(token) { + var i, len = arguments.length; + + for (i = 0; i < len; i++) { + token = arguments[i]; + original.call(this, token); + } + }; + }; + createMethod('add'); + createMethod('remove'); + } + + testElement.classList.toggle("c3", false); + + // Polyfill for IE 10 and Firefox <24, where classList.toggle does not + // support the second argument. + if (testElement.classList.contains("c3")) { + var _toggle = DOMTokenList.prototype.toggle; + + DOMTokenList.prototype.toggle = function(token, force) { + if (1 in arguments && !this.contains(token) === !force) { + return force; + } else { + return _toggle.call(this, token); + } + }; + + } + + testElement = null; +}()); + +} + +} \ No newline at end of file diff --git a/docs/src/less/components/base.less b/docs/src/less/components/base.less index 57a7084e..b4e5ddf1 100644 --- a/docs/src/less/components/base.less +++ b/docs/src/less/components/base.less @@ -25,6 +25,7 @@ body { text-align: center; color: @gray; .font-smoothing(on); + padding: 0 (@padding-base / 2); } // Header diff --git a/docs/src/less/components/buttons.less b/docs/src/less/components/buttons.less index 0740343d..9ee5cf93 100644 --- a/docs/src/less/components/buttons.less +++ b/docs/src/less/components/buttons.less @@ -101,7 +101,8 @@ nav { } } .btn-primary { - background: linear-gradient(@link-color, darken(@link-color, 3%)); + background-image: linear-gradient(@link-color, darken(@link-color, 3%)); + background-color: @link-color; border-color: darken(@link-color, 10%); box-shadow: 0 1px 1px rgba(0,0,0, .15); text-shadow: 0 1px 1px rgba(0,0,0, .1); diff --git a/docs/src/less/components/examples.less b/docs/src/less/components/examples.less index 9c145847..97087b02 100644 --- a/docs/src/less/components/examples.less +++ b/docs/src/less/components/examples.less @@ -22,9 +22,22 @@ overflow: hidden; } } +// Base styles .example-video .player { max-width: @example-width-video; + video, + iframe { + border-radius: @border-radius-base; + } + iframe { + -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); + } +} + +// Style full supported player +.example-video .player-video, +.example-video .player-youtube { video, iframe { border-radius: @border-radius-base @border-radius-base 0 0; @@ -35,5 +48,14 @@ &-fullscreen, &.fullscreen-active { max-width: none; + + .player-controls, + video, + iframe { + border-radius: 0; + } + iframe { + -webkit-mask-image: none; + } } } \ No newline at end of file diff --git a/package.json b/package.json index e176d766..3509a47d 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "plyr", - "version": "1.2.2", + "version": "1.2.3", "description": "A simple HTML5 media player using custom controls", "homepage": "http://plyr.io", "main": "gulpfile.js", diff --git a/readme.md b/readme.md index 31ffd902..0d557aa9 100644 --- a/readme.md +++ b/readme.md @@ -39,7 +39,7 @@ If you have any cool ideas or features, please let me know by [creating an issue Check `docs/index.html` and `docs/dist/docs.js` for an example setup. -**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.2.2/plyr.js` to `https://cdn.plyr.io/1.2.2/plyr.js` +**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.2.3/plyr.js` to `https://cdn.plyr.io/1.2.3/plyr.js` ### Bower If bower is your thang, you can grab Plyr using: @@ -59,11 +59,11 @@ More info is on [npm](https://www.npmjs.com/package/ember-cli-plyr) and [GitHub] If you want to use our CDN, you can use the following: ```html - - + + ``` -You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.2.2/sprite.svg`. +You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.2.3/sprite.svg`. ### CSS If you want to use the default css, add the `plyr.css` file from /dist into your head, or even better use `plyr.less` or `plyr.sass` file included in `/src` in your build to save a request. diff --git a/src/js/plyr.js b/src/js/plyr.js index 4e379da6..1c9c98a8 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -1,6 +1,6 @@ // ========================================================================== // Plyr -// plyr.js v1.2.2 +// plyr.js v1.2.3 // https://github.com/selz/plyr // License: The MIT License (MIT) // ========================================================================== @@ -529,12 +529,12 @@ }, browserPrefixes = "webkit moz o ms khtml".split(" "); - // check for native support + // Check for native support if (typeof document.cancelFullScreen != "undefined") { fullscreen.supportsFullScreen = true; } else { - // check for fullscreen support by vendor prefix + // Check for fullscreen support by vendor prefix for (var i = 0, il = browserPrefixes.length; i < il; i++ ) { fullscreen.prefix = browserPrefixes[i]; @@ -551,12 +551,6 @@ } } - // Safari doesn't support the ALLOW_KEYBOARD_INPUT flag (for security) so set it to not supported - // https://bugs.webkit.org/show_bug.cgi?id=121496 - if(fullscreen.prefix === "webkit" && !!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)) { - fullscreen.supportsFullScreen = false; - } - // Update methods to do something useful if (fullscreen.supportsFullScreen) { // Yet again Microsoft awesomeness, @@ -578,7 +572,7 @@ } }; fullscreen.requestFullScreen = function(element) { - return (this.prefix === "") ? element.requestFullScreen() : element[this.prefix + (this.prefix == "ms" ? "RequestFullscreen" : "RequestFullScreen")](this.prefix === "webkit" ? element.ALLOW_KEYBOARD_INPUT : null); + return (this.prefix === "") ? element.requestFullScreen() : element[this.prefix + (this.prefix == "ms" ? "RequestFullscreen" : "RequestFullScreen")](); }; fullscreen.cancelFullScreen = function() { return (this.prefix === "") ? document.cancelFullScreen() : document[this.prefix + (this.prefix == "ms" ? "ExitFullscreen" : "CancelFullScreen")](); @@ -852,11 +846,11 @@ // Cache the container player.videoContainer = wrapper; } + } - // YouTube - if(player.type == "youtube") { - _setupYouTube(player.media.getAttribute("data-video-id")); - } + // YouTube + if(player.type == "youtube") { + _setupYouTube(player.media.getAttribute("data-video-id")); } // Autoplay @@ -910,7 +904,7 @@ videoId: id, playerVars: { autoplay: 0, - controls: 0, + controls: (player.supported.full ? 0 : 1), vq: "hd720", rel: 0, showinfo: 0, @@ -953,14 +947,16 @@ } }, 200); - // Only setup controls once - if(!player.container.querySelectorAll(config.selectors.controls).length) { - _setupInterface(); - } + if(player.supported.full) { + // Only setup controls once + if(!player.container.querySelectorAll(config.selectors.controls).length) { + _setupInterface(); + } - // Display duration if available - if(config.displayDuration) { - _displayDuration(); + // Display duration if available + if(config.displayDuration) { + _displayDuration(); + } } }, onStateChange: function(event) { @@ -1692,10 +1688,12 @@ } _on(window, "keyup", function(event) { var code = (event.keyCode ? event.keyCode : event.which); + if(code == 9) { checkFocus(); } }); for (var button in player.buttons) { var element = player.buttons[button]; + _on(element, "blur", function() { _toggleClass(element, "tab-focus", false); }); @@ -1982,7 +1980,7 @@ case "youtube": basic = true; - full = !oldIE; + full = (!oldIE && !iPhone); break; default: diff --git a/src/less/plyr.less b/src/less/plyr.less index 69f490e1..08a9178d 100644 --- a/src/less/plyr.less +++ b/src/less/plyr.less @@ -316,6 +316,8 @@ // Tooltips &-tooltip { + @border-base: darken(@tooltip-bg, 8%); + visibility: hidden; position: absolute; z-index: 2; @@ -325,6 +327,7 @@ opacity: 0; background: @tooltip-bg; + border: 1px solid @border-base; border-radius: @tooltip-radius; color: @tooltip-color; font-size: @font-size-small; @@ -334,20 +337,23 @@ transform: translate(-50%, (@tooltip-padding * 3)) scale(0); transform-origin: 50% 100%; transition: transform .2s .1s ease, opacity .2s .1s ease; - + + // Arrow &::after { content: ""; - display: block; position: absolute; + z-index: 1; + top: 100%; left: 50%; - bottom: -@tooltip-arrow-size; - margin-left: -@tooltip-arrow-size; - width: 0; - height: 0; - transition: inherit; - border-style: solid; - border-width: @tooltip-arrow-size @tooltip-arrow-size 0 @tooltip-arrow-size; - border-color: @controls-bg transparent transparent; + display: block; + width: 10px; + height: 10px; + background: @tooltip-bg; + transform: translate(-50%, -50%) rotate(45deg) translateY(2px); + + @arrow-border-color: darken(@border-base, 5%); + border: 1px solid rgba(red(@arrow-border-color), green(@arrow-border-color), blue(@arrow-border-color), .8); + border-width: 0 1px 1px 0; } } label:hover .player-tooltip, diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss index eeda4f4c..95a444a2 100644 --- a/src/sass/plyr.scss +++ b/src/sass/plyr.scss @@ -314,6 +314,8 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo // Tooltips &-tooltip { + $border-base: darken($tooltip-bg, 8%); + visibility: hidden; position: absolute; z-index: 2; @@ -323,6 +325,7 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo opacity: 0; background: $tooltip-bg; + border: 1px solid $border-base; border-radius: $tooltip-radius; color: $tooltip-color; font-size: $font-size-small; @@ -333,25 +336,28 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo transform-origin: 50% 100%; transition: transform .2s .1s ease, opacity .2s .1s ease; + // Arrow &::after { content: ""; - display: block; position: absolute; + z-index: 1; + top: 100%; left: 50%; - bottom: -$tooltip-arrow-size; - margin-left: -$tooltip-arrow-size; - width: 0; - height: 0; - transition: inherit; - border-style: solid; - border-width: $tooltip-arrow-size $tooltip-arrow-size 0 $tooltip-arrow-size; - border-color: $controls-bg transparent transparent; + display: block; + width: 10px; + height: 10px; + background: $tooltip-bg; + transform: translate(-50%, -50%) rotate(45deg) translateY(2px); + + $arrow-border-color: darken($border-base, 5%); + border: 1px solid rgba(red($arrow-border-color), green($arrow-border-color), blue($arrow-border-color), .8); + border-width: 0 1px 1px 0; } } label:hover .player-tooltip, - input:focus + label .player-tooltip, + input.tab-focus:focus + label .player-tooltip, button:hover .player-tooltip, - button:focus .player-tooltip { + button.tab-focus:focus .player-tooltip { visibility: visible; opacity: 1; transform: translate(-50%, 0) scale(1); From a0d2d5cd2445b226470f724a5fa9628a52bc9c14 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sat, 25 Jul 2015 20:29:19 +1000 Subject: [PATCH 15/54] Minor tweaks --- dist/plyr.js | 2 +- docs/dist/docs.css | 2 +- docs/src/less/components/buttons.less | 1 + src/js/plyr.js | 6 ++++-- src/less/plyr.less | 2 +- src/sass/plyr.scss | 2 +- 6 files changed, 9 insertions(+), 6 deletions(-) diff --git a/dist/plyr.js b/dist/plyr.js index 04e5b951..9c2db71b 100644 --- a/dist/plyr.js +++ b/dist/plyr.js @@ -1 +1 @@ -!function(e){"use strict";function t(){var e=["
","
","","","","0% played","","","0% buffered","","
",""];return o(S.controls,"restart")&&e.push(""),o(S.controls,"rewind")&&e.push(""),o(S.controls,"play")&&e.push("",""),o(S.controls,"fast-forward")&&e.push(""),o(S.controls,"current-time")&&e.push("","Current time","00:00",""),o(S.controls,"duration")&&e.push("","Duration","00:00",""),e.push("",""),o(S.controls,"mute")&&e.push("",""),o(S.controls,"volume")&&e.push("",""),o(S.controls,"captions")&&e.push("",""),o(S.controls,"fullscreen")&&e.push(""),e.push("","
"),e.join("")}function n(e,t){S.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll("script[src='"+e+"']").length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function 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 l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function k(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;E(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}dt.media.currentTime.toFixed(1)>=C(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=E(dt.captions[dt.subcount][0])?(dt.currentCaption=dt.captions[dt.subcount][1],dt.captionsContainer.innerHTML=dt.currentCaption):dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,S.classes.captions.enabled,!0),S.captions.defaultActive&&(f(dt.container,S.classes.captions.active,!0),dt.buttons.captions.checked=!0))}function C(e){var t=[];return t=e.split(" --> "),P(t[0])}function E(e){var t=[];return t=e.split(" --> "),P(t[1])}function P(e){if(null===e||void 0===e)return 0;var t,n=[],r=[];return n=e.split(","),r=n[0].split(":"),t=Math.floor(60*r[0]*60)+Math.floor(60*r[1])+Math.floor(r[2])}function A(e){return dt.container.querySelectorAll(e)}function N(e){return A(e)[0]}function I(){try{return window.self!==window.top}catch(e){return!0}}function M(){var e=S.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",S.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),S.tooltips)for(var r=A(S.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,S.classes.hidden,!1),f(s,S.classes.tooltip,!0)}}function L(){try{return dt.controls=N(S.selectors.controls),dt.buttons={},dt.buttons.seek=N(S.selectors.buttons.seek),dt.buttons.play=N(S.selectors.buttons.play),dt.buttons.pause=N(S.selectors.buttons.pause),dt.buttons.restart=N(S.selectors.buttons.restart),dt.buttons.rewind=N(S.selectors.buttons.rewind),dt.buttons.forward=N(S.selectors.buttons.forward),dt.buttons.fullscreen=N(S.selectors.buttons.fullscreen),dt.buttons.mute=N(S.selectors.buttons.mute),dt.buttons.captions=N(S.selectors.buttons.captions),dt.checkboxes=A("[type='checkbox']"),dt.progress={},dt.progress.container=N(S.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(S.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(S.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(S.selectors.buttons.volume),dt.duration=N(S.selectors.duration),dt.currentTime=N(S.selectors.currentTime),dt.seekTime=A(S.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||"Play";"undefined"!=typeof S.title&&S.title.length&&(e+=", "+S.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full&&(dt.media.removeAttribute("controls"),f(dt.container,S.classes.type.replace("{0}",dt.type),!0),f(dt.container,S.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type)){var e=document.createElement("div");e.setAttribute("class",S.classes.videoWrapper),u(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id")),null!==dt.media.getAttribute("autoplay")&&j()}function V(e){for(var t=A("[id^='youtube']"),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,S.classes.videoWrapper,!0),f(dt.media,S.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:dt.supported.full?0:1,vq:"hd720",rel:0,showinfo:0,iv_load_policy:3,cc_lang_pref:"en",wmode:"transparent",modestbranding:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=2==t.getPlayerState(),dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.supported.full&&(dt.container.querySelectorAll(S.selectors.controls).length||pt(),S.displayDuration&&nt())},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin","
"),dt.captionsContainer=N(S.selectors.captions),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(r){}"youtube"==dt.type&&(dt.embed.seekTo(dt.media.currentTime),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),k(t)}function U(){f(dt.container,S.classes.playing,!dt.media.paused),f(dt.container,S.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,S.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,S.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,S.classes.fullscreen.active,dt.isFullscreen);var a,s=!1;S.fullscreen.hideControls&&(f(dt.controls,S.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=S.storage.enabled&&x().supported?window.localStorage[S.storage.key]||S.volume:S.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&G()}function G(e){"undefined"==typeof e&&(e=!dt.media.muted),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function K(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),S.storage.enabled&&x().supported&&window.localStorage.setItem(S.storage.key,e),f(dt.container,S.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&(dt.buttons.mute.checked=0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("undefined"==typeof e&&(e=-1===dt.container.className.indexOf(S.classes.captions.active),dt.buttons.captions.checked=e),f(dt.container,S.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,S.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&S.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(D(),z(),at(),"string"==typeof e)dt.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),U()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&j()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function ut(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){j(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){D(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",z),y(dt.buttons.rewind,"click",_),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,z),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"change",function(){G(this.checked)}),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",k),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"change",function(){Q(this.checked)}),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),U()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",K),y(dt.media,"play pause",U),y(dt.media,"waiting canplay seeked",Z),y(dt.checkboxes,"keyup",g),"video"===dt.type&&S.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(z(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function lt(){if(!dt.init)return null;if(dt.container.setAttribute("class",S.selectors.container.replace(".","")),dt.init=!1,c(N(S.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(S.selectors.captions)),l(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=w(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();switch(t){case"div":dt.type=dt.media.getAttribute("data-type");break;default:dt.type=t}if(dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),S.displayDuration&&nt(),O()}dt.init=!0}function pt(){return M(),L()?(R(),$(),K(),B(),ut(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:j,pause:D,restart:z,rewind:_,forward:Y,seek:z,source:ot,poster:it,setVolume:$,togglePlay:W,toggleMute:G,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:lt,restore:ct}:{}}var F,S,C={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},storage:{enabled:!0,key:"plyr_volume"},controls:["restart","rewind","play","fast-forward","current-time","duration","mute","volume","captions","fullscreen"],onSetup:function(){}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,u=!!document.createElement("video").canPlayType;switch(e){case"video":t=u,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s&&!o;break;default:t=i&&u,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(S=k(C,t),!S.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(S.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,S.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file +!function(e){"use strict";function t(){var e=["
","
","","","","0% played","","","0% buffered","","
",""];return o(S.controls,"restart")&&e.push(""),o(S.controls,"rewind")&&e.push(""),o(S.controls,"play")&&e.push("",""),o(S.controls,"fast-forward")&&e.push(""),o(S.controls,"current-time")&&e.push("","Current time","00:00",""),o(S.controls,"duration")&&e.push("","Duration","00:00",""),e.push("",""),o(S.controls,"mute")&&e.push("",""),o(S.controls,"volume")&&e.push("",""),o(S.controls,"captions")&&e.push("",""),o(S.controls,"fullscreen")&&e.push(""),e.push("","
"),e.join("")}function n(e,t){S.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll("script[src='"+e+"']").length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function 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 l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document.body),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=document.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function k(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;E(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}dt.media.currentTime.toFixed(1)>=C(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=E(dt.captions[dt.subcount][0])?(dt.currentCaption=dt.captions[dt.subcount][1],dt.captionsContainer.innerHTML=dt.currentCaption):dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,S.classes.captions.enabled,!0),S.captions.defaultActive&&(f(dt.container,S.classes.captions.active,!0),dt.buttons.captions.checked=!0))}function C(e){var t=[];return t=e.split(" --> "),P(t[0])}function E(e){var t=[];return t=e.split(" --> "),P(t[1])}function P(e){if(null===e||void 0===e)return 0;var t,n=[],r=[];return n=e.split(","),r=n[0].split(":"),t=Math.floor(60*r[0]*60)+Math.floor(60*r[1])+Math.floor(r[2])}function A(e){return dt.container.querySelectorAll(e)}function N(e){return A(e)[0]}function I(){try{return window.self!==window.top}catch(e){return!0}}function M(){var e=S.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",S.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),S.tooltips)for(var r=A(S.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,S.classes.hidden,!1),f(s,S.classes.tooltip,!0)}}function L(){try{return dt.controls=N(S.selectors.controls),dt.buttons={},dt.buttons.seek=N(S.selectors.buttons.seek),dt.buttons.play=N(S.selectors.buttons.play),dt.buttons.pause=N(S.selectors.buttons.pause),dt.buttons.restart=N(S.selectors.buttons.restart),dt.buttons.rewind=N(S.selectors.buttons.rewind),dt.buttons.forward=N(S.selectors.buttons.forward),dt.buttons.fullscreen=N(S.selectors.buttons.fullscreen),dt.buttons.mute=N(S.selectors.buttons.mute),dt.buttons.captions=N(S.selectors.buttons.captions),dt.checkboxes=A("[type='checkbox']"),dt.progress={},dt.progress.container=N(S.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(S.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(S.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(S.selectors.buttons.volume),dt.duration=N(S.selectors.duration),dt.currentTime=N(S.selectors.currentTime),dt.seekTime=A(S.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||"Play";"undefined"!=typeof S.title&&S.title.length&&(e+=", "+S.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full&&(dt.media.removeAttribute("controls"),f(dt.container,S.classes.type.replace("{0}",dt.type),!0),f(dt.container,S.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type)){var e=document.createElement("div");e.setAttribute("class",S.classes.videoWrapper),u(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id")),null!==dt.media.getAttribute("autoplay")&&j()}function V(e){for(var t=A("[id^='youtube']"),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,S.classes.videoWrapper,!0),f(dt.media,S.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:dt.supported.full?0:1,vq:"hd720",rel:0,showinfo:0,iv_load_policy:3,cc_lang_pref:"en",wmode:"transparent",modestbranding:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=2==t.getPlayerState(),dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.supported.full&&(dt.container.querySelectorAll(S.selectors.controls).length||pt(),S.displayDuration&&nt())},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin","
"),dt.captionsContainer=N(S.selectors.captions),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(r){}"youtube"==dt.type&&(dt.embed.seekTo(dt.media.currentTime),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),k(t)}function U(){f(dt.container,S.classes.playing,!dt.media.paused),f(dt.container,S.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,S.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,S.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,S.classes.fullscreen.active,dt.isFullscreen);var a,s=!1;S.fullscreen.hideControls&&(f(dt.controls,S.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=S.storage.enabled&&x().supported?window.localStorage[S.storage.key]||S.volume:S.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&G()}function G(e){"undefined"==typeof e&&(e=!dt.media.muted),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function K(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),S.storage.enabled&&x().supported&&window.localStorage.setItem(S.storage.key,e),f(dt.container,S.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&(dt.buttons.mute.checked=0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("undefined"==typeof e&&(e=-1===dt.container.className.indexOf(S.classes.captions.active),dt.buttons.captions.checked=e),f(dt.container,S.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,S.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&S.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(D(),z(),at(),"string"==typeof e)dt.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),U()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&j()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function ut(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){j(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){D(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",z),y(dt.buttons.rewind,"click",_),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,z),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"change",function(){G(this.checked)}),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",k),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"change",function(){Q(this.checked)}),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),U()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",K),y(dt.media,"play pause",U),y(dt.media,"waiting canplay seeked",Z),y(dt.checkboxes,"keyup",g),"video"===dt.type&&S.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(z(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function lt(){if(!dt.init)return null;if(dt.container.setAttribute("class",S.selectors.container.replace(".","")),dt.init=!1,c(N(S.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(S.selectors.captions)),l(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=w(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();switch(t){case"div":dt.type=dt.media.getAttribute("data-type");break;default:dt.type=t}if(dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),S.displayDuration&&nt(),O()}dt.init=!0}function pt(){return M(),L()?(R(),$(),K(),B(),ut(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:j,pause:D,restart:z,rewind:_,forward:Y,seek:z,source:ot,poster:it,setVolume:$,togglePlay:W,toggleMute:G,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:lt,restore:ct}:{}}var F,S,C={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},storage:{enabled:!0,key:"plyr_volume"},controls:["restart","rewind","play","fast-forward","current-time","duration","mute","volume","captions","fullscreen"],onSetup:function(){}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,u=!!document.createElement("video").canPlayType;switch(e){case"video":t=u,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s&&!o;break;default:t=i&&u,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(S=k(C,t),!S.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(S.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,S.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file diff --git a/docs/dist/docs.css b/docs/dist/docs.css index ad79a87e..011f74bb 100644 --- a/docs/dist/docs.css +++ b/docs/dist/docs.css @@ -1 +1 @@ -/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}*,::after,::before{box-sizing:border-box}[hidden]{display:none}html{height:100%;font-size:100%;background:linear-gradient(#fff,#f2f5f7) fixed}body{font-family:Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.5;text-align:center;color:#55646b;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:0 10px}header{padding:20px;margin-bottom:20px}header p{font-size:18px;font-size:1.125rem}@media (min-width:480px){header{padding-top:60px;padding-bottom:60px}}section{padding-bottom:20px}@media (min-width:480px){section{padding-bottom:40px}}@font-face{font-family:Avenir;src:url(//cdn.plyr.io/fonts/avenir-medium.woff2) format("woff2"),url(//cdn.plyr.io/fonts/avenir-medium.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:Avenir;src:url(//cdn.plyr.io/fonts/avenir-bold.woff2) format("woff2"),url(//cdn.plyr.io/fonts/avenir-bold.woff) format("woff");font-style:normal;font-weight:600}h1,h2{letter-spacing:-.025em;color:#2E3C44;margin:0 0 10px;line-height:1.2;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1{font-size:64px;font-size:4rem;color:#3498DB}p,small{margin:0 0 20px}small{display:block;padding:0 10px;font-size:14px;font-size:.875rem}a{text-decoration:none;color:#3498db;border-bottom:1px solid currentColor;transition:background .3s ease,color .3s ease}a:focus,a:hover{color:#343f4a}a:focus{outline:#343f4a dotted thin;outline-offset:1px}a.logo{border:0}nav ul{list-style:none;margin:0;padding:0;font-size:0}nav li{display:inline-block;margin-top:10px;font-size:16px;font-size:1rem;white-space:nowrap}nav li+li{margin-left:20px}.btn-bar{position:relative;margin:0 auto 20px;max-width:1200px}.btn-bar::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#dbe3e8}.btn-bar ul{position:relative;z-index:1;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-bar li{margin:0}.btn-bar li:first-child .btn{border-radius:4px 0 0 4px}.btn-bar li:last-child .btn{border-radius:0 4px 4px 0}.btn-bar li+li .btn{margin-left:-1px}.btn-bar .btn{display:block;border-radius:0}.btn-bar .btn.active{box-shadow:inset 0 1px 1px rgba(0,0,0,.2);position:relative;z-index:1}@media (min-width:560px){.btn-bar{margin-bottom:40px}}.btn,.btn-count{display:inline-block;vertical-align:middle;border-radius:4px;font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn{padding:10px 20px;background:#f2f5f7;border:1px solid #cbd0d3;box-shadow:inset 0 1px 0 #fff,0 1px 1px rgba(0,0,0,.05);text-shadow:0 1px 1px #fff;color:#55646b}.btn:focus,.btn:hover{background-color:#fff;border-color:#bdc4c7;color:#3498db;outline:0}.btn-bar .active,.btn-primary{background-image:linear-gradient(#3498db,#2791d9);background-color:#3498db;border-color:#217dbb;box-shadow:0 1px 1px rgba(0,0,0,.15);text-shadow:0 1px 1px rgba(0,0,0,.1);color:#fff}.btn-primary:focus,.btn-primary:hover{color:#fff;border-color:#196090}.btn-small{padding-top:7px;padding-bottom:7px}.btn-count{position:relative;margin-left:6px;padding:9px;background:#fff;border:1px solid #cbd0d3}.btn-count::before{content:"";position:absolute;display:block;width:8px;height:8px;left:1px;top:50%;margin-top:-4px;background:inherit;border:inherit;border-width:1px 0 0 1px;-webkit-transform:rotate(-45deg) translate(-50%,-50%);transform:rotate(-45deg) translate(-50%,-50%)}.panel{display:none}.panel.active{display:block;-webkit-animation:fade-in .3s ease;animation:fade-in .3s ease}.error body,html.error{height:100%}.error body{width:100%;display:table;table-layout:fixed}.error main{display:table-cell;width:100%;vertical-align:middle}.example-audio .player,.example-video .player{margin:0 auto 20px}.example-audio .player-controls,.example-video .player-controls{border-radius:0 0 4px 4px}.example-audio .player{max-width:520px}.example-audio .player-controls{border-radius:4px}.example-audio .player-progress{border-radius:4px 4px 0 0;overflow:hidden}.example-video .player{max-width:1200px}.example-video .player iframe,.example-video .player video{border-radius:4px}.example-video .player iframe{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}.example-video .player-video iframe,.example-video .player-video video,.example-video .player-youtube iframe,.example-video .player-youtube video{border-radius:4px 4px 0 0}.example-video .player-video iframe,.example-video .player-youtube iframe{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}.example-video .player-video-fullscreen,.example-video .player-video.fullscreen-active,.example-video .player-youtube-fullscreen,.example-video .player-youtube.fullscreen-active{max-width:none}.example-video .player-video-fullscreen .player-controls,.example-video .player-video-fullscreen iframe,.example-video .player-video-fullscreen video,.example-video .player-video.fullscreen-active .player-controls,.example-video .player-video.fullscreen-active iframe,.example-video .player-video.fullscreen-active video,.example-video .player-youtube-fullscreen .player-controls,.example-video .player-youtube-fullscreen iframe,.example-video .player-youtube-fullscreen video,.example-video .player-youtube.fullscreen-active .player-controls,.example-video .player-youtube.fullscreen-active iframe,.example-video .player-youtube.fullscreen-active video{border-radius:0}.example-video .player-video-fullscreen iframe,.example-video .player-video.fullscreen-active iframe,.example-video .player-youtube-fullscreen iframe,.example-video .player-youtube.fullscreen-active iframe{-webkit-mask-image:none} \ No newline at end of file +/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}*,::after,::before{box-sizing:border-box}[hidden]{display:none}html{height:100%;font-size:100%;background:linear-gradient(#fff,#f2f5f7) fixed}body{font-family:Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.5;text-align:center;color:#55646b;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:0 10px}header{padding:20px;margin-bottom:20px}header p{font-size:18px;font-size:1.125rem}@media (min-width:480px){header{padding-top:60px;padding-bottom:60px}}section{padding-bottom:20px}@media (min-width:480px){section{padding-bottom:40px}}@font-face{font-family:Avenir;src:url(//cdn.plyr.io/fonts/avenir-medium.woff2) format("woff2"),url(//cdn.plyr.io/fonts/avenir-medium.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:Avenir;src:url(//cdn.plyr.io/fonts/avenir-bold.woff2) format("woff2"),url(//cdn.plyr.io/fonts/avenir-bold.woff) format("woff");font-style:normal;font-weight:600}h1,h2{letter-spacing:-.025em;color:#2E3C44;margin:0 0 10px;line-height:1.2;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1{font-size:64px;font-size:4rem;color:#3498DB}p,small{margin:0 0 20px}small{display:block;padding:0 10px;font-size:14px;font-size:.875rem}a{text-decoration:none;color:#3498db;border-bottom:1px solid currentColor;transition:background .3s ease,color .3s ease}a:focus,a:hover{color:#343f4a}a:focus{outline:#343f4a dotted thin;outline-offset:1px}a.logo{border:0}nav ul{list-style:none;margin:0;padding:0;font-size:0}nav li{display:inline-block;margin-top:10px;font-size:16px;font-size:1rem;white-space:nowrap}nav li+li{margin-left:20px}.btn-bar{position:relative;margin:0 auto 20px;max-width:1200px;white-space:nowrap}.btn-bar::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#dbe3e8}.btn-bar ul{position:relative;z-index:1;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-bar li{margin:0}.btn-bar li:first-child .btn{border-radius:4px 0 0 4px}.btn-bar li:last-child .btn{border-radius:0 4px 4px 0}.btn-bar li+li .btn{margin-left:-1px}.btn-bar .btn{display:block;border-radius:0}.btn-bar .btn.active{box-shadow:inset 0 1px 1px rgba(0,0,0,.2);position:relative;z-index:1}@media (min-width:560px){.btn-bar{margin-bottom:40px}}.btn,.btn-count{display:inline-block;vertical-align:middle;border-radius:4px;font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn{padding:10px 20px;background:#f2f5f7;border:1px solid #cbd0d3;box-shadow:inset 0 1px 0 #fff,0 1px 1px rgba(0,0,0,.05);text-shadow:0 1px 1px #fff;color:#55646b}.btn:focus,.btn:hover{background-color:#fff;border-color:#bdc4c7;color:#3498db;outline:0}.btn-bar .active,.btn-primary{background-image:linear-gradient(#3498db,#2791d9);background-color:#3498db;border-color:#217dbb;box-shadow:0 1px 1px rgba(0,0,0,.15);text-shadow:0 1px 1px rgba(0,0,0,.1);color:#fff}.btn-primary:focus,.btn-primary:hover{color:#fff;border-color:#196090}.btn-small{padding-top:7px;padding-bottom:7px}.btn-count{position:relative;margin-left:6px;padding:9px;background:#fff;border:1px solid #cbd0d3}.btn-count::before{content:"";position:absolute;display:block;width:8px;height:8px;left:1px;top:50%;margin-top:-4px;background:inherit;border:inherit;border-width:1px 0 0 1px;-webkit-transform:rotate(-45deg) translate(-50%,-50%);transform:rotate(-45deg) translate(-50%,-50%)}.panel{display:none}.panel.active{display:block;-webkit-animation:fade-in .3s ease;animation:fade-in .3s ease}.error body,html.error{height:100%}.error body{width:100%;display:table;table-layout:fixed}.error main{display:table-cell;width:100%;vertical-align:middle}.example-audio .player,.example-video .player{margin:0 auto 20px}.example-audio .player-controls,.example-video .player-controls{border-radius:0 0 4px 4px}.example-audio .player{max-width:520px}.example-audio .player-controls{border-radius:4px}.example-audio .player-progress{border-radius:4px 4px 0 0;overflow:hidden}.example-video .player{max-width:1200px}.example-video .player iframe,.example-video .player video{border-radius:4px}.example-video .player iframe{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}.example-video .player-video iframe,.example-video .player-video video,.example-video .player-youtube iframe,.example-video .player-youtube video{border-radius:4px 4px 0 0}.example-video .player-video iframe,.example-video .player-youtube iframe{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}.example-video .player-video-fullscreen,.example-video .player-video.fullscreen-active,.example-video .player-youtube-fullscreen,.example-video .player-youtube.fullscreen-active{max-width:none}.example-video .player-video-fullscreen .player-controls,.example-video .player-video-fullscreen iframe,.example-video .player-video-fullscreen video,.example-video .player-video.fullscreen-active .player-controls,.example-video .player-video.fullscreen-active iframe,.example-video .player-video.fullscreen-active video,.example-video .player-youtube-fullscreen .player-controls,.example-video .player-youtube-fullscreen iframe,.example-video .player-youtube-fullscreen video,.example-video .player-youtube.fullscreen-active .player-controls,.example-video .player-youtube.fullscreen-active iframe,.example-video .player-youtube.fullscreen-active video{border-radius:0}.example-video .player-video-fullscreen iframe,.example-video .player-video.fullscreen-active iframe,.example-video .player-youtube-fullscreen iframe,.example-video .player-youtube.fullscreen-active iframe{-webkit-mask-image:none} \ No newline at end of file diff --git a/docs/src/less/components/buttons.less b/docs/src/less/components/buttons.less index 9ee5cf93..68c1f5d3 100644 --- a/docs/src/less/components/buttons.less +++ b/docs/src/less/components/buttons.less @@ -25,6 +25,7 @@ nav { position: relative; margin: 0 auto @padding-base; max-width: @example-width-video; + white-space: nowrap; &::before { content: ""; diff --git a/src/js/plyr.js b/src/js/plyr.js index 1c9c98a8..fba43477 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -559,9 +559,8 @@ fullscreen.isFullScreen = function(element) { if(typeof element == "undefined") { - element = document; + element = document.body; } - switch (this.prefix) { case "": return document.fullscreenElement == element; @@ -572,6 +571,9 @@ } }; fullscreen.requestFullScreen = function(element) { + if(typeof element == "undefined") { + element = document.body; + } return (this.prefix === "") ? element.requestFullScreen() : element[this.prefix + (this.prefix == "ms" ? "RequestFullscreen" : "RequestFullScreen")](); }; fullscreen.cancelFullScreen = function() { diff --git a/src/less/plyr.less b/src/less/plyr.less index 08a9178d..bf4e5cc0 100644 --- a/src/less/plyr.less +++ b/src/less/plyr.less @@ -497,7 +497,7 @@ // Volume control // element // Specificity is for bootstrap compatibility - &-volume[type=range] { + &-volume[type="range"] { display: inline-block; vertical-align: middle; -webkit-appearance: none; diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss index 95a444a2..7b7c1f93 100644 --- a/src/sass/plyr.scss +++ b/src/sass/plyr.scss @@ -495,7 +495,7 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo // Volume control // element // Specificity is for bootstrap compatibility - &-volume[type=range] { + &-volume[type="range"] { display: inline-block; vertical-align: middle; -webkit-appearance: none; From 06641d570917faf095bfb77510c1f87f1cdc036c Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sat, 25 Jul 2015 20:29:54 +1000 Subject: [PATCH 16/54] Docs --- docs/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/index.html b/docs/index.html index 6a555dc5..448f3fd3 100644 --- a/docs/index.html +++ b/docs/index.html @@ -11,7 +11,7 @@ - +
From e0cd34c9965575fddba863bb8c9a3126f6ac722b Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sat, 25 Jul 2015 20:45:11 +1000 Subject: [PATCH 17/54] Fix for omitted kind attribute on (fixes #88) --- changelog.md | 3 +++ dist/plyr.js | 2 +- docs/error.html | 2 +- docs/index.html | 10 +++++----- gulpfile.js | 2 +- package.json | 2 +- readme.md | 8 ++++---- src/js/plyr.js | 8 ++++---- 8 files changed, 20 insertions(+), 17 deletions(-) diff --git a/changelog.md b/changelog.md index d75bb48c..5a375b5a 100644 --- a/changelog.md +++ b/changelog.md @@ -1,5 +1,8 @@ # Changelog +## v1.2.4 +- Fix for omitted kind attribute on (fixes #88) + ## v1.2.3 - Fix for YouTube on iPhone or unsupported browsers (fallback to YouTube native) - Docs tidy up diff --git a/dist/plyr.js b/dist/plyr.js index 9c2db71b..ac22bf84 100644 --- a/dist/plyr.js +++ b/dist/plyr.js @@ -1 +1 @@ -!function(e){"use strict";function t(){var e=["
","
","","","","0% played","","","0% buffered","","
",""];return o(S.controls,"restart")&&e.push(""),o(S.controls,"rewind")&&e.push(""),o(S.controls,"play")&&e.push("",""),o(S.controls,"fast-forward")&&e.push(""),o(S.controls,"current-time")&&e.push("","Current time","00:00",""),o(S.controls,"duration")&&e.push("","Duration","00:00",""),e.push("",""),o(S.controls,"mute")&&e.push("",""),o(S.controls,"volume")&&e.push("",""),o(S.controls,"captions")&&e.push("",""),o(S.controls,"fullscreen")&&e.push(""),e.push("","
"),e.join("")}function n(e,t){S.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll("script[src='"+e+"']").length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function 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 l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document.body),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=document.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function k(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;E(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}dt.media.currentTime.toFixed(1)>=C(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=E(dt.captions[dt.subcount][0])?(dt.currentCaption=dt.captions[dt.subcount][1],dt.captionsContainer.innerHTML=dt.currentCaption):dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,S.classes.captions.enabled,!0),S.captions.defaultActive&&(f(dt.container,S.classes.captions.active,!0),dt.buttons.captions.checked=!0))}function C(e){var t=[];return t=e.split(" --> "),P(t[0])}function E(e){var t=[];return t=e.split(" --> "),P(t[1])}function P(e){if(null===e||void 0===e)return 0;var t,n=[],r=[];return n=e.split(","),r=n[0].split(":"),t=Math.floor(60*r[0]*60)+Math.floor(60*r[1])+Math.floor(r[2])}function A(e){return dt.container.querySelectorAll(e)}function N(e){return A(e)[0]}function I(){try{return window.self!==window.top}catch(e){return!0}}function M(){var e=S.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",S.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),S.tooltips)for(var r=A(S.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,S.classes.hidden,!1),f(s,S.classes.tooltip,!0)}}function L(){try{return dt.controls=N(S.selectors.controls),dt.buttons={},dt.buttons.seek=N(S.selectors.buttons.seek),dt.buttons.play=N(S.selectors.buttons.play),dt.buttons.pause=N(S.selectors.buttons.pause),dt.buttons.restart=N(S.selectors.buttons.restart),dt.buttons.rewind=N(S.selectors.buttons.rewind),dt.buttons.forward=N(S.selectors.buttons.forward),dt.buttons.fullscreen=N(S.selectors.buttons.fullscreen),dt.buttons.mute=N(S.selectors.buttons.mute),dt.buttons.captions=N(S.selectors.buttons.captions),dt.checkboxes=A("[type='checkbox']"),dt.progress={},dt.progress.container=N(S.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(S.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(S.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(S.selectors.buttons.volume),dt.duration=N(S.selectors.duration),dt.currentTime=N(S.selectors.currentTime),dt.seekTime=A(S.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||"Play";"undefined"!=typeof S.title&&S.title.length&&(e+=", "+S.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full&&(dt.media.removeAttribute("controls"),f(dt.container,S.classes.type.replace("{0}",dt.type),!0),f(dt.container,S.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type)){var e=document.createElement("div");e.setAttribute("class",S.classes.videoWrapper),u(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id")),null!==dt.media.getAttribute("autoplay")&&j()}function V(e){for(var t=A("[id^='youtube']"),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,S.classes.videoWrapper,!0),f(dt.media,S.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:dt.supported.full?0:1,vq:"hd720",rel:0,showinfo:0,iv_load_policy:3,cc_lang_pref:"en",wmode:"transparent",modestbranding:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=2==t.getPlayerState(),dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.supported.full&&(dt.container.querySelectorAll(S.selectors.controls).length||pt(),S.displayDuration&&nt())},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin","
"),dt.captionsContainer=N(S.selectors.captions),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(r){}"youtube"==dt.type&&(dt.embed.seekTo(dt.media.currentTime),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),k(t)}function U(){f(dt.container,S.classes.playing,!dt.media.paused),f(dt.container,S.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,S.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,S.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,S.classes.fullscreen.active,dt.isFullscreen);var a,s=!1;S.fullscreen.hideControls&&(f(dt.controls,S.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=S.storage.enabled&&x().supported?window.localStorage[S.storage.key]||S.volume:S.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&G()}function G(e){"undefined"==typeof e&&(e=!dt.media.muted),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function K(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),S.storage.enabled&&x().supported&&window.localStorage.setItem(S.storage.key,e),f(dt.container,S.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&(dt.buttons.mute.checked=0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("undefined"==typeof e&&(e=-1===dt.container.className.indexOf(S.classes.captions.active),dt.buttons.captions.checked=e),f(dt.container,S.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,S.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&S.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(D(),z(),at(),"string"==typeof e)dt.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),U()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&j()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function ut(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){j(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){D(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",z),y(dt.buttons.rewind,"click",_),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,z),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"change",function(){G(this.checked)}),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",k),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"change",function(){Q(this.checked)}),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),U()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",K),y(dt.media,"play pause",U),y(dt.media,"waiting canplay seeked",Z),y(dt.checkboxes,"keyup",g),"video"===dt.type&&S.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(z(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function lt(){if(!dt.init)return null;if(dt.container.setAttribute("class",S.selectors.container.replace(".","")),dt.init=!1,c(N(S.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(S.selectors.captions)),l(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=w(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();switch(t){case"div":dt.type=dt.media.getAttribute("data-type");break;default:dt.type=t}if(dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),S.displayDuration&&nt(),O()}dt.init=!0}function pt(){return M(),L()?(R(),$(),K(),B(),ut(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:j,pause:D,restart:z,rewind:_,forward:Y,seek:z,source:ot,poster:it,setVolume:$,togglePlay:W,toggleMute:G,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:lt,restore:ct}:{}}var F,S,C={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},storage:{enabled:!0,key:"plyr_volume"},controls:["restart","rewind","play","fast-forward","current-time","duration","mute","volume","captions","fullscreen"],onSetup:function(){}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,u=!!document.createElement("video").canPlayType;switch(e){case"video":t=u,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s&&!o;break;default:t=i&&u,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(S=k(C,t),!S.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(S.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,S.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file +!function(e){"use strict";function t(){var e=["
","
","","","","0% played","","","0% buffered","","
",""];return o(S.controls,"restart")&&e.push(""),o(S.controls,"rewind")&&e.push(""),o(S.controls,"play")&&e.push("",""),o(S.controls,"fast-forward")&&e.push(""),o(S.controls,"current-time")&&e.push("","Current time","00:00",""),o(S.controls,"duration")&&e.push("","Duration","00:00",""),e.push("",""),o(S.controls,"mute")&&e.push("",""),o(S.controls,"volume")&&e.push("",""),o(S.controls,"captions")&&e.push("",""),o(S.controls,"fullscreen")&&e.push(""),e.push("","
"),e.join("")}function n(e,t){S.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll("script[src='"+e+"']").length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function 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 l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document.body),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=document.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function k(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;E(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}dt.media.currentTime.toFixed(1)>=C(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=E(dt.captions[dt.subcount][0])?(dt.currentCaption=dt.captions[dt.subcount][1],dt.captionsContainer.innerHTML=dt.currentCaption):dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,S.classes.captions.enabled,!0),S.captions.defaultActive&&(f(dt.container,S.classes.captions.active,!0),dt.buttons.captions.checked=!0))}function C(e){var t=[];return t=e.split(" --> "),P(t[0])}function E(e){var t=[];return t=e.split(" --> "),P(t[1])}function P(e){if(null===e||void 0===e)return 0;var t,n=[],r=[];return n=e.split(","),r=n[0].split(":"),t=Math.floor(60*r[0]*60)+Math.floor(60*r[1])+Math.floor(r[2])}function A(e){return dt.container.querySelectorAll(e)}function N(e){return A(e)[0]}function I(){try{return window.self!==window.top}catch(e){return!0}}function M(){var e=S.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",S.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),S.tooltips)for(var r=A(S.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,S.classes.hidden,!1),f(s,S.classes.tooltip,!0)}}function L(){try{return dt.controls=N(S.selectors.controls),dt.buttons={},dt.buttons.seek=N(S.selectors.buttons.seek),dt.buttons.play=N(S.selectors.buttons.play),dt.buttons.pause=N(S.selectors.buttons.pause),dt.buttons.restart=N(S.selectors.buttons.restart),dt.buttons.rewind=N(S.selectors.buttons.rewind),dt.buttons.forward=N(S.selectors.buttons.forward),dt.buttons.fullscreen=N(S.selectors.buttons.fullscreen),dt.buttons.mute=N(S.selectors.buttons.mute),dt.buttons.captions=N(S.selectors.buttons.captions),dt.checkboxes=A("[type='checkbox']"),dt.progress={},dt.progress.container=N(S.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(S.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(S.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(S.selectors.buttons.volume),dt.duration=N(S.selectors.duration),dt.currentTime=N(S.selectors.currentTime),dt.seekTime=A(S.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||"Play";"undefined"!=typeof S.title&&S.title.length&&(e+=", "+S.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full&&(dt.media.removeAttribute("controls"),f(dt.container,S.classes.type.replace("{0}",dt.type),!0),f(dt.container,S.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type)){var e=document.createElement("div");e.setAttribute("class",S.classes.videoWrapper),u(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id")),null!==dt.media.getAttribute("autoplay")&&j()}function V(e){for(var t=A("[id^='youtube']"),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,S.classes.videoWrapper,!0),f(dt.media,S.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:dt.supported.full?0:1,vq:"hd720",rel:0,showinfo:0,iv_load_policy:3,cc_lang_pref:"en",wmode:"transparent",modestbranding:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=2==t.getPlayerState(),dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.supported.full&&(dt.container.querySelectorAll(S.selectors.controls).length||pt(),S.displayDuration&&nt())},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin","
"),dt.captionsContainer=N(S.selectors.captions),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(r){}"youtube"==dt.type&&(dt.embed.seekTo(dt.media.currentTime),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),k(t)}function U(){f(dt.container,S.classes.playing,!dt.media.paused),f(dt.container,S.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,S.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,S.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,S.classes.fullscreen.active,dt.isFullscreen);var a,s=!1;S.fullscreen.hideControls&&(f(dt.controls,S.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=S.storage.enabled&&x().supported?window.localStorage[S.storage.key]||S.volume:S.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&G()}function G(e){"undefined"==typeof e&&(e=!dt.media.muted),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function K(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),S.storage.enabled&&x().supported&&window.localStorage.setItem(S.storage.key,e),f(dt.container,S.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&(dt.buttons.mute.checked=0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("undefined"==typeof e&&(e=-1===dt.container.className.indexOf(S.classes.captions.active),dt.buttons.captions.checked=e),f(dt.container,S.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,S.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&S.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(D(),z(),at(),"string"==typeof e)dt.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),U()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&j()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function ut(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){j(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){D(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",z),y(dt.buttons.rewind,"click",_),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,z),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"change",function(){G(this.checked)}),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",k),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"change",function(){Q(this.checked)}),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),U()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",K),y(dt.media,"play pause",U),y(dt.media,"waiting canplay seeked",Z),y(dt.checkboxes,"keyup",g),"video"===dt.type&&S.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(z(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function lt(){if(!dt.init)return null;if(dt.container.setAttribute("class",S.selectors.container.replace(".","")),dt.init=!1,c(N(S.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(S.selectors.captions)),l(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=w(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();switch(t){case"div":dt.type=dt.media.getAttribute("data-type");break;default:dt.type=t}if(dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),S.displayDuration&&nt(),O()}dt.init=!0}function pt(){return M(),L()?(R(),$(),K(),B(),ut(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:j,pause:D,restart:z,rewind:_,forward:Y,seek:z,source:ot,poster:it,setVolume:$,togglePlay:W,toggleMute:G,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:lt,restore:ct}:{}}var F,S,C={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},storage:{enabled:!0,key:"plyr_volume"},controls:["restart","rewind","play","fast-forward","current-time","duration","mute","volume","captions","fullscreen"],onSetup:function(){}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,u=!!document.createElement("video").canPlayType;switch(e){case"video":t=u,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s&&!o;break;default:t=i&&u,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(S=k(C,t),!S.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(S.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,S.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file diff --git a/docs/error.html b/docs/error.html index 547af028..de30561d 100644 --- a/docs/error.html +++ b/docs/error.html @@ -6,7 +6,7 @@ - +
diff --git a/docs/index.html b/docs/index.html index 448f3fd3..ef727b04 100644 --- a/docs/index.html +++ b/docs/index.html @@ -8,10 +8,10 @@ - + - +
@@ -97,13 +97,13 @@ b.insertBefore(c, b.childNodes[0]); } } - })(document, "https://cdn.plyr.io/1.2.3/sprite.svg"); + })(document, "https://cdn.plyr.io/1.2.4/sprite.svg"); - + - + diff --git a/gulpfile.js b/gulpfile.js index 6c84bf69..76d6cb81 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -167,7 +167,7 @@ build.js(bundles.docs.js, "docs"); // Default gulp task gulp.task("default", function(){ - run("templates", tasks.js, tasks.less, "sprite"); + run("templates", tasks.js, tasks.less, "sprite", "watch"); }); // Build all JS (inc. templates) diff --git a/package.json b/package.json index 3509a47d..933388a5 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "plyr", - "version": "1.2.3", + "version": "1.2.4", "description": "A simple HTML5 media player using custom controls", "homepage": "http://plyr.io", "main": "gulpfile.js", diff --git a/readme.md b/readme.md index 0d557aa9..a83ce0e8 100644 --- a/readme.md +++ b/readme.md @@ -39,7 +39,7 @@ If you have any cool ideas or features, please let me know by [creating an issue Check `docs/index.html` and `docs/dist/docs.js` for an example setup. -**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.2.3/plyr.js` to `https://cdn.plyr.io/1.2.3/plyr.js` +**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.2.4/plyr.js` to `https://cdn.plyr.io/1.2.4/plyr.js` ### Bower If bower is your thang, you can grab Plyr using: @@ -59,11 +59,11 @@ More info is on [npm](https://www.npmjs.com/package/ember-cli-plyr) and [GitHub] If you want to use our CDN, you can use the following: ```html - - + + ``` -You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.2.3/sprite.svg`. +You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.2.4/sprite.svg`. ### CSS If you want to use the default css, add the `plyr.css` file from /dist into your head, or even better use `plyr.less` or `plyr.sass` file included in `/src` in your build to save a request. diff --git a/src/js/plyr.js b/src/js/plyr.js index fba43477..6952df48 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -1,6 +1,6 @@ // ========================================================================== // Plyr -// plyr.js v1.2.3 +// plyr.js v1.2.4 // https://github.com/selz/plyr // License: The MIT License (MIT) // ========================================================================== @@ -1028,8 +1028,8 @@ for (var i = 0; i < children.length; i++) { if (children[i].nodeName.toLowerCase() === "track") { - kind = children[i].getAttribute("kind"); - if (kind === "captions") { + kind = children[i].kind; + if (kind === "captions" || kind === "subtitles") { captionSrc = children[i].getAttribute("src"); } } @@ -1081,7 +1081,7 @@ for (var y=0; y < tracks.length; y++) { var track = tracks[y]; - if (track.kind === "captions") { + if (track.kind === "captions" || track.kind === "subtitles") { _on(track, "cuechange", function() { // Clear container player.captionsContainer.innerHTML = ""; From 06ed345f293aaf273e96b9f67cc25b07db43db4f Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sat, 25 Jul 2015 21:11:17 +1000 Subject: [PATCH 18/54] YouTube quality tweak --- changelog.md | 3 +++ dist/plyr.js | 2 +- docs/error.html | 2 +- docs/index.html | 10 +++++----- package.json | 2 +- readme.md | 8 ++++---- src/js/plyr.js | 3 +-- 7 files changed, 16 insertions(+), 14 deletions(-) diff --git a/changelog.md b/changelog.md index 5a375b5a..14838160 100644 --- a/changelog.md +++ b/changelog.md @@ -1,5 +1,8 @@ # Changelog +## v1.2.5 +- Fix for YouTube quality (let them decide quality) + ## v1.2.4 - Fix for omitted kind attribute on (fixes #88) diff --git a/dist/plyr.js b/dist/plyr.js index ac22bf84..bd998f42 100644 --- a/dist/plyr.js +++ b/dist/plyr.js @@ -1 +1 @@ -!function(e){"use strict";function t(){var e=["
","
","","","","0% played","","","0% buffered","","
",""];return o(S.controls,"restart")&&e.push(""),o(S.controls,"rewind")&&e.push(""),o(S.controls,"play")&&e.push("",""),o(S.controls,"fast-forward")&&e.push(""),o(S.controls,"current-time")&&e.push("","Current time","00:00",""),o(S.controls,"duration")&&e.push("","Duration","00:00",""),e.push("",""),o(S.controls,"mute")&&e.push("",""),o(S.controls,"volume")&&e.push("",""),o(S.controls,"captions")&&e.push("",""),o(S.controls,"fullscreen")&&e.push(""),e.push("","
"),e.join("")}function n(e,t){S.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll("script[src='"+e+"']").length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function 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 l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document.body),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=document.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function k(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;E(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}dt.media.currentTime.toFixed(1)>=C(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=E(dt.captions[dt.subcount][0])?(dt.currentCaption=dt.captions[dt.subcount][1],dt.captionsContainer.innerHTML=dt.currentCaption):dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,S.classes.captions.enabled,!0),S.captions.defaultActive&&(f(dt.container,S.classes.captions.active,!0),dt.buttons.captions.checked=!0))}function C(e){var t=[];return t=e.split(" --> "),P(t[0])}function E(e){var t=[];return t=e.split(" --> "),P(t[1])}function P(e){if(null===e||void 0===e)return 0;var t,n=[],r=[];return n=e.split(","),r=n[0].split(":"),t=Math.floor(60*r[0]*60)+Math.floor(60*r[1])+Math.floor(r[2])}function A(e){return dt.container.querySelectorAll(e)}function N(e){return A(e)[0]}function I(){try{return window.self!==window.top}catch(e){return!0}}function M(){var e=S.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",S.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),S.tooltips)for(var r=A(S.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,S.classes.hidden,!1),f(s,S.classes.tooltip,!0)}}function L(){try{return dt.controls=N(S.selectors.controls),dt.buttons={},dt.buttons.seek=N(S.selectors.buttons.seek),dt.buttons.play=N(S.selectors.buttons.play),dt.buttons.pause=N(S.selectors.buttons.pause),dt.buttons.restart=N(S.selectors.buttons.restart),dt.buttons.rewind=N(S.selectors.buttons.rewind),dt.buttons.forward=N(S.selectors.buttons.forward),dt.buttons.fullscreen=N(S.selectors.buttons.fullscreen),dt.buttons.mute=N(S.selectors.buttons.mute),dt.buttons.captions=N(S.selectors.buttons.captions),dt.checkboxes=A("[type='checkbox']"),dt.progress={},dt.progress.container=N(S.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(S.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(S.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(S.selectors.buttons.volume),dt.duration=N(S.selectors.duration),dt.currentTime=N(S.selectors.currentTime),dt.seekTime=A(S.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||"Play";"undefined"!=typeof S.title&&S.title.length&&(e+=", "+S.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full&&(dt.media.removeAttribute("controls"),f(dt.container,S.classes.type.replace("{0}",dt.type),!0),f(dt.container,S.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type)){var e=document.createElement("div");e.setAttribute("class",S.classes.videoWrapper),u(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id")),null!==dt.media.getAttribute("autoplay")&&j()}function V(e){for(var t=A("[id^='youtube']"),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,S.classes.videoWrapper,!0),f(dt.media,S.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:dt.supported.full?0:1,vq:"hd720",rel:0,showinfo:0,iv_load_policy:3,cc_lang_pref:"en",wmode:"transparent",modestbranding:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=2==t.getPlayerState(),dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.supported.full&&(dt.container.querySelectorAll(S.selectors.controls).length||pt(),S.displayDuration&&nt())},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin","
"),dt.captionsContainer=N(S.selectors.captions),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(r){}"youtube"==dt.type&&(dt.embed.seekTo(dt.media.currentTime),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),k(t)}function U(){f(dt.container,S.classes.playing,!dt.media.paused),f(dt.container,S.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,S.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,S.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,S.classes.fullscreen.active,dt.isFullscreen);var a,s=!1;S.fullscreen.hideControls&&(f(dt.controls,S.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=S.storage.enabled&&x().supported?window.localStorage[S.storage.key]||S.volume:S.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&G()}function G(e){"undefined"==typeof e&&(e=!dt.media.muted),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function K(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),S.storage.enabled&&x().supported&&window.localStorage.setItem(S.storage.key,e),f(dt.container,S.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&(dt.buttons.mute.checked=0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("undefined"==typeof e&&(e=-1===dt.container.className.indexOf(S.classes.captions.active),dt.buttons.captions.checked=e),f(dt.container,S.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,S.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&S.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(D(),z(),at(),"string"==typeof e)dt.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),U()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&j()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function ut(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){j(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){D(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",z),y(dt.buttons.rewind,"click",_),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,z),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"change",function(){G(this.checked)}),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",k),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"change",function(){Q(this.checked)}),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),U()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",K),y(dt.media,"play pause",U),y(dt.media,"waiting canplay seeked",Z),y(dt.checkboxes,"keyup",g),"video"===dt.type&&S.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(z(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function lt(){if(!dt.init)return null;if(dt.container.setAttribute("class",S.selectors.container.replace(".","")),dt.init=!1,c(N(S.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(S.selectors.captions)),l(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=w(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();switch(t){case"div":dt.type=dt.media.getAttribute("data-type");break;default:dt.type=t}if(dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),S.displayDuration&&nt(),O()}dt.init=!0}function pt(){return M(),L()?(R(),$(),K(),B(),ut(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:j,pause:D,restart:z,rewind:_,forward:Y,seek:z,source:ot,poster:it,setVolume:$,togglePlay:W,toggleMute:G,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:lt,restore:ct}:{}}var F,S,C={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},storage:{enabled:!0,key:"plyr_volume"},controls:["restart","rewind","play","fast-forward","current-time","duration","mute","volume","captions","fullscreen"],onSetup:function(){}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,u=!!document.createElement("video").canPlayType;switch(e){case"video":t=u,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s&&!o;break;default:t=i&&u,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(S=k(C,t),!S.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(S.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,S.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file +!function(e){"use strict";function t(){var e=["
","
","","","","0% played","","","0% buffered","","
",""];return o(S.controls,"restart")&&e.push(""),o(S.controls,"rewind")&&e.push(""),o(S.controls,"play")&&e.push("",""),o(S.controls,"fast-forward")&&e.push(""),o(S.controls,"current-time")&&e.push("","Current time","00:00",""),o(S.controls,"duration")&&e.push("","Duration","00:00",""),e.push("",""),o(S.controls,"mute")&&e.push("",""),o(S.controls,"volume")&&e.push("",""),o(S.controls,"captions")&&e.push("",""),o(S.controls,"fullscreen")&&e.push(""),e.push("","
"),e.join("")}function n(e,t){S.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll("script[src='"+e+"']").length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function 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 l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document.body),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=document.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function k(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;E(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}dt.media.currentTime.toFixed(1)>=C(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=E(dt.captions[dt.subcount][0])?(dt.currentCaption=dt.captions[dt.subcount][1],dt.captionsContainer.innerHTML=dt.currentCaption):dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,S.classes.captions.enabled,!0),S.captions.defaultActive&&(f(dt.container,S.classes.captions.active,!0),dt.buttons.captions.checked=!0))}function C(e){var t=[];return t=e.split(" --> "),P(t[0])}function E(e){var t=[];return t=e.split(" --> "),P(t[1])}function P(e){if(null===e||void 0===e)return 0;var t,n=[],r=[];return n=e.split(","),r=n[0].split(":"),t=Math.floor(60*r[0]*60)+Math.floor(60*r[1])+Math.floor(r[2])}function A(e){return dt.container.querySelectorAll(e)}function N(e){return A(e)[0]}function I(){try{return window.self!==window.top}catch(e){return!0}}function M(){var e=S.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",S.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),S.tooltips)for(var r=A(S.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,S.classes.hidden,!1),f(s,S.classes.tooltip,!0)}}function L(){try{return dt.controls=N(S.selectors.controls),dt.buttons={},dt.buttons.seek=N(S.selectors.buttons.seek),dt.buttons.play=N(S.selectors.buttons.play),dt.buttons.pause=N(S.selectors.buttons.pause),dt.buttons.restart=N(S.selectors.buttons.restart),dt.buttons.rewind=N(S.selectors.buttons.rewind),dt.buttons.forward=N(S.selectors.buttons.forward),dt.buttons.fullscreen=N(S.selectors.buttons.fullscreen),dt.buttons.mute=N(S.selectors.buttons.mute),dt.buttons.captions=N(S.selectors.buttons.captions),dt.checkboxes=A("[type='checkbox']"),dt.progress={},dt.progress.container=N(S.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(S.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(S.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(S.selectors.buttons.volume),dt.duration=N(S.selectors.duration),dt.currentTime=N(S.selectors.currentTime),dt.seekTime=A(S.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||"Play";"undefined"!=typeof S.title&&S.title.length&&(e+=", "+S.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full&&(dt.media.removeAttribute("controls"),f(dt.container,S.classes.type.replace("{0}",dt.type),!0),f(dt.container,S.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type)){var e=document.createElement("div");e.setAttribute("class",S.classes.videoWrapper),u(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id")),null!==dt.media.getAttribute("autoplay")&&j()}function V(e){for(var t=A("[id^='youtube']"),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,S.classes.videoWrapper,!0),f(dt.media,S.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:dt.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_lang_pref:"en",wmode:"transparent",modestbranding:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=2==t.getPlayerState(),dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.supported.full&&(dt.container.querySelectorAll(S.selectors.controls).length||pt(),S.displayDuration&&nt())},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin","
"),dt.captionsContainer=N(S.selectors.captions),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(r){}"youtube"==dt.type&&(dt.embed.seekTo(dt.media.currentTime),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),k(t)}function U(){f(dt.container,S.classes.playing,!dt.media.paused),f(dt.container,S.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,S.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,S.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,S.classes.fullscreen.active,dt.isFullscreen);var a,s=!1;S.fullscreen.hideControls&&(f(dt.controls,S.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=S.storage.enabled&&x().supported?window.localStorage[S.storage.key]||S.volume:S.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&G()}function G(e){"undefined"==typeof e&&(e=!dt.media.muted),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function K(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),S.storage.enabled&&x().supported&&window.localStorage.setItem(S.storage.key,e),f(dt.container,S.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&(dt.buttons.mute.checked=0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("undefined"==typeof e&&(e=-1===dt.container.className.indexOf(S.classes.captions.active),dt.buttons.captions.checked=e),f(dt.container,S.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,S.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&S.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(D(),z(),at(),"string"==typeof e)dt.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),U()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&j()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function ut(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){j(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){D(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",z),y(dt.buttons.rewind,"click",_),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,z),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"change",function(){G(this.checked)}),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",k),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"change",function(){Q(this.checked)}),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),U()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",K),y(dt.media,"play pause",U),y(dt.media,"waiting canplay seeked",Z),y(dt.checkboxes,"keyup",g),"video"===dt.type&&S.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(z(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function lt(){if(!dt.init)return null;if(dt.container.setAttribute("class",S.selectors.container.replace(".","")),dt.init=!1,c(N(S.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(S.selectors.captions)),l(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=w(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();switch(t){case"div":dt.type=dt.media.getAttribute("data-type");break;default:dt.type=t}if(dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),S.displayDuration&&nt(),O()}dt.init=!0}function pt(){return M(),L()?(R(),$(),K(),B(),ut(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:j,pause:D,restart:z,rewind:_,forward:Y,seek:z,source:ot,poster:it,setVolume:$,togglePlay:W,toggleMute:G,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:lt,restore:ct}:{}}var F,S,C={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},storage:{enabled:!0,key:"plyr_volume"},controls:["restart","rewind","play","fast-forward","current-time","duration","mute","volume","captions","fullscreen"],onSetup:function(){}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,u=!!document.createElement("video").canPlayType;switch(e){case"video":t=u,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s&&!o;break;default:t=i&&u,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(S=k(C,t),!S.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(S.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,S.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file diff --git a/docs/error.html b/docs/error.html index de30561d..592045dc 100644 --- a/docs/error.html +++ b/docs/error.html @@ -6,7 +6,7 @@ - +
diff --git a/docs/index.html b/docs/index.html index ef727b04..273b5bb4 100644 --- a/docs/index.html +++ b/docs/index.html @@ -8,10 +8,10 @@ - + - +
@@ -97,13 +97,13 @@ b.insertBefore(c, b.childNodes[0]); } } - })(document, "https://cdn.plyr.io/1.2.4/sprite.svg"); + })(document, "https://cdn.plyr.io/1.2.5/sprite.svg"); - + - + diff --git a/package.json b/package.json index 933388a5..5d91133f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "plyr", - "version": "1.2.4", + "version": "1.2.5", "description": "A simple HTML5 media player using custom controls", "homepage": "http://plyr.io", "main": "gulpfile.js", diff --git a/readme.md b/readme.md index a83ce0e8..2df7e465 100644 --- a/readme.md +++ b/readme.md @@ -39,7 +39,7 @@ If you have any cool ideas or features, please let me know by [creating an issue Check `docs/index.html` and `docs/dist/docs.js` for an example setup. -**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.2.4/plyr.js` to `https://cdn.plyr.io/1.2.4/plyr.js` +**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.2.5/plyr.js` to `https://cdn.plyr.io/1.2.5/plyr.js` ### Bower If bower is your thang, you can grab Plyr using: @@ -59,11 +59,11 @@ More info is on [npm](https://www.npmjs.com/package/ember-cli-plyr) and [GitHub] If you want to use our CDN, you can use the following: ```html - - + + ``` -You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.2.4/sprite.svg`. +You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.2.5/sprite.svg`. ### CSS If you want to use the default css, add the `plyr.css` file from /dist into your head, or even better use `plyr.less` or `plyr.sass` file included in `/src` in your build to save a request. diff --git a/src/js/plyr.js b/src/js/plyr.js index 6952df48..90042b09 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -1,6 +1,6 @@ // ========================================================================== // Plyr -// plyr.js v1.2.4 +// plyr.js v1.2.5 // https://github.com/selz/plyr // License: The MIT License (MIT) // ========================================================================== @@ -907,7 +907,6 @@ playerVars: { autoplay: 0, controls: (player.supported.full ? 0 : 1), - vq: "hd720", rel: 0, showinfo: 0, iv_load_policy: 3, From 5d19b438884dcb0dd203d6dccc146ca889657b3b Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sat, 25 Jul 2015 21:35:12 +1000 Subject: [PATCH 19/54] Tooltip tweak --- dist/plyr.css | 2 +- src/less/plyr.less | 11 ++++------- src/sass/plyr.scss | 9 +++------ 3 files changed, 8 insertions(+), 14 deletions(-) diff --git a/dist/plyr.css b/dist/plyr.css index e398c4e2..199a2194 100644 --- a/dist/plyr.css +++ b/dist/plyr.css @@ -1 +1 @@ -@-webkit-keyframes progress{to{background-position:40px 0}}@keyframes progress{to{background-position:40px 0}}.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}.player{position:relative;max-width:100%;min-width:290px}.player,.player *,.player ::after,.player ::before{box-sizing:border-box}.player-video-wrapper{position:relative}.player audio,.player video{width:100%;height:auto;vertical-align:middle}.player-video-embed{padding-bottom:56.25%;height:0}.player-video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.player-captions{display:none;position:absolute;bottom:0;left:0;width:100%;padding:20px;min-height:2.5em;color:#fff;font-size:16px;font-weight:600;text-shadow:-1px -1px 0 #565d64,1px -1px 0 #565d64,-1px 1px 0 #565d64,1px 1px 0 #565d64;text-align:center;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media (min-width:768px){.player-captions{font-size:24px}}.player.captions-active .player-captions{display:block}.player-controls{zoom:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;position:relative;padding:10px;background:#fff;line-height:1;text-align:center;box-shadow:0 1px 1px rgba(52,63,74,.2)}.player-controls:after,.player-controls:before{content:"";display:table}.player-controls:after{clear:both}.player-controls-right{display:block;margin:10px auto 0}@media (min-width:560px){.player-controls-left{float:left}.player-controls-right{float:right;margin-top:0}}.player-controls button,.player-controls input+label{display:inline-block;vertical-align:middle;margin:0 2px;padding:5px 10px;transition:background .3s ease,color .3s ease,opacity .3s ease;border-radius:3px;cursor:pointer}.player-controls button svg,.player-controls input+label svg{width:18px;height:18px;display:block;fill:currentColor;transition:fill .3s ease}.player-controls .inverted:checked+label,.player-controls input+label{opacity:.5}.player-controls .inverted+label,.player-controls button,.player-controls input:checked+label{color:#6b7d86;opacity:1}.player-controls button{border:0;background:0 0;overflow:hidden}.player-controls [type=checkbox]+label:hover,.player-controls [type=checkbox]:focus+label,.player-controls button:focus,.player-controls button:hover{background:#3498db;color:#fff;opacity:1}.player-controls button:focus,.player-controls input:focus+label{outline:0}.player-controls .icon-captions-on,.player-controls .icon-exit-fullscreen,.player-controls .icon-muted{display:none}.player-controls .player-time{display:inline-block;vertical-align:middle;margin-left:10px;color:#6b7d86;font-weight:600;font-size:14px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.player-controls .player-time+.player-time{display:none}@media (min-width:560px){.player-controls .player-time+.player-time{display:inline-block}}.player-controls .player-time+.player-time::before{content:"\2044";margin-right:10px}.player-tooltip{visibility:hidden;position:absolute;z-index:2;bottom:100%;margin-bottom:10px;padding:10px 15px;opacity:0;background:#fff;border:1px solid #ebebeb;border-radius:3px;color:#6b7d86;font-size:14px;line-height:1.5;font-weight:600;-webkit-transform:translate(-50%,30px) scale(0);transform:translate(-50%,30px) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:-webkit-transform .2s .1s ease,opacity .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease}.player-tooltip::after{content:"";position:absolute;z-index:1;top:100%;left:50%;display:block;width:10px;height:10px;background:#fff;-webkit-transform:translate(-50%,-50%) rotate(45deg) translateY(2px);transform:translate(-50%,-50%) rotate(45deg) translateY(2px);border:1px solid rgba(222,222,222,.8);border-width:0 1px 1px 0}.player button.tab-focus:focus .player-tooltip,.player button:hover .player-tooltip,.player input.tab-focus:focus+label .player-tooltip,.player label:hover .player-tooltip{visibility:visible;opacity:1;-webkit-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1)}.player button:hover .player-tooltip,.player label:hover .player-tooltip{z-index:3}.player-progress{position:absolute;bottom:100%;left:0;right:0;width:100%;height:10px;background:rgba(86,93,100,.2)}.player-progress-buffer[value],.player-progress-played[value],.player-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}.player-progress-buffer[value]::-webkit-progress-bar,.player-progress-played[value]::-webkit-progress-bar{background:0 0}.player-progress-buffer[value]::-webkit-progress-value,.player-progress-played[value]::-webkit-progress-value{background:currentColor}.player-progress-buffer[value]::-moz-progress-bar,.player-progress-played[value]::-moz-progress-bar{background:currentColor}.player-progress-played[value]{z-index:2;color:#3498db}.player-progress-buffer[value]{color:rgba(86,93,100,.25)}.player-progress-seek[type=range]{z-index:4;cursor:pointer;outline:0}.player-progress-seek[type=range]::-webkit-slider-runnable-track{background:0 0;border:0}.player-progress-seek[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:0;width:20px;height:10px}.player-progress-seek[type=range]::-moz-range-track{background:0 0;border:0}.player-progress-seek[type=range]::-moz-range-thumb{-moz-appearance:none;background:0 0;border:0;width:20px;height:10px}.player-progress-seek[type=range]::-ms-track{color:transparent;background:0 0;border:0}.player-progress-seek[type=range]::-ms-fill-lower,.player-progress-seek[type=range]::-ms-fill-upper{background:0 0;border:0}.player-progress-seek[type=range]::-ms-thumb{background:0 0;border:0;width:20px;height:10px}.player-progress-seek[type=range]:focus{outline:0}.player-progress-seek[type=range]::-moz-focus-outer{border:0}.player.loading .player-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}.player-controls [data-player=pause],.player.playing .player-controls [data-player=play]{display:none}.player.playing .player-controls [data-player=pause]{display:inline-block}.player-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}.player-volume[type=range]::-webkit-slider-runnable-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.player-volume[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-3px;height:12px;width:12px;background:#6b7d86;border:0;border-radius:6px;transition:background .3s ease;cursor:ew-resize}.player-volume[type=range]::-moz-range-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.player-volume[type=range]::-moz-range-thumb{height:12px;width:12px;background:#6b7d86;border:0;border-radius:6px;transition:background .3s ease;cursor:ew-resize}.player-volume[type=range]::-ms-track{height:6px;background:0 0;border-color:transparent;border-width:3px 0;color:transparent}.player-volume[type=range]::-ms-fill-lower,.player-volume[type=range]::-ms-fill-upper{height:6px;background:#e6e6e6;border:0;border-radius:3px}.player-volume[type=range]::-ms-thumb{height:12px;width:12px;background:#6b7d86;border:0;border-radius:6px;transition:background .3s ease;cursor:ew-resize}.player-volume[type=range]:focus{outline:0}.player-volume[type=range]:focus::-webkit-slider-thumb{background:#3498db}.player-volume[type=range]:focus::-moz-range-thumb{background:#3498db}.player-volume[type=range]:focus::-ms-thumb{background:#3498db}.player-audio.ios .player-controls-right,.player.ios .player-volume,.player.ios [data-player=mute],.player.ios [data-player=mute]+label{display:none}.player-audio.ios .player-controls-left{float:none}.player-audio .player-controls{padding-top:20px}.player-audio .player-progress{bottom:auto;top:0;background:#d6dadd}.player-fullscreen,.player.fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000}.player-fullscreen video,.player.fullscreen-active video{height:100%}.player-fullscreen .player-video-wrapper,.player.fullscreen-active .player-video-wrapper{height:100%;width:100%}.player-fullscreen .player-controls,.player.fullscreen-active .player-controls{position:absolute;bottom:0;left:0;right:0}.player-fullscreen.fullscreen-hide-controls.playing .player-controls,.player.fullscreen-active.fullscreen-hide-controls.playing .player-controls{-webkit-transform:translateY(100%) translateY(5px);transform:translateY(100%) translateY(5px);transition:-webkit-transform .3s .2s ease;transition:transform .3s .2s ease}.player-fullscreen.fullscreen-hide-controls.playing.player-hover .player-controls,.player.fullscreen-active.fullscreen-hide-controls.playing.player-hover .player-controls{-webkit-transform:translateY(0);transform:translateY(0)}.player-fullscreen.fullscreen-hide-controls.playing .player-captions,.player.fullscreen-active.fullscreen-hide-controls.playing .player-captions{bottom:5px;transition:bottom .3s .2s ease}.player-fullscreen .player-captions,.player-fullscreen.fullscreen-hide-controls.playing.player-hover .player-captions,.player.fullscreen-active .player-captions,.player.fullscreen-active.fullscreen-hide-controls.playing.player-hover .player-captions{top:auto;bottom:90px}@media (min-width:560px){.player-fullscreen .player-captions,.player-fullscreen.fullscreen-hide-controls.playing.player-hover .player-captions,.player.fullscreen-active .player-captions,.player.fullscreen-active.fullscreen-hide-controls.playing.player-hover .player-captions{bottom:60px}}.player.captions-active .player-controls .icon-captions-on,.player.fullscreen-active .icon-exit-fullscreen,.player.muted .player-controls .icon-muted{display:block}.player [data-player=captions],.player [data-player=captions]+label,.player [data-player=fullscreen],.player [data-player=fullscreen]+label,.player.captions-active .player-controls .icon-captions-on+svg,.player.fullscreen-active .icon-exit-fullscreen+svg,.player.muted .player-controls .icon-muted+svg{display:none}.player.captions-enabled [data-player=captions],.player.captions-enabled [data-player=captions]+label,.player.fullscreen-enabled [data-player=fullscreen],.player.fullscreen-enabled [data-player=fullscreen]+label{display:inline-block} \ No newline at end of file +@-webkit-keyframes progress{to{background-position:40px 0}}@keyframes progress{to{background-position:40px 0}}.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}.player{position:relative;max-width:100%;min-width:290px}.player,.player *,.player ::after,.player ::before{box-sizing:border-box}.player-video-wrapper{position:relative}.player audio,.player video{width:100%;height:auto;vertical-align:middle}.player-video-embed{padding-bottom:56.25%;height:0}.player-video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.player-captions{display:none;position:absolute;bottom:0;left:0;width:100%;padding:20px;min-height:2.5em;color:#fff;font-size:16px;font-weight:600;text-shadow:-1px -1px 0 #565d64,1px -1px 0 #565d64,-1px 1px 0 #565d64,1px 1px 0 #565d64;text-align:center;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media (min-width:768px){.player-captions{font-size:24px}}.player.captions-active .player-captions{display:block}.player-controls{zoom:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;position:relative;padding:10px;background:#fff;line-height:1;text-align:center;box-shadow:0 1px 1px rgba(52,63,74,.2)}.player-controls:after,.player-controls:before{content:"";display:table}.player-controls:after{clear:both}.player-controls-right{display:block;margin:10px auto 0}@media (min-width:560px){.player-controls-left{float:left}.player-controls-right{float:right;margin-top:0}}.player-controls button,.player-controls input+label{display:inline-block;vertical-align:middle;margin:0 2px;padding:5px 10px;transition:background .3s ease,color .3s ease,opacity .3s ease;border-radius:3px;cursor:pointer}.player-controls button svg,.player-controls input+label svg{width:18px;height:18px;display:block;fill:currentColor;transition:fill .3s ease}.player-controls .inverted:checked+label,.player-controls input+label{opacity:.5}.player-controls .inverted+label,.player-controls button,.player-controls input:checked+label{color:#6b7d86;opacity:1}.player-controls button{border:0;background:0 0;overflow:hidden}.player-controls [type=checkbox]+label:hover,.player-controls [type=checkbox]:focus+label,.player-controls button:focus,.player-controls button:hover{background:#3498db;color:#fff;opacity:1}.player-controls button:focus,.player-controls input:focus+label{outline:0}.player-controls .icon-captions-on,.player-controls .icon-exit-fullscreen,.player-controls .icon-muted{display:none}.player-controls .player-time{display:inline-block;vertical-align:middle;margin-left:10px;color:#6b7d86;font-weight:600;font-size:14px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.player-controls .player-time+.player-time{display:none}@media (min-width:560px){.player-controls .player-time+.player-time{display:inline-block}}.player-controls .player-time+.player-time::before{content:"\2044";margin-right:10px}.player-tooltip{visibility:hidden;position:absolute;z-index:2;bottom:100%;margin-bottom:10px;padding:10px 15px;opacity:0;background:#fff;border:1px solid #d6dadd;border-radius:3px;color:#6b7d86;font-size:14px;line-height:1.5;font-weight:600;-webkit-transform:translate(-50%,30px) scale(0);transform:translate(-50%,30px) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:-webkit-transform .2s .1s ease,opacity .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease}.player-tooltip::after{content:"";position:absolute;z-index:1;top:100%;left:50%;display:block;width:10px;height:10px;background:#fff;-webkit-transform:translate(-50%,-50%) rotate(45deg) translateY(1px);transform:translate(-50%,-50%) rotate(45deg) translateY(1px);border:1px solid #d6dadd;border-width:0 1px 1px 0}.player button.tab-focus:focus .player-tooltip,.player button:hover .player-tooltip,.player input.tab-focus:focus+label .player-tooltip,.player label:hover .player-tooltip{visibility:visible;opacity:1;-webkit-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1)}.player button:hover .player-tooltip,.player label:hover .player-tooltip{z-index:3}.player-progress{position:absolute;bottom:100%;left:0;right:0;width:100%;height:10px;background:rgba(86,93,100,.2)}.player-progress-buffer[value],.player-progress-played[value],.player-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}.player-progress-buffer[value]::-webkit-progress-bar,.player-progress-played[value]::-webkit-progress-bar{background:0 0}.player-progress-buffer[value]::-webkit-progress-value,.player-progress-played[value]::-webkit-progress-value{background:currentColor}.player-progress-buffer[value]::-moz-progress-bar,.player-progress-played[value]::-moz-progress-bar{background:currentColor}.player-progress-played[value]{z-index:2;color:#3498db}.player-progress-buffer[value]{color:rgba(86,93,100,.25)}.player-progress-seek[type=range]{z-index:4;cursor:pointer;outline:0}.player-progress-seek[type=range]::-webkit-slider-runnable-track{background:0 0;border:0}.player-progress-seek[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:0;width:20px;height:10px}.player-progress-seek[type=range]::-moz-range-track{background:0 0;border:0}.player-progress-seek[type=range]::-moz-range-thumb{-moz-appearance:none;background:0 0;border:0;width:20px;height:10px}.player-progress-seek[type=range]::-ms-track{color:transparent;background:0 0;border:0}.player-progress-seek[type=range]::-ms-fill-lower,.player-progress-seek[type=range]::-ms-fill-upper{background:0 0;border:0}.player-progress-seek[type=range]::-ms-thumb{background:0 0;border:0;width:20px;height:10px}.player-progress-seek[type=range]:focus{outline:0}.player-progress-seek[type=range]::-moz-focus-outer{border:0}.player.loading .player-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}.player-controls [data-player=pause],.player.playing .player-controls [data-player=play]{display:none}.player.playing .player-controls [data-player=pause]{display:inline-block}.player-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}.player-volume[type=range]::-webkit-slider-runnable-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.player-volume[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-3px;height:12px;width:12px;background:#6b7d86;border:0;border-radius:6px;transition:background .3s ease;cursor:ew-resize}.player-volume[type=range]::-moz-range-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.player-volume[type=range]::-moz-range-thumb{height:12px;width:12px;background:#6b7d86;border:0;border-radius:6px;transition:background .3s ease;cursor:ew-resize}.player-volume[type=range]::-ms-track{height:6px;background:0 0;border-color:transparent;border-width:3px 0;color:transparent}.player-volume[type=range]::-ms-fill-lower,.player-volume[type=range]::-ms-fill-upper{height:6px;background:#e6e6e6;border:0;border-radius:3px}.player-volume[type=range]::-ms-thumb{height:12px;width:12px;background:#6b7d86;border:0;border-radius:6px;transition:background .3s ease;cursor:ew-resize}.player-volume[type=range]:focus{outline:0}.player-volume[type=range]:focus::-webkit-slider-thumb{background:#3498db}.player-volume[type=range]:focus::-moz-range-thumb{background:#3498db}.player-volume[type=range]:focus::-ms-thumb{background:#3498db}.player-audio.ios .player-controls-right,.player.ios .player-volume,.player.ios [data-player=mute],.player.ios [data-player=mute]+label{display:none}.player-audio.ios .player-controls-left{float:none}.player-audio .player-controls{padding-top:20px}.player-audio .player-progress{bottom:auto;top:0;background:#d6dadd}.player-fullscreen,.player.fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000}.player-fullscreen video,.player.fullscreen-active video{height:100%}.player-fullscreen .player-video-wrapper,.player.fullscreen-active .player-video-wrapper{height:100%;width:100%}.player-fullscreen .player-controls,.player.fullscreen-active .player-controls{position:absolute;bottom:0;left:0;right:0}.player-fullscreen.fullscreen-hide-controls.playing .player-controls,.player.fullscreen-active.fullscreen-hide-controls.playing .player-controls{-webkit-transform:translateY(100%) translateY(5px);transform:translateY(100%) translateY(5px);transition:-webkit-transform .3s .2s ease;transition:transform .3s .2s ease}.player-fullscreen.fullscreen-hide-controls.playing.player-hover .player-controls,.player.fullscreen-active.fullscreen-hide-controls.playing.player-hover .player-controls{-webkit-transform:translateY(0);transform:translateY(0)}.player-fullscreen.fullscreen-hide-controls.playing .player-captions,.player.fullscreen-active.fullscreen-hide-controls.playing .player-captions{bottom:5px;transition:bottom .3s .2s ease}.player-fullscreen .player-captions,.player-fullscreen.fullscreen-hide-controls.playing.player-hover .player-captions,.player.fullscreen-active .player-captions,.player.fullscreen-active.fullscreen-hide-controls.playing.player-hover .player-captions{top:auto;bottom:90px}@media (min-width:560px){.player-fullscreen .player-captions,.player-fullscreen.fullscreen-hide-controls.playing.player-hover .player-captions,.player.fullscreen-active .player-captions,.player.fullscreen-active.fullscreen-hide-controls.playing.player-hover .player-captions{bottom:60px}}.player.captions-active .player-controls .icon-captions-on,.player.fullscreen-active .icon-exit-fullscreen,.player.muted .player-controls .icon-muted{display:block}.player [data-player=captions],.player [data-player=captions]+label,.player [data-player=fullscreen],.player [data-player=fullscreen]+label,.player.captions-active .player-controls .icon-captions-on+svg,.player.fullscreen-active .icon-exit-fullscreen+svg,.player.muted .player-controls .icon-muted+svg{display:none}.player.captions-enabled [data-player=captions],.player.captions-enabled [data-player=captions]+label,.player.fullscreen-enabled [data-player=fullscreen],.player.fullscreen-enabled [data-player=fullscreen]+label{display:inline-block} \ No newline at end of file diff --git a/src/less/plyr.less b/src/less/plyr.less index bf4e5cc0..60ab3f28 100644 --- a/src/less/plyr.less +++ b/src/less/plyr.less @@ -28,6 +28,7 @@ // Tooltips @tooltip-bg: @controls-bg; +@tooltip-border-color: @off-white; @tooltip-color: @control-color; @tooltip-padding: @control-spacing; @tooltip-arrow-size: 5px; @@ -316,8 +317,6 @@ // Tooltips &-tooltip { - @border-base: darken(@tooltip-bg, 8%); - visibility: hidden; position: absolute; z-index: 2; @@ -327,7 +326,7 @@ opacity: 0; background: @tooltip-bg; - border: 1px solid @border-base; + border: 1px solid @tooltip-border-color; border-radius: @tooltip-radius; color: @tooltip-color; font-size: @font-size-small; @@ -349,10 +348,8 @@ width: 10px; height: 10px; background: @tooltip-bg; - transform: translate(-50%, -50%) rotate(45deg) translateY(2px); - - @arrow-border-color: darken(@border-base, 5%); - border: 1px solid rgba(red(@arrow-border-color), green(@arrow-border-color), blue(@arrow-border-color), .8); + transform: translate(-50%, -50%) rotate(45deg) translateY(1px); + border: 1px solid @tooltip-border-color; border-width: 0 1px 1px 0; } } diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss index 7b7c1f93..b0107459 100644 --- a/src/sass/plyr.scss +++ b/src/sass/plyr.scss @@ -28,6 +28,7 @@ $control-bg-hover: @blue !default; // Tooltips $tooltip-bg: $controls-bg !default; +$tooltip-border-color: $off-white !default; $tooltip-color: $control-color !default; $tooltip-padding: $control-spacing !default; $tooltip-arrow-size: 5px !default; @@ -314,8 +315,6 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo // Tooltips &-tooltip { - $border-base: darken($tooltip-bg, 8%); - visibility: hidden; position: absolute; z-index: 2; @@ -325,7 +324,7 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo opacity: 0; background: $tooltip-bg; - border: 1px solid $border-base; + border: 1px solid $tooltip-border-color; border-radius: $tooltip-radius; color: $tooltip-color; font-size: $font-size-small; @@ -348,9 +347,7 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo height: 10px; background: $tooltip-bg; transform: translate(-50%, -50%) rotate(45deg) translateY(2px); - - $arrow-border-color: darken($border-base, 5%); - border: 1px solid rgba(red($arrow-border-color), green($arrow-border-color), blue($arrow-border-color), .8); + border: 1px solid $tooltip-border-color; border-width: 0 1px 1px 0; } } From fe1989dea10dbb8ad7c4bf358d88c00b3592996e Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sat, 25 Jul 2015 22:06:13 +1000 Subject: [PATCH 20/54] gulp --- docs/index.html | 2 +- gulpfile.js | 10 +++++----- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/docs/index.html b/docs/index.html index 273b5bb4..5205c4f6 100644 --- a/docs/index.html +++ b/docs/index.html @@ -8,7 +8,7 @@ - + diff --git a/gulpfile.js b/gulpfile.js index 76d6cb81..547bbcba 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -165,11 +165,6 @@ build.templates(); build.less(bundles.docs.less, "docs"); build.js(bundles.docs.js, "docs"); -// Default gulp task -gulp.task("default", function(){ - run("templates", tasks.js, tasks.less, "sprite", "watch"); -}); - // Build all JS (inc. templates) gulp.task("js", function(){ run("templates", tasks.js); @@ -193,6 +188,11 @@ gulp.task("watch", function () { gulp.watch(paths.docs.src.templates, ["js"]); }); +// Default gulp task +gulp.task("default", function(){ + run("templates", tasks.js, tasks.less, "sprite", "watch"); +}); + // Publish a version to CDN and docs // -------------------------------------------- From 04cf5dfda10e1c640d21bd8338f26b3d4aa493d2 Mon Sep 17 00:00:00 2001 From: khrizpv Date: Mon, 27 Jul 2015 13:04:02 -0300 Subject: [PATCH 21/54] Update plyr.scss - Make it work There were some things that needed to be changed for the sass preprocessor to work. There were some variables declared as @ that need to be declared with the right syntax: $. Also sass evaluation is eager, while less evaluation is _lazy_ that means in sass, mixins should be declared before they are use. I hope you can accept this change as it's currently not working. Thanks! --- src/sass/plyr.scss | 255 +++++++++++++++++++++++---------------------- 1 file changed, 129 insertions(+), 126 deletions(-) diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss index b0107459..9acac486 100644 --- a/src/sass/plyr.scss +++ b/src/sass/plyr.scss @@ -7,51 +7,69 @@ // ------------------------------- // Colors -$blue: #3498DB !default; -$gray-dark: #343F4A !default; -$gray: #565D64 !default; -$gray-light: #6B7D86 !default; -$gray-lighter: #CBD0D3 !default; -$off-white: #D6DADD !default; +$blue: #3498DB; +$gray-dark: #343F4A; +$gray: #565D64; +$gray-light: #6B7D86; +$gray-lighter: #CBD0D3; +$off-white: #D6DADD; // Font sizes -$font-size-small: 14px !default; -$font-size-base: 16px !default; -$font-size-large: ceil(($font-size-base * 1.5)) !default; +$font-size-small: 14px; +$font-size-base: 16px; +$font-size-large: ceil(($font-size-base * 1.5)); // Controls -$control-spacing: 10px !default; -$controls-bg: #fff !default; -$control-bg-hover: @blue !default; -.contrast-control-color($controls-bg); -.contrast-control-color-hover($control-bg-hover); +$control-spacing: 10px; +$controls-bg: #fff; +$control-bg-hover: $blue; + +// Contrast +@mixin contrast-control-color($color: "") { + $control-color: null !global; + @if lightness($color) >= 65% { + $control-color: $gray-light; + } @else if(lightness($color) < 65%) { + $control-color: $gray-lighter; + } +} +@mixin contrast-control-color-hover($color: "") { + $control-color-hover: null !global; + @if lightness($color) >= 65% { + $control-color-hover: $gray; + } @else if lightness($color) < 65% { + $control-color-hover: #fff; + } +} + +@include contrast-control-color($controls-bg); +@include contrast-control-color-hover($control-bg-hover); // Tooltips -$tooltip-bg: $controls-bg !default; -$tooltip-border-color: $off-white !default; -$tooltip-color: $control-color !default; -$tooltip-padding: $control-spacing !default; -$tooltip-arrow-size: 5px !default; -$tooltip-radius: 3px !default; +$tooltip-bg: $controls-bg; +$tooltip-color: $control-color; +$tooltip-padding: $control-spacing; +$tooltip-arrow-size: 5px; +$tooltip-radius: 3px; // Progress -$progress-bg: rgba(red($gray), green($gray), blue($gray), .2) !default; -$progress-playing-bg: $blue !default; -$progress-buffered-bg: rgba(red($gray), green($gray), blue($gray), .25) !default; -$progress-loading-size: 40px !default; -$progress-loading-bg: rgba(0,0,0, .15) !default; +$progress-bg: rgba(red($gray), green($gray), blue($gray), .2); +$progress-playing-bg: $blue; +$progress-buffered-bg: rgba(red($gray), green($gray), blue($gray), .25); +$progress-loading-size: 40px; +$progress-loading-bg: rgba(0,0,0, .15); // 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; +$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; // 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 +$bp-control-split: 560px; // When controls split into left/right +$bp-captions-large: 768px; // When captions jump to the larger font size // Animation // --------------------------------------- @@ -60,45 +78,24 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo to { background-position: $progress-loading-size 0; } } -// Mixins -// ------------------------------- - -// Contrast -@mixin contrast-control-color($color: "") { - @if (lightness($color) >= 65%) { - $control-color: $gray-light; - } - @else if(lightness(@color) < 65%) { - $control-color: $gray-lighter; - } -} -@mixin contrast-control-color-hover($color: "") { - @if (lightness($color) >= 65%) { - $control-color-hover: $gray; - } - @else if (lightness($color) < 65%) { - $control-color-hover: #fff; - } -} - // Font smoothing @mixin font-smoothing($mode: on) { - @if ($mode == 'on') { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - } - @else if ($mode == 'off') { - -moz-osx-font-smoothing: auto; - -webkit-font-smoothing: subpixel-antialiased; - } + @if ($mode == 'on') { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + } + @else if ($mode == 'off') { + -moz-osx-font-smoothing: auto; + -webkit-font-smoothing: subpixel-antialiased; + } } // Contain floats: nicolasgallagher.com/micro-clearfix-hack/ @mixin clearfix() { zoom: 1; - &:before, + &:before, &:after { content: ""; display: table; } &:after { clear: both; } } @@ -109,7 +106,7 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo outline-offset: 0; } -// Range mixins +// styling @mixin volume-thumb() { height: $volume-thumb-height; @@ -154,7 +151,7 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo // Styles // ------------------------------- -// Base +// Base .player { position: relative; max-width: 100%; @@ -165,8 +162,8 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo &, *, *::after, - *::before { - box-sizing: border-box; + *::before { + box-sizing: border-box; } // For video @@ -180,6 +177,21 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo vertical-align: middle; } + // For embeds + &-video-embed { + padding-bottom: 56.25%; /* 16:9 */ + height: 0; + + iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; + } + } + // Captions &-captions { display: none; @@ -192,10 +204,10 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo color: #fff; font-size: $font-size-base; font-weight: 600; - text-shadow: - -1px -1px 0 $gray, - 1px -1px 0 $gray, - -1px 1px 0 $gray, + text-shadow: + -1px -1px 0 $gray, + 1px -1px 0 $gray, + -1px 1px 0 $gray, 1px 1px 0 $gray; text-align: center; @include font-smoothing(); @@ -233,15 +245,15 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo margin-top: 0; } } - - input + label, + + input + label, button { display: inline-block; vertical-align: middle; margin: 0 2px; padding: ($control-spacing / 2) $control-spacing; - - background .3s ease, color .3s ease, opacity .3s ease; + + transition: background .3s ease, color .3s ease, opacity .3s ease; border-radius: 3px; cursor: pointer; @@ -257,7 +269,7 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo .inverted:checked + label { opacity: .5; } - button, + button, .inverted + label, input:checked + label { color: $control-color; @@ -268,7 +280,7 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo background: transparent; overflow: hidden; } - + // Specificity for overriding .inverted button:focus, button:hover, @@ -324,7 +336,6 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo opacity: 0; background: $tooltip-bg; - border: 1px solid $tooltip-border-color; border-radius: $tooltip-radius; color: $tooltip-color; font-size: $font-size-small; @@ -335,26 +346,25 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo transform-origin: 50% 100%; transition: transform .2s .1s ease, opacity .2s .1s ease; - // Arrow &::after { content: ""; - position: absolute; - z-index: 1; - top: 100%; - left: 50%; display: block; - width: 10px; - height: 10px; - background: $tooltip-bg; - transform: translate(-50%, -50%) rotate(45deg) translateY(2px); - border: 1px solid $tooltip-border-color; - border-width: 0 1px 1px 0; + position: absolute; + left: 50%; + bottom: -$tooltip-arrow-size; + margin-left: -$tooltip-arrow-size; + width: 0; + height: 0; + transition: inherit; + border-style: solid; + border-width: $tooltip-arrow-size $tooltip-arrow-size 0 $tooltip-arrow-size; + border-color: $controls-bg transparent transparent; } } label:hover .player-tooltip, - input.tab-focus:focus + label .player-tooltip, + input:focus + label .player-tooltip, button:hover .player-tooltip, - button.tab-focus:focus .player-tooltip { + button:focus .player-tooltip { visibility: visible; opacity: 1; transform: translate(-50%, 0) scale(1); @@ -393,7 +403,7 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo background: transparent; } &-buffer[value], - &-played[value] { + &-played[value] { &::-webkit-progress-bar { background: transparent; } @@ -439,7 +449,7 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo -moz-appearance: none; @include seek-thumb(); } - + // Microsoft &::-ms-track { color: transparent; @@ -469,15 +479,15 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo background-repeat: repeat-x; background-color: $progress-buffered-bg; background-image: linear-gradient( - -45deg, - $progress-loading-bg 25%, - transparent 25%, - transparent 50%, - $progress-loading-bg 50%, + -45deg, + $progress-loading-bg 25%, + transparent 25%, + transparent 50%, + $progress-loading-bg 50%, $progress-loading-bg 75%, - transparent 75%, + transparent 75%, transparent); - color: transparent; + color: transparent; } // States @@ -492,18 +502,18 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo // Volume control // element // Specificity is for bootstrap compatibility - &-volume[type="range"] { + &-volume[type=range] { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; width: 100px; margin: 0 $control-spacing 0 0; - padding: 0; + padding: 0; cursor: pointer; background: transparent; border: none; - + // Webkit &::-webkit-slider-runnable-track { @include volume-track(); @@ -521,7 +531,7 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo &::-moz-range-thumb { @include volume-thumb(); } - + // Microsoft &::-ms-track { height: $volume-track-height; @@ -597,6 +607,15 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo .player-video-wrapper { height: 100%; width: 100%; + + .player-captions { + top: auto; + bottom: 90px; + + @media (min-width: $bp-control-split) { + bottom: 60px; + } + } } .player-controls { position: absolute; @@ -606,29 +625,13 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo } // Hide controls when playing in full screen - &.fullscreen-hide-controls.playing { - .player-controls { - transform: translateY(100%) translateY($control-spacing / 2); - transition: transform .3s .2s ease; - } - &.player-hover .player-controls { + &.fullscreen-hide-controls.playing .player-controls { + transform: translateY(100%) translateY($control-spacing / 2); + transition: transform .3s .2s ease; + + &.hover { transform: translateY(0); } - .player-captions { - bottom: (@control-spacing / 2); - transition: bottom .3s .2s ease; - } - } - - // Captions - .player-captions, - &.fullscreen-hide-controls.playing.player-hover .player-captions { - top: auto; - bottom: 90px; - - @media (min-width: $bp-control-split) { - bottom: 60px; - } } } @@ -656,4 +659,4 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo &.fullscreen-enabled [data-player='fullscreen'] + label { display: inline-block; } -} \ No newline at end of file +} From 00cf797c200857b4726c8562c416769ccfaf2bb9 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Tue, 28 Jul 2015 11:29:49 +1000 Subject: [PATCH 22/54] Restored !default and fullscreen logic in SASS --- src/sass/plyr.scss | 95 +++++++++++++++++++++++++--------------------- 1 file changed, 51 insertions(+), 44 deletions(-) diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss index 9acac486..f0f1c3b3 100644 --- a/src/sass/plyr.scss +++ b/src/sass/plyr.scss @@ -7,22 +7,22 @@ // ------------------------------- // Colors -$blue: #3498DB; -$gray-dark: #343F4A; -$gray: #565D64; -$gray-light: #6B7D86; -$gray-lighter: #CBD0D3; -$off-white: #D6DADD; +$blue: #3498DB !default; +$gray-dark: #343F4A !default; +$gray: #565D64 !default; +$gray-light: #6B7D86 !default; +$gray-lighter: #CBD0D3 !default; +$off-white: #D6DADD !default; // Font sizes -$font-size-small: 14px; -$font-size-base: 16px; -$font-size-large: ceil(($font-size-base * 1.5)); +$font-size-small: 14px !default; +$font-size-base: 16px !default; +$font-size-large: ceil(($font-size-base * 1.5)) !default; // Controls -$control-spacing: 10px; -$controls-bg: #fff; -$control-bg-hover: $blue; +$control-spacing: 10px !default; +$controls-bg: #fff !default; +$control-bg-hover: $blue !default; !default // Contrast @mixin contrast-control-color($color: "") { @@ -46,30 +46,30 @@ $control-bg-hover: $blue; @include contrast-control-color-hover($control-bg-hover); // Tooltips -$tooltip-bg: $controls-bg; -$tooltip-color: $control-color; -$tooltip-padding: $control-spacing; -$tooltip-arrow-size: 5px; -$tooltip-radius: 3px; +$tooltip-bg: $controls-bg !default; +$tooltip-color: $control-color !default; +$tooltip-padding: $control-spacing !default; +$tooltip-arrow-size: 5px !default; +$tooltip-radius: 3px !default; // Progress -$progress-bg: rgba(red($gray), green($gray), blue($gray), .2); -$progress-playing-bg: $blue; -$progress-buffered-bg: rgba(red($gray), green($gray), blue($gray), .25); -$progress-loading-size: 40px; -$progress-loading-bg: rgba(0,0,0, .15); +$progress-bg: rgba(red($gray), green($gray), blue($gray), .2) !default; +$progress-playing-bg: $blue !default; +$progress-buffered-bg: rgba(red($gray), green($gray), blue($gray), .25) !default; +$progress-loading-size: 40px !default +$progress-loading-bg: rgba(0,0,0, .15) !default; // 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; +$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; // Breakpoints -$bp-control-split: 560px; // When controls split into left/right -$bp-captions-large: 768px; // When captions jump to the larger font size +$bp-control-split: 560px !default; // When controls split into left/right +$bp-captions-large: 768px !default; // When captions jump to the larger font size // Animation // --------------------------------------- @@ -607,15 +607,6 @@ $bp-captions-large: 768px; // When captions jump to the larger font size .player-video-wrapper { height: 100%; width: 100%; - - .player-captions { - top: auto; - bottom: 90px; - - @media (min-width: $bp-control-split) { - bottom: 60px; - } - } } .player-controls { position: absolute; @@ -625,13 +616,29 @@ $bp-captions-large: 768px; // When captions jump to the larger font size } // Hide controls when playing in full screen - &.fullscreen-hide-controls.playing .player-controls { - transform: translateY(100%) translateY($control-spacing / 2); - transition: transform .3s .2s ease; - - &.hover { + &.fullscreen-hide-controls.playing { + .player-controls { + transform: translateY(100%) translateY($control-spacing / 2); + transition: transform .3s .2s ease; + } + &.player-hover .player-controls { transform: translateY(0); } + .player-captions { + bottom: ($control-spacing / 2); + transition: bottom .3s .2s ease; + } + } + + // Captions + .player-captions, + &.fullscreen-hide-controls.playing.player-hover .player-captions { + top: auto; + bottom: 90px; + + @media (min-width: $bp-control-split) { + bottom: 60px; + } } } From a9783481235d349d696025fff9edbf4622d8e467 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Tue, 28 Jul 2015 11:31:32 +1000 Subject: [PATCH 23/54] Version bump --- changelog.md | 3 +++ docs/error.html | 2 +- docs/index.html | 10 +++++----- package.json | 2 +- readme.md | 8 ++++---- src/js/plyr.js | 2 +- 6 files changed, 15 insertions(+), 12 deletions(-) diff --git a/changelog.md b/changelog.md index 14838160..e1bbcdee 100644 --- a/changelog.md +++ b/changelog.md @@ -1,5 +1,8 @@ # Changelog +## v1.2.6 +- SASS updates and fixes (cheers @ChristianPV) + ## v1.2.5 - Fix for YouTube quality (let them decide quality) diff --git a/docs/error.html b/docs/error.html index 592045dc..81297a15 100644 --- a/docs/error.html +++ b/docs/error.html @@ -6,7 +6,7 @@ - +
diff --git a/docs/index.html b/docs/index.html index 5205c4f6..f22503d5 100644 --- a/docs/index.html +++ b/docs/index.html @@ -8,10 +8,10 @@ - + - +
@@ -97,13 +97,13 @@ b.insertBefore(c, b.childNodes[0]); } } - })(document, "https://cdn.plyr.io/1.2.5/sprite.svg"); + })(document, "https://cdn.plyr.io/1.2.6/sprite.svg"); - + - + diff --git a/package.json b/package.json index 5d91133f..b0eccf5f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "plyr", - "version": "1.2.5", + "version": "1.2.6", "description": "A simple HTML5 media player using custom controls", "homepage": "http://plyr.io", "main": "gulpfile.js", diff --git a/readme.md b/readme.md index 2df7e465..23f5a826 100644 --- a/readme.md +++ b/readme.md @@ -39,7 +39,7 @@ If you have any cool ideas or features, please let me know by [creating an issue Check `docs/index.html` and `docs/dist/docs.js` for an example setup. -**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.2.5/plyr.js` to `https://cdn.plyr.io/1.2.5/plyr.js` +**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.2.6/plyr.js` to `https://cdn.plyr.io/1.2.6/plyr.js` ### Bower If bower is your thang, you can grab Plyr using: @@ -59,11 +59,11 @@ More info is on [npm](https://www.npmjs.com/package/ember-cli-plyr) and [GitHub] If you want to use our CDN, you can use the following: ```html - - + + ``` -You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.2.5/sprite.svg`. +You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.2.6/sprite.svg`. ### CSS If you want to use the default css, add the `plyr.css` file from /dist into your head, or even better use `plyr.less` or `plyr.sass` file included in `/src` in your build to save a request. diff --git a/src/js/plyr.js b/src/js/plyr.js index 90042b09..593a64b4 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -1,6 +1,6 @@ // ========================================================================== // Plyr -// plyr.js v1.2.5 +// plyr.js v1.2.6 // https://github.com/selz/plyr // License: The MIT License (MIT) // ========================================================================== From aad4a720dcb0755371c2c8062ae9e8286ba9f467 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Fri, 31 Jul 2015 21:32:12 +1000 Subject: [PATCH 24/54] Tooltip fix for NVDA --- dist/plyr.css | 2 +- gulpfile.js | 2 +- src/less/plyr.less | 2 -- src/sass/plyr.scss | 2 -- 4 files changed, 2 insertions(+), 6 deletions(-) diff --git a/dist/plyr.css b/dist/plyr.css index 199a2194..9df52dce 100644 --- a/dist/plyr.css +++ b/dist/plyr.css @@ -1 +1 @@ -@-webkit-keyframes progress{to{background-position:40px 0}}@keyframes progress{to{background-position:40px 0}}.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}.player{position:relative;max-width:100%;min-width:290px}.player,.player *,.player ::after,.player ::before{box-sizing:border-box}.player-video-wrapper{position:relative}.player audio,.player video{width:100%;height:auto;vertical-align:middle}.player-video-embed{padding-bottom:56.25%;height:0}.player-video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.player-captions{display:none;position:absolute;bottom:0;left:0;width:100%;padding:20px;min-height:2.5em;color:#fff;font-size:16px;font-weight:600;text-shadow:-1px -1px 0 #565d64,1px -1px 0 #565d64,-1px 1px 0 #565d64,1px 1px 0 #565d64;text-align:center;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media (min-width:768px){.player-captions{font-size:24px}}.player.captions-active .player-captions{display:block}.player-controls{zoom:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;position:relative;padding:10px;background:#fff;line-height:1;text-align:center;box-shadow:0 1px 1px rgba(52,63,74,.2)}.player-controls:after,.player-controls:before{content:"";display:table}.player-controls:after{clear:both}.player-controls-right{display:block;margin:10px auto 0}@media (min-width:560px){.player-controls-left{float:left}.player-controls-right{float:right;margin-top:0}}.player-controls button,.player-controls input+label{display:inline-block;vertical-align:middle;margin:0 2px;padding:5px 10px;transition:background .3s ease,color .3s ease,opacity .3s ease;border-radius:3px;cursor:pointer}.player-controls button svg,.player-controls input+label svg{width:18px;height:18px;display:block;fill:currentColor;transition:fill .3s ease}.player-controls .inverted:checked+label,.player-controls input+label{opacity:.5}.player-controls .inverted+label,.player-controls button,.player-controls input:checked+label{color:#6b7d86;opacity:1}.player-controls button{border:0;background:0 0;overflow:hidden}.player-controls [type=checkbox]+label:hover,.player-controls [type=checkbox]:focus+label,.player-controls button:focus,.player-controls button:hover{background:#3498db;color:#fff;opacity:1}.player-controls button:focus,.player-controls input:focus+label{outline:0}.player-controls .icon-captions-on,.player-controls .icon-exit-fullscreen,.player-controls .icon-muted{display:none}.player-controls .player-time{display:inline-block;vertical-align:middle;margin-left:10px;color:#6b7d86;font-weight:600;font-size:14px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.player-controls .player-time+.player-time{display:none}@media (min-width:560px){.player-controls .player-time+.player-time{display:inline-block}}.player-controls .player-time+.player-time::before{content:"\2044";margin-right:10px}.player-tooltip{visibility:hidden;position:absolute;z-index:2;bottom:100%;margin-bottom:10px;padding:10px 15px;opacity:0;background:#fff;border:1px solid #d6dadd;border-radius:3px;color:#6b7d86;font-size:14px;line-height:1.5;font-weight:600;-webkit-transform:translate(-50%,30px) scale(0);transform:translate(-50%,30px) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:-webkit-transform .2s .1s ease,opacity .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease}.player-tooltip::after{content:"";position:absolute;z-index:1;top:100%;left:50%;display:block;width:10px;height:10px;background:#fff;-webkit-transform:translate(-50%,-50%) rotate(45deg) translateY(1px);transform:translate(-50%,-50%) rotate(45deg) translateY(1px);border:1px solid #d6dadd;border-width:0 1px 1px 0}.player button.tab-focus:focus .player-tooltip,.player button:hover .player-tooltip,.player input.tab-focus:focus+label .player-tooltip,.player label:hover .player-tooltip{visibility:visible;opacity:1;-webkit-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1)}.player button:hover .player-tooltip,.player label:hover .player-tooltip{z-index:3}.player-progress{position:absolute;bottom:100%;left:0;right:0;width:100%;height:10px;background:rgba(86,93,100,.2)}.player-progress-buffer[value],.player-progress-played[value],.player-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}.player-progress-buffer[value]::-webkit-progress-bar,.player-progress-played[value]::-webkit-progress-bar{background:0 0}.player-progress-buffer[value]::-webkit-progress-value,.player-progress-played[value]::-webkit-progress-value{background:currentColor}.player-progress-buffer[value]::-moz-progress-bar,.player-progress-played[value]::-moz-progress-bar{background:currentColor}.player-progress-played[value]{z-index:2;color:#3498db}.player-progress-buffer[value]{color:rgba(86,93,100,.25)}.player-progress-seek[type=range]{z-index:4;cursor:pointer;outline:0}.player-progress-seek[type=range]::-webkit-slider-runnable-track{background:0 0;border:0}.player-progress-seek[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:0;width:20px;height:10px}.player-progress-seek[type=range]::-moz-range-track{background:0 0;border:0}.player-progress-seek[type=range]::-moz-range-thumb{-moz-appearance:none;background:0 0;border:0;width:20px;height:10px}.player-progress-seek[type=range]::-ms-track{color:transparent;background:0 0;border:0}.player-progress-seek[type=range]::-ms-fill-lower,.player-progress-seek[type=range]::-ms-fill-upper{background:0 0;border:0}.player-progress-seek[type=range]::-ms-thumb{background:0 0;border:0;width:20px;height:10px}.player-progress-seek[type=range]:focus{outline:0}.player-progress-seek[type=range]::-moz-focus-outer{border:0}.player.loading .player-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}.player-controls [data-player=pause],.player.playing .player-controls [data-player=play]{display:none}.player.playing .player-controls [data-player=pause]{display:inline-block}.player-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}.player-volume[type=range]::-webkit-slider-runnable-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.player-volume[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-3px;height:12px;width:12px;background:#6b7d86;border:0;border-radius:6px;transition:background .3s ease;cursor:ew-resize}.player-volume[type=range]::-moz-range-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.player-volume[type=range]::-moz-range-thumb{height:12px;width:12px;background:#6b7d86;border:0;border-radius:6px;transition:background .3s ease;cursor:ew-resize}.player-volume[type=range]::-ms-track{height:6px;background:0 0;border-color:transparent;border-width:3px 0;color:transparent}.player-volume[type=range]::-ms-fill-lower,.player-volume[type=range]::-ms-fill-upper{height:6px;background:#e6e6e6;border:0;border-radius:3px}.player-volume[type=range]::-ms-thumb{height:12px;width:12px;background:#6b7d86;border:0;border-radius:6px;transition:background .3s ease;cursor:ew-resize}.player-volume[type=range]:focus{outline:0}.player-volume[type=range]:focus::-webkit-slider-thumb{background:#3498db}.player-volume[type=range]:focus::-moz-range-thumb{background:#3498db}.player-volume[type=range]:focus::-ms-thumb{background:#3498db}.player-audio.ios .player-controls-right,.player.ios .player-volume,.player.ios [data-player=mute],.player.ios [data-player=mute]+label{display:none}.player-audio.ios .player-controls-left{float:none}.player-audio .player-controls{padding-top:20px}.player-audio .player-progress{bottom:auto;top:0;background:#d6dadd}.player-fullscreen,.player.fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000}.player-fullscreen video,.player.fullscreen-active video{height:100%}.player-fullscreen .player-video-wrapper,.player.fullscreen-active .player-video-wrapper{height:100%;width:100%}.player-fullscreen .player-controls,.player.fullscreen-active .player-controls{position:absolute;bottom:0;left:0;right:0}.player-fullscreen.fullscreen-hide-controls.playing .player-controls,.player.fullscreen-active.fullscreen-hide-controls.playing .player-controls{-webkit-transform:translateY(100%) translateY(5px);transform:translateY(100%) translateY(5px);transition:-webkit-transform .3s .2s ease;transition:transform .3s .2s ease}.player-fullscreen.fullscreen-hide-controls.playing.player-hover .player-controls,.player.fullscreen-active.fullscreen-hide-controls.playing.player-hover .player-controls{-webkit-transform:translateY(0);transform:translateY(0)}.player-fullscreen.fullscreen-hide-controls.playing .player-captions,.player.fullscreen-active.fullscreen-hide-controls.playing .player-captions{bottom:5px;transition:bottom .3s .2s ease}.player-fullscreen .player-captions,.player-fullscreen.fullscreen-hide-controls.playing.player-hover .player-captions,.player.fullscreen-active .player-captions,.player.fullscreen-active.fullscreen-hide-controls.playing.player-hover .player-captions{top:auto;bottom:90px}@media (min-width:560px){.player-fullscreen .player-captions,.player-fullscreen.fullscreen-hide-controls.playing.player-hover .player-captions,.player.fullscreen-active .player-captions,.player.fullscreen-active.fullscreen-hide-controls.playing.player-hover .player-captions{bottom:60px}}.player.captions-active .player-controls .icon-captions-on,.player.fullscreen-active .icon-exit-fullscreen,.player.muted .player-controls .icon-muted{display:block}.player [data-player=captions],.player [data-player=captions]+label,.player [data-player=fullscreen],.player [data-player=fullscreen]+label,.player.captions-active .player-controls .icon-captions-on+svg,.player.fullscreen-active .icon-exit-fullscreen+svg,.player.muted .player-controls .icon-muted+svg{display:none}.player.captions-enabled [data-player=captions],.player.captions-enabled [data-player=captions]+label,.player.fullscreen-enabled [data-player=fullscreen],.player.fullscreen-enabled [data-player=fullscreen]+label{display:inline-block} \ No newline at end of file +@-webkit-keyframes progress{to{background-position:40px 0}}@keyframes progress{to{background-position:40px 0}}.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}.player{position:relative;max-width:100%;min-width:290px}.player,.player *,.player ::after,.player ::before{box-sizing:border-box}.player-video-wrapper{position:relative}.player audio,.player video{width:100%;height:auto;vertical-align:middle}.player-video-embed{padding-bottom:56.25%;height:0}.player-video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.player-captions{display:none;position:absolute;bottom:0;left:0;width:100%;padding:20px;min-height:2.5em;color:#fff;font-size:16px;font-weight:600;text-shadow:-1px -1px 0 #565d64,1px -1px 0 #565d64,-1px 1px 0 #565d64,1px 1px 0 #565d64;text-align:center;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media (min-width:768px){.player-captions{font-size:24px}}.player.captions-active .player-captions{display:block}.player-controls{zoom:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;position:relative;padding:10px;background:#fff;line-height:1;text-align:center;box-shadow:0 1px 1px rgba(52,63,74,.2)}.player-controls:after,.player-controls:before{content:"";display:table}.player-controls:after{clear:both}.player-controls-right{display:block;margin:10px auto 0}@media (min-width:560px){.player-controls-left{float:left}.player-controls-right{float:right;margin-top:0}}.player-controls button,.player-controls input+label{display:inline-block;vertical-align:middle;margin:0 2px;padding:5px 10px;transition:background .3s ease,color .3s ease,opacity .3s ease;border-radius:3px;cursor:pointer}.player-controls button svg,.player-controls input+label svg{width:18px;height:18px;display:block;fill:currentColor;transition:fill .3s ease}.player-controls .inverted:checked+label,.player-controls input+label{opacity:.5}.player-controls .inverted+label,.player-controls button,.player-controls input:checked+label{color:#6b7d86;opacity:1}.player-controls button{border:0;background:0 0;overflow:hidden}.player-controls [type=checkbox]+label:hover,.player-controls [type=checkbox]:focus+label,.player-controls button:focus,.player-controls button:hover{background:#3498db;color:#fff;opacity:1}.player-controls button:focus,.player-controls input:focus+label{outline:0}.player-controls .icon-captions-on,.player-controls .icon-exit-fullscreen,.player-controls .icon-muted{display:none}.player-controls .player-time{display:inline-block;vertical-align:middle;margin-left:10px;color:#6b7d86;font-weight:600;font-size:14px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.player-controls .player-time+.player-time{display:none}@media (min-width:560px){.player-controls .player-time+.player-time{display:inline-block}}.player-controls .player-time+.player-time::before{content:"\2044";margin-right:10px}.player-tooltip{position:absolute;z-index:2;bottom:100%;margin-bottom:10px;padding:10px 15px;opacity:0;background:#fff;border:1px solid #d6dadd;border-radius:3px;color:#6b7d86;font-size:14px;line-height:1.5;font-weight:600;-webkit-transform:translate(-50%,30px) scale(0);transform:translate(-50%,30px) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:-webkit-transform .2s .1s ease,opacity .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease}.player-tooltip::after{content:"";position:absolute;z-index:1;top:100%;left:50%;display:block;width:10px;height:10px;background:#fff;-webkit-transform:translate(-50%,-50%) rotate(45deg) translateY(1px);transform:translate(-50%,-50%) rotate(45deg) translateY(1px);border:1px solid #d6dadd;border-width:0 1px 1px 0}.player button.tab-focus:focus .player-tooltip,.player button:hover .player-tooltip,.player input.tab-focus:focus+label .player-tooltip,.player label:hover .player-tooltip{opacity:1;-webkit-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1)}.player button:hover .player-tooltip,.player label:hover .player-tooltip{z-index:3}.player-progress{position:absolute;bottom:100%;left:0;right:0;width:100%;height:10px;background:rgba(86,93,100,.2)}.player-progress-buffer[value],.player-progress-played[value],.player-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}.player-progress-buffer[value]::-webkit-progress-bar,.player-progress-played[value]::-webkit-progress-bar{background:0 0}.player-progress-buffer[value]::-webkit-progress-value,.player-progress-played[value]::-webkit-progress-value{background:currentColor}.player-progress-buffer[value]::-moz-progress-bar,.player-progress-played[value]::-moz-progress-bar{background:currentColor}.player-progress-played[value]{z-index:2;color:#3498db}.player-progress-buffer[value]{color:rgba(86,93,100,.25)}.player-progress-seek[type=range]{z-index:4;cursor:pointer;outline:0}.player-progress-seek[type=range]::-webkit-slider-runnable-track{background:0 0;border:0}.player-progress-seek[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:0;width:20px;height:10px}.player-progress-seek[type=range]::-moz-range-track{background:0 0;border:0}.player-progress-seek[type=range]::-moz-range-thumb{-moz-appearance:none;background:0 0;border:0;width:20px;height:10px}.player-progress-seek[type=range]::-ms-track{color:transparent;background:0 0;border:0}.player-progress-seek[type=range]::-ms-fill-lower,.player-progress-seek[type=range]::-ms-fill-upper{background:0 0;border:0}.player-progress-seek[type=range]::-ms-thumb{background:0 0;border:0;width:20px;height:10px}.player-progress-seek[type=range]:focus{outline:0}.player-progress-seek[type=range]::-moz-focus-outer{border:0}.player.loading .player-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}.player-controls [data-player=pause],.player.playing .player-controls [data-player=play]{display:none}.player.playing .player-controls [data-player=pause]{display:inline-block}.player-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}.player-volume[type=range]::-webkit-slider-runnable-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.player-volume[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-3px;height:12px;width:12px;background:#6b7d86;border:0;border-radius:6px;transition:background .3s ease;cursor:ew-resize}.player-volume[type=range]::-moz-range-track{height:6px;background:#e6e6e6;border:0;border-radius:3px}.player-volume[type=range]::-moz-range-thumb{height:12px;width:12px;background:#6b7d86;border:0;border-radius:6px;transition:background .3s ease;cursor:ew-resize}.player-volume[type=range]::-ms-track{height:6px;background:0 0;border-color:transparent;border-width:3px 0;color:transparent}.player-volume[type=range]::-ms-fill-lower,.player-volume[type=range]::-ms-fill-upper{height:6px;background:#e6e6e6;border:0;border-radius:3px}.player-volume[type=range]::-ms-thumb{height:12px;width:12px;background:#6b7d86;border:0;border-radius:6px;transition:background .3s ease;cursor:ew-resize}.player-volume[type=range]:focus{outline:0}.player-volume[type=range]:focus::-webkit-slider-thumb{background:#3498db}.player-volume[type=range]:focus::-moz-range-thumb{background:#3498db}.player-volume[type=range]:focus::-ms-thumb{background:#3498db}.player-audio.ios .player-controls-right,.player.ios .player-volume,.player.ios [data-player=mute],.player.ios [data-player=mute]+label{display:none}.player-audio.ios .player-controls-left{float:none}.player-audio .player-controls{padding-top:20px}.player-audio .player-progress{bottom:auto;top:0;background:#d6dadd}.player-fullscreen,.player.fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000}.player-fullscreen video,.player.fullscreen-active video{height:100%}.player-fullscreen .player-video-wrapper,.player.fullscreen-active .player-video-wrapper{height:100%;width:100%}.player-fullscreen .player-controls,.player.fullscreen-active .player-controls{position:absolute;bottom:0;left:0;right:0}.player-fullscreen.fullscreen-hide-controls.playing .player-controls,.player.fullscreen-active.fullscreen-hide-controls.playing .player-controls{-webkit-transform:translateY(100%) translateY(5px);transform:translateY(100%) translateY(5px);transition:-webkit-transform .3s .2s ease;transition:transform .3s .2s ease}.player-fullscreen.fullscreen-hide-controls.playing.player-hover .player-controls,.player.fullscreen-active.fullscreen-hide-controls.playing.player-hover .player-controls{-webkit-transform:translateY(0);transform:translateY(0)}.player-fullscreen.fullscreen-hide-controls.playing .player-captions,.player.fullscreen-active.fullscreen-hide-controls.playing .player-captions{bottom:5px;transition:bottom .3s .2s ease}.player-fullscreen .player-captions,.player-fullscreen.fullscreen-hide-controls.playing.player-hover .player-captions,.player.fullscreen-active .player-captions,.player.fullscreen-active.fullscreen-hide-controls.playing.player-hover .player-captions{top:auto;bottom:90px}@media (min-width:560px){.player-fullscreen .player-captions,.player-fullscreen.fullscreen-hide-controls.playing.player-hover .player-captions,.player.fullscreen-active .player-captions,.player.fullscreen-active.fullscreen-hide-controls.playing.player-hover .player-captions{bottom:60px}}.player.captions-active .player-controls .icon-captions-on,.player.fullscreen-active .icon-exit-fullscreen,.player.muted .player-controls .icon-muted{display:block}.player [data-player=captions],.player [data-player=captions]+label,.player [data-player=fullscreen],.player [data-player=fullscreen]+label,.player.captions-active .player-controls .icon-captions-on+svg,.player.fullscreen-active .icon-exit-fullscreen+svg,.player.muted .player-controls .icon-muted+svg{display:none}.player.captions-enabled [data-player=captions],.player.captions-enabled [data-player=captions]+label,.player.fullscreen-enabled [data-player=fullscreen],.player.fullscreen-enabled [data-player=fullscreen]+label{display:inline-block} \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js index 547bbcba..3edf9209 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -203,7 +203,7 @@ maxAge = 31536000, // seconds 1 year options = { cdn: { headers: { - "Cache-Control": "max-age=" + maxAge + ", no-transform, public", + "Cache-Control": "max-age=" + maxAge, "Vary": "Accept-Encoding" }, gzippedOnly: true diff --git a/src/less/plyr.less b/src/less/plyr.less index 60ab3f28..740a7ae7 100644 --- a/src/less/plyr.less +++ b/src/less/plyr.less @@ -317,7 +317,6 @@ // Tooltips &-tooltip { - visibility: hidden; position: absolute; z-index: 2; bottom: 100%; @@ -357,7 +356,6 @@ input.tab-focus:focus + label .player-tooltip, button:hover .player-tooltip, button.tab-focus:focus .player-tooltip { - visibility: visible; opacity: 1; transform: translate(-50%, 0) scale(1); } diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss index b0107459..9167fb1a 100644 --- a/src/sass/plyr.scss +++ b/src/sass/plyr.scss @@ -315,7 +315,6 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo // Tooltips &-tooltip { - visibility: hidden; position: absolute; z-index: 2; bottom: 100%; @@ -355,7 +354,6 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo input.tab-focus:focus + label .player-tooltip, button:hover .player-tooltip, button.tab-focus:focus .player-tooltip { - visibility: visible; opacity: 1; transform: translate(-50%, 0) scale(1); } From 9534db823d6231254d5560d97ad3fc0341e24aae Mon Sep 17 00:00:00 2001 From: khrizpv Date: Fri, 31 Jul 2015 10:59:03 -0300 Subject: [PATCH 25/54] Update plyr.scss - Make it work V2! Hi, thanks for accepting my previous pull request. I made this request because the variables control-color and control-color-hover weren't being set inside the mixin so i took them out and it's working now again. I hope you can merge this as it isnt completly working yet and sorry for the delay. Thanks again! :) --- src/sass/plyr.scss | 27 ++++++++++----------------- 1 file changed, 10 insertions(+), 17 deletions(-) diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss index bff8cd2e..48acfbd7 100644 --- a/src/sass/plyr.scss +++ b/src/sass/plyr.scss @@ -23,28 +23,21 @@ $font-size-large: ceil(($font-size-base * 1.5)) !default; $control-spacing: 10px !default; $controls-bg: #fff !default; $control-bg-hover: $blue !default; !default +$control-color: null !default; +$control-color-hover: null !default; // Contrast -@mixin contrast-control-color($color: "") { - $control-color: null !global; - @if lightness($color) >= 65% { - $control-color: $gray-light; - } @else if(lightness($color) < 65%) { - $control-color: $gray-lighter; - } +@if lightness($controls-bg) >= 65% { + $control-color: $gray-light; +} @else { + $control-color: $gray-lighter; } -@mixin contrast-control-color-hover($color: "") { - $control-color-hover: null !global; - @if lightness($color) >= 65% { - $control-color-hover: $gray; - } @else if lightness($color) < 65% { - $control-color-hover: #fff; - } +@if lightness($control-bg-hover) >= 65% { + $control-color-hover: $gray; +} @else { + $control-color-hover: #fff; } -@include contrast-control-color($controls-bg); -@include contrast-control-color-hover($control-bg-hover); - // Tooltips $tooltip-bg: $controls-bg !default; $tooltip-color: $control-color !default; From e97b616811ef84fd7caffe758afd43d7b244a32d Mon Sep 17 00:00:00 2001 From: Calvin Tam Date: Wed, 5 Aug 2015 19:55:30 -0700 Subject: [PATCH 26/54] Fixed events are not fired in YouTube embed player --- src/js/plyr.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/js/plyr.js b/src/js/plyr.js index 593a64b4..d3288287 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -915,7 +915,7 @@ modestbranding: 1 }, events: { - onReady: function(event) { + 'onReady': function(event) { // Get the instance var instance = event.target; @@ -960,7 +960,7 @@ } } }, - onStateChange: function(event) { + 'onStateChange': function(event) { // Get the instance var instance = event.target; From e1353096709a3cabbf56842d9dc2b52d20cd8a9e Mon Sep 17 00:00:00 2001 From: Calvin Tam Date: Wed, 5 Aug 2015 19:56:16 -0700 Subject: [PATCH 27/54] Fixed youtube video cannot seek before video started with controls --- src/js/plyr.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/js/plyr.js b/src/js/plyr.js index d3288287..2b1ab613 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -1253,7 +1253,7 @@ // YouTube if(player.type == "youtube") { - player.embed.seekTo(player.media.currentTime); + player.embed.seekTo(targetTime); // Trigger timeupdate _triggerEvent(player.media, "timeupdate"); From 5fcfd5fa4f56f657a53de24c20f8522c37241e0d Mon Sep 17 00:00:00 2001 From: Calvin Tam Date: Wed, 5 Aug 2015 20:09:05 -0700 Subject: [PATCH 28/54] Eliminated running try catch when player.type="youtube" --- src/js/plyr.js | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/src/js/plyr.js b/src/js/plyr.js index 2b1ab613..2bd83343 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -1244,15 +1244,16 @@ targetTime = player.media.duration; } - // Set the current time - // Try/catch incase the media isn't set and we're calling seek() from source() and IE moans - try { - player.media.currentTime = targetTime.toFixed(1); - } - catch(e) {} - + // Set the current time + if(player.type == "video" || player.type == "audio") { + // Try/catch incase the media isn't set and we're calling seek() from source() and IE moans + try { + player.media.currentTime = targetTime.toFixed(1); + } + catch(e) {} + } // YouTube - if(player.type == "youtube") { + else if(player.type == "youtube") { player.embed.seekTo(targetTime); // Trigger timeupdate From 9f1e5a55f43eae1d46828d0ea3c5a0396dfd6523 Mon Sep 17 00:00:00 2001 From: Calvin Tam Date: Wed, 5 Aug 2015 20:33:04 -0700 Subject: [PATCH 29/54] Disabled YouTube embed player keyboard control to match with plyr's control --- src/js/plyr.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/js/plyr.js b/src/js/plyr.js index 2bd83343..982023bb 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -912,7 +912,8 @@ iv_load_policy: 3, cc_lang_pref: "en", wmode: "transparent", - modestbranding: 1 + modestbranding: 1, + disablekb: 1 }, events: { 'onReady': function(event) { From f983f0771b8c0c2a15e65abc9ebac5cccc2b2bbe Mon Sep 17 00:00:00 2001 From: Calvin Tam Date: Wed, 5 Aug 2015 20:36:48 -0700 Subject: [PATCH 30/54] Revert "Eliminated running try catch when player.type="youtube"" This reverts commit 5fcfd5fa4f56f657a53de24c20f8522c37241e0d. --- src/js/plyr.js | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/src/js/plyr.js b/src/js/plyr.js index 982023bb..782e6397 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -1245,16 +1245,15 @@ targetTime = player.media.duration; } - // Set the current time - if(player.type == "video" || player.type == "audio") { - // Try/catch incase the media isn't set and we're calling seek() from source() and IE moans - try { - player.media.currentTime = targetTime.toFixed(1); - } - catch(e) {} - } + // Set the current time + // Try/catch incase the media isn't set and we're calling seek() from source() and IE moans + try { + player.media.currentTime = targetTime.toFixed(1); + } + catch(e) {} + // YouTube - else if(player.type == "youtube") { + if(player.type == "youtube") { player.embed.seekTo(targetTime); // Trigger timeupdate From 75c090e8b9c0e58a73005d315e326e5ac1902860 Mon Sep 17 00:00:00 2001 From: khrizpv Date: Thu, 6 Aug 2015 14:21:36 -0300 Subject: [PATCH 31/54] Update plyr.scss - Make it work V3! --- src/sass/plyr.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss index 48acfbd7..a4dab010 100644 --- a/src/sass/plyr.scss +++ b/src/sass/plyr.scss @@ -22,7 +22,7 @@ $font-size-large: ceil(($font-size-base * 1.5)) !default; // Controls $control-spacing: 10px !default; $controls-bg: #fff !default; -$control-bg-hover: $blue !default; !default +$control-bg-hover: $blue !default; $control-color: null !default; $control-color-hover: null !default; @@ -49,7 +49,7 @@ $tooltip-radius: 3px !default; $progress-bg: rgba(red($gray), green($gray), blue($gray), .2) !default; $progress-playing-bg: $blue !default; $progress-buffered-bg: rgba(red($gray), green($gray), blue($gray), .25) !default; -$progress-loading-size: 40px !default +$progress-loading-size: 40px !default; $progress-loading-bg: rgba(0,0,0, .15) !default; // Volume From e7946189c6ef903f90d031a1ba4e543b5d9138bb Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sat, 8 Aug 2015 11:14:11 +1000 Subject: [PATCH 32/54] Icon updates --- dist/sprite.svg | 2 +- docs/index.html | 2 +- src/sprite/icon-captions-off.svg | 5 +---- src/sprite/icon-captions-on.svg | 5 +---- src/sprite/icon-enter-fullscreen.svg | 5 +---- src/sprite/icon-exit-fullscreen.svg | 5 +---- src/sprite/icon-fast-forward.svg | 4 +--- src/sprite/icon-muted.svg | 6 +----- src/sprite/icon-pause.svg | 5 +---- src/sprite/icon-play.svg | 4 +--- src/sprite/icon-restart.svg | 6 +----- src/sprite/icon-rewind.svg | 5 +---- src/sprite/icon-volume.svg | 4 +--- 13 files changed, 13 insertions(+), 45 deletions(-) diff --git a/dist/sprite.svg b/dist/sprite.svg index 2aa2e0bf..ac1b6f62 100644 --- a/dist/sprite.svg +++ b/dist/sprite.svg @@ -1 +1 @@ -icon-captions-officon-captions-onexpandcollapsemutedpauseicon-restartrewind \ No newline at end of file + \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index f22503d5..85de929d 100644 --- a/docs/index.html +++ b/docs/index.html @@ -8,7 +8,7 @@ - + diff --git a/src/sprite/icon-captions-off.svg b/src/sprite/icon-captions-off.svg index 56fc708d..c9bd5b3c 100644 --- a/src/sprite/icon-captions-off.svg +++ b/src/sprite/icon-captions-off.svg @@ -1,8 +1,5 @@ - - - icon-captions-off - Created with Sketch. + diff --git a/src/sprite/icon-captions-on.svg b/src/sprite/icon-captions-on.svg index 4e388e41..1ed58de9 100644 --- a/src/sprite/icon-captions-on.svg +++ b/src/sprite/icon-captions-on.svg @@ -1,8 +1,5 @@ - - - icon-captions-on - Created with Sketch. + diff --git a/src/sprite/icon-enter-fullscreen.svg b/src/sprite/icon-enter-fullscreen.svg index 5fd651bd..13434bb1 100644 --- a/src/sprite/icon-enter-fullscreen.svg +++ b/src/sprite/icon-enter-fullscreen.svg @@ -1,8 +1,5 @@ - - - expand - Created with Sketch. + diff --git a/src/sprite/icon-exit-fullscreen.svg b/src/sprite/icon-exit-fullscreen.svg index d41e0402..ff4269bc 100644 --- a/src/sprite/icon-exit-fullscreen.svg +++ b/src/sprite/icon-exit-fullscreen.svg @@ -1,8 +1,5 @@ - - - collapse - Created with Sketch. + diff --git a/src/sprite/icon-fast-forward.svg b/src/sprite/icon-fast-forward.svg index cc4ee6d1..05b23faa 100755 --- a/src/sprite/icon-fast-forward.svg +++ b/src/sprite/icon-fast-forward.svg @@ -1,6 +1,4 @@ - - - + diff --git a/src/sprite/icon-muted.svg b/src/sprite/icon-muted.svg index 031da8d1..532c513d 100644 --- a/src/sprite/icon-muted.svg +++ b/src/sprite/icon-muted.svg @@ -1,9 +1,5 @@ - - - muted - Created with Sketch. - + diff --git a/src/sprite/icon-pause.svg b/src/sprite/icon-pause.svg index ea2efe98..ee25646d 100644 --- a/src/sprite/icon-pause.svg +++ b/src/sprite/icon-pause.svg @@ -1,8 +1,5 @@ - - - pause - Created with Sketch. + diff --git a/src/sprite/icon-play.svg b/src/sprite/icon-play.svg index ebe9ff57..f0057b32 100755 --- a/src/sprite/icon-play.svg +++ b/src/sprite/icon-play.svg @@ -1,6 +1,4 @@ - - - + diff --git a/src/sprite/icon-restart.svg b/src/sprite/icon-restart.svg index 3a18dfad..43645a5c 100644 --- a/src/sprite/icon-restart.svg +++ b/src/sprite/icon-restart.svg @@ -1,9 +1,5 @@ - - - icon-restart - Created with Sketch. - + diff --git a/src/sprite/icon-rewind.svg b/src/sprite/icon-rewind.svg index 7be18d37..5f122c86 100644 --- a/src/sprite/icon-rewind.svg +++ b/src/sprite/icon-rewind.svg @@ -1,8 +1,5 @@ - - - rewind - Created with Sketch. + diff --git a/src/sprite/icon-volume.svg b/src/sprite/icon-volume.svg index 6c6ca54d..edcc8867 100755 --- a/src/sprite/icon-volume.svg +++ b/src/sprite/icon-volume.svg @@ -1,7 +1,5 @@ - - - + From 38a206892b4869782cd0391307c7610cfe580286 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sat, 8 Aug 2015 14:37:12 +1000 Subject: [PATCH 33/54] YouTube, Captions and Control improvements - Controls improvements (Fixes #103) - YouTube bug fixes (Fixes #105) - Internationalization support (Fixes #101) - Captions legibility improvements --- changelog.md | 8 +- controls.md | 44 +++++++--- dist/plyr.css | 2 +- dist/plyr.js | 2 +- docs/dist/docs.js | 2 +- docs/dist/templates.js | 2 +- docs/error.html | 2 +- docs/index.html | 10 +-- docs/src/templates/controls.html | 13 +-- package.json | 2 +- readme.md | 14 ++- src/js/plyr.js | 145 ++++++++++++++++++------------- src/less/plyr.less | 106 ++++++++++------------ src/sass/plyr.scss | 110 +++++++++++------------ 14 files changed, 247 insertions(+), 215 deletions(-) diff --git a/changelog.md b/changelog.md index e1bbcdee..ac947731 100644 --- a/changelog.md +++ b/changelog.md @@ -1,5 +1,11 @@ # Changelog +# v1.3.0 +- Internationalization support (i18n) using default controls (required markup changes to controls) +- ARIA enhancements for controls (required markup changes to controls) +- Captions legibility improvements +- YouTube bug fixes + ## v1.2.6 - SASS updates and fixes (cheers @ChristianPV) @@ -21,7 +27,7 @@ ## v1.2.1 - Tooltip bug fix -## v1.2.0 +# v1.2.0 - Added YouTube support ## v1.1.13 diff --git a/controls.md b/controls.md index 510da2de..81c1e72a 100644 --- a/controls.md +++ b/controls.md @@ -1,10 +1,36 @@ -# Controls HTML +# Controls This is the markup that is rendered for the Plyr controls. You can use the default controls or provide a customized version of markup based on your needs. -The demo Plyr setup uses a Hogan template. This purely to allow for localization at a later date. Check out `controls.html` in `/src/templates` to get an idea of how the default html is structured. +## Internationalization using default controls -## Requirements +You can provide an `i18n` object as one of your options when initialising the plugin which we be used when rendering the controls. + +### Example + +```javascript +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" +} +``` + +Note: `{seektime}` will be replaced with your configured seek time or the default. For example "Forward {seektime} secs" would render as "Forward 10 secs". + +## Using custom HTML + +The example on [plyr.io](http://plyr.io) setup uses a Hogan template. Check out `controls.html` in `/src/templates` to get an idea of how the default html is structured. The classes and data attributes used in your template should match the `selectors` option. @@ -15,7 +41,7 @@ You need to add several placeholders to your html template that are replaced whe You can include only the controls you need when specifying custom html. -## Example +### Example This is an example `html` option with all controls. @@ -62,20 +88,18 @@ This is an example `html` option with all controls. "", "", "", - "", - "",""),o(S.controls,"mute")&&e.push("",""),o(S.controls,"volume")&&e.push("",""),o(S.controls,"captions")&&e.push("",""),o(S.controls,"fullscreen")&&e.push(""),e.push("",""),e.join("")}function n(e,t){S.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll("script[src='"+e+"']").length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function 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 l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document.body),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=document.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function k(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;E(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}dt.media.currentTime.toFixed(1)>=C(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=E(dt.captions[dt.subcount][0])?(dt.currentCaption=dt.captions[dt.subcount][1],dt.captionsContainer.innerHTML=dt.currentCaption):dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,S.classes.captions.enabled,!0),S.captions.defaultActive&&(f(dt.container,S.classes.captions.active,!0),dt.buttons.captions.checked=!0))}function C(e){var t=[];return t=e.split(" --> "),P(t[0])}function E(e){var t=[];return t=e.split(" --> "),P(t[1])}function P(e){if(null===e||void 0===e)return 0;var t,n=[],r=[];return n=e.split(","),r=n[0].split(":"),t=Math.floor(60*r[0]*60)+Math.floor(60*r[1])+Math.floor(r[2])}function A(e){return dt.container.querySelectorAll(e)}function N(e){return A(e)[0]}function I(){try{return window.self!==window.top}catch(e){return!0}}function M(){var e=S.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",S.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),S.tooltips)for(var r=A(S.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,S.classes.hidden,!1),f(s,S.classes.tooltip,!0)}}function L(){try{return dt.controls=N(S.selectors.controls),dt.buttons={},dt.buttons.seek=N(S.selectors.buttons.seek),dt.buttons.play=N(S.selectors.buttons.play),dt.buttons.pause=N(S.selectors.buttons.pause),dt.buttons.restart=N(S.selectors.buttons.restart),dt.buttons.rewind=N(S.selectors.buttons.rewind),dt.buttons.forward=N(S.selectors.buttons.forward),dt.buttons.fullscreen=N(S.selectors.buttons.fullscreen),dt.buttons.mute=N(S.selectors.buttons.mute),dt.buttons.captions=N(S.selectors.buttons.captions),dt.checkboxes=A("[type='checkbox']"),dt.progress={},dt.progress.container=N(S.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(S.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(S.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(S.selectors.buttons.volume),dt.duration=N(S.selectors.duration),dt.currentTime=N(S.selectors.currentTime),dt.seekTime=A(S.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||"Play";"undefined"!=typeof S.title&&S.title.length&&(e+=", "+S.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full&&(dt.media.removeAttribute("controls"),f(dt.container,S.classes.type.replace("{0}",dt.type),!0),f(dt.container,S.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type)){var e=document.createElement("div");e.setAttribute("class",S.classes.videoWrapper),u(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id")),null!==dt.media.getAttribute("autoplay")&&j()}function V(e){for(var t=A("[id^='youtube']"),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,S.classes.videoWrapper,!0),f(dt.media,S.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:dt.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_lang_pref:"en",wmode:"transparent",modestbranding:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=2==t.getPlayerState(),dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.supported.full&&(dt.container.querySelectorAll(S.selectors.controls).length||pt(),S.displayDuration&&nt())},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin","
"),dt.captionsContainer=N(S.selectors.captions),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(r){}"youtube"==dt.type&&(dt.embed.seekTo(dt.media.currentTime),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),k(t)}function U(){f(dt.container,S.classes.playing,!dt.media.paused),f(dt.container,S.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,S.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,S.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,S.classes.fullscreen.active,dt.isFullscreen);var a,s=!1;S.fullscreen.hideControls&&(f(dt.controls,S.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=S.storage.enabled&&x().supported?window.localStorage[S.storage.key]||S.volume:S.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&G()}function G(e){"undefined"==typeof e&&(e=!dt.media.muted),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function K(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),S.storage.enabled&&x().supported&&window.localStorage.setItem(S.storage.key,e),f(dt.container,S.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&(dt.buttons.mute.checked=0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("undefined"==typeof e&&(e=-1===dt.container.className.indexOf(S.classes.captions.active),dt.buttons.captions.checked=e),f(dt.container,S.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,S.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&S.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(D(),z(),at(),"string"==typeof e)dt.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),U()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&j()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function ut(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){j(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){D(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",z),y(dt.buttons.rewind,"click",_),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,z),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"change",function(){G(this.checked)}),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",k),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"change",function(){Q(this.checked)}),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),U()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",K),y(dt.media,"play pause",U),y(dt.media,"waiting canplay seeked",Z),y(dt.checkboxes,"keyup",g),"video"===dt.type&&S.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(z(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function lt(){if(!dt.init)return null;if(dt.container.setAttribute("class",S.selectors.container.replace(".","")),dt.init=!1,c(N(S.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(S.selectors.captions)),l(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=w(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();switch(t){case"div":dt.type=dt.media.getAttribute("data-type");break;default:dt.type=t}if(dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),S.displayDuration&&nt(),O()}dt.init=!0}function pt(){return M(),L()?(R(),$(),K(),B(),ut(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:j,pause:D,restart:z,rewind:_,forward:Y,seek:z,source:ot,poster:it,setVolume:$,togglePlay:W,toggleMute:G,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:lt,restore:ct}:{}}var F,S,C={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},storage:{enabled:!0,key:"plyr_volume"},controls:["restart","rewind","play","fast-forward","current-time","duration","mute","volume","captions","fullscreen"],onSetup:function(){}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,u=!!document.createElement("video").canPlayType;switch(e){case"video":t=u,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s&&!o;break;default:t=i&&u,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(S=k(C,t),!S.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(S.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,S.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file +!function(e){"use strict";function t(){var e=["
","
","","","","0% "+S.i18n.played,"","","0% "+S.i18n.buffered,"","
",""];return o(S.controls,"restart")&&e.push(""),o(S.controls,"rewind")&&e.push(""),o(S.controls,"play")&&e.push("",""),o(S.controls,"fast-forward")&&e.push(""),o(S.controls,"current-time")&&e.push("",""+S.i18n.currentTime+"","00:00",""),o(S.controls,"duration")&&e.push("",""+S.i18n.duration+"","00:00",""),e.push("",""),o(S.controls,"mute")&&e.push(""),o(S.controls,"volume")&&e.push("",""),o(S.controls,"captions")&&e.push(""),o(S.controls,"fullscreen")&&e.push(""),e.push("","
"),e.join("")}function n(e,t){S.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll("script[src='"+e+"']").length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function 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 l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document.body),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=document.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function w(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;E(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}dt.media.currentTime.toFixed(1)>=C(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=E(dt.captions[dt.subcount][0])?(dt.currentCaption=dt.captions[dt.subcount][1],dt.captionsContainer.innerHTML=dt.currentCaption.trim()):dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,S.classes.captions.enabled,!0),S.captions.defaultActive&&(f(dt.container,S.classes.captions.active,!0),g(dt.buttons.captions,!0)))}function C(e){var t=[];return t=e.split(" --> "),A(t[0])}function E(e){var t=[];return t=e.split(" --> "),A(t[1])}function A(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 P(e){return dt.container.querySelectorAll(e)}function N(e){return P(e)[0]}function I(){try{return window.self!==window.top}catch(e){return!0}}function M(){var e=S.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",S.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),S.tooltips)for(var r=P(S.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,S.classes.hidden,!1),f(s,S.classes.tooltip,!0)}}function L(){try{return dt.controls=N(S.selectors.controls),dt.buttons={},dt.buttons.seek=N(S.selectors.buttons.seek),dt.buttons.play=N(S.selectors.buttons.play),dt.buttons.pause=N(S.selectors.buttons.pause),dt.buttons.restart=N(S.selectors.buttons.restart),dt.buttons.rewind=N(S.selectors.buttons.rewind),dt.buttons.forward=N(S.selectors.buttons.forward),dt.buttons.fullscreen=N(S.selectors.buttons.fullscreen),dt.buttons.mute=N(S.selectors.buttons.mute),dt.buttons.captions=N(S.selectors.buttons.captions),dt.checkboxes=P("[type='checkbox']"),dt.progress={},dt.progress.container=N(S.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(S.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(S.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(S.selectors.buttons.volume),dt.duration=N(S.selectors.duration),dt.currentTime=N(S.selectors.currentTime),dt.seekTime=P(S.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||S.i18n.play;"undefined"!=typeof S.title&&S.title.length&&(e+=", "+S.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full&&(dt.media.removeAttribute("controls"),f(dt.container,S.classes.type.replace("{0}",dt.type),!0),f(dt.container,S.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type)){var e=document.createElement("div");e.setAttribute("class",S.classes.videoWrapper),u(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id")),null!==dt.media.getAttribute("autoplay")&&j()}function V(e){for(var t=P("[id^='youtube']"),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,S.classes.videoWrapper,!0),f(dt.media,S.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:dt.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=!0,dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.supported.full&&(dt.container.querySelectorAll(S.selectors.controls).length||pt(),S.displayDuration&&nt())},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin","
"),dt.captionsContainer=N(S.selectors.captions).querySelector("span"),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(a){}"youtube"==dt.type&&(dt.embed.seekTo(t),r&&D(),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),w(t)}function U(){f(dt.container,S.classes.playing,!dt.media.paused),f(dt.container,S.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,S.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,S.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,S.classes.fullscreen.active,dt.isFullscreen),g(dt.buttons.fullscreen,dt.isFullscreen);var a,s=!1;S.fullscreen.hideControls&&(f(dt.controls,S.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=S.storage.enabled&&x().supported?window.localStorage[S.storage.key]||S.volume:S.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&G()}function G(e){"boolean"!=typeof e&&(e=!dt.media.muted),g(dt.buttons.mute,e),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function K(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),S.storage.enabled&&x().supported&&window.localStorage.setItem(S.storage.key,e),f(dt.container,S.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&g(dt.buttons.mute,0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("boolean"!=typeof e&&(e=-1===dt.container.className.indexOf(S.classes.captions.active)),g(dt.buttons.captions,e),f(dt.container,S.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,S.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&S.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(D(),z(),at(),"string"==typeof e)dt.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),U()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&j()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function ut(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){j(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){D(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",z),y(dt.buttons.rewind,"click",_),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,z),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"click",G),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",w),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"click",Q),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),U()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",K),y(dt.media,"play pause",U),y(dt.media,"waiting canplay seeked",Z),"video"===dt.type&&S.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(z(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function lt(){if(!dt.init)return null;if(dt.container.setAttribute("class",S.selectors.container.replace(".","")),dt.init=!1,c(N(S.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(S.selectors.captions)),l(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=k(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();switch(t){case"div":dt.type=dt.media.getAttribute("data-type");break;default:dt.type=t}if(dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),S.displayDuration&&nt(),O()}dt.init=!0}function pt(){return M(),L()?(R(),$(),K(),B(),ut(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:j,pause:D,restart:z,rewind:_,forward:Y,seek:z,source:ot,poster:it,setVolume:$,togglePlay:W,toggleMute:G,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:lt,restore:ct}:{}}var F,S,C={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},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"}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,u=!!document.createElement("video").canPlayType;switch(e){case"video":t=u,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s&&!o;break;default:t=i&&u,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(S=w(C,t),!S.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(S.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,"function"==typeof S.onSetup&&S.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file diff --git a/docs/dist/docs.js b/docs/dist/docs.js index e93234d5..6a5addd8 100644 --- a/docs/dist/docs.js +++ b/docs/dist/docs.js @@ -1 +1 @@ -var Hogan={};!function(t){function n(t,n,e){var s;return n&&"object"==typeof n&&(void 0!==n[t]?s=n[t]:e&&n.get&&"function"==typeof n.get&&(s=n.get(t))),s}function e(t,n,e,s,r,i){function a(){}function o(){}a.prototype=t,o.prototype=t.subs;var c,l=new a;l.subs=new o,l.subsText={},l.buf="",s=s||{},l.stackSubs=s,l.subsText=i;for(c in n)s[c]||(s[c]=n[c]);for(c in s)l.subs[c]=s[c];r=r||{},l.stackPartials=r;for(c in e)r[c]||(r[c]=e[c]);for(c in r)l.partials[c]=r[c];return l}function s(t){return String(null===t||void 0===t?"":t)}function r(t){return t=s(t),u.test(t)?t.replace(i,"&").replace(a,"<").replace(o,">").replace(c,"'").replace(l,"""):t}t.Template=function(t,n,e,s){t=t||{},this.r=t.code||this.r,this.c=e,this.options=s||{},this.text=n||"",this.partials=t.partials||{},this.subs=t.subs||{},this.buf=""},t.Template.prototype={r:function(){return""},v:r,t:s,render:function(t,n,e){return this.ri([t],n||{},e)},ri:function(t,n,e){return this.r(t,n,e)},ep:function(t,n){var s=this.partials[t],r=n[s.name];if(s.instance&&s.base==r)return s.instance;if("string"==typeof r){if(!this.c)throw new Error("No compiler available.");r=this.c.compile(r,this.options)}if(!r)return null;if(this.partials[t].base=r,s.subs){n.stackText||(n.stackText={});for(key in s.subs)n.stackText[key]||(n.stackText[key]=void 0!==this.activeSub&&n.stackText[this.activeSub]?n.stackText[this.activeSub]:this.text);r=e(r,s.subs,s.partials,this.stackSubs,this.stackPartials,n.stackText)}return this.partials[t].instance=r,r},rp:function(t,n,e,s){var r=this.ep(t,e);return r?r.ri(n,e,s):""},rs:function(t,n,e){var s=t[t.length-1];if(!p(s))return e(t,n,this),void 0;for(var r=0;r=0;l--)if(a=e[l],i=n(t,a,c),void 0!==i){o=!0;break}return o?(r||"function"!=typeof i||(i=this.mv(i,e,s)),i):r?!1:""},ls:function(t,n,e,r,i){var a=this.options.delimiters;return this.options.delimiters=i,this.b(this.ct(s(t.call(n,r)),n,e)),this.options.delimiters=a,!1},ct:function(t,n,e){if(this.options.disableLambda)throw new Error("Lambda features disabled.");return this.c.compile(t,this.options).render(n,e)},b:function(t){this.buf+=t},fl:function(){var t=this.buf;return this.buf="",t},ms:function(t,n,e,s,r,i,a){var o,c=n[n.length-1],l=t.call(c);return"function"==typeof l?s?!0:(o=this.activeSub&&this.subsText&&this.subsText[this.activeSub]?this.subsText[this.activeSub]:this.text,this.ls(l,c,e,o.substring(r,i),a)):l},mv:function(t,n,e){var r=n[n.length-1],i=t.call(r);return"function"==typeof i?this.ct(s(i.call(r)),r,e):i},sub:function(t,n,e,s){var r=this.subs[t];r&&(this.activeSub=t,r(n,e,this,s),this.activeSub=!1)}};var i=/&/g,a=//g,c=/\'/g,l=/\"/g,u=/[&<>\"\']/,p=Array.isArray||function(t){return"[object Array]"===Object.prototype.toString.call(t)}}("undefined"!=typeof exports?exports:Hogan),function(t){function n(t){"}"===t.n.substr(t.n.length-1)&&(t.n=t.n.substring(0,t.n.length-1))}function e(t){return t.trim?t.trim():t.replace(/^\s*|\s*$/g,"")}function s(t,n,e){if(n.charAt(e)!=t.charAt(0))return!1;for(var s=1,r=t.length;r>s;s++)if(n.charAt(e+s)!=t.charAt(s))return!1;return!0}function r(n,e,s,o){var c=[],l=null,u=null,p=null;for(u=s[s.length-1];n.length>0;){if(p=n.shift(),u&&"<"==u.tag&&!(p.tag in k))throw new Error("Illegal content in < super tag.");if(t.tags[p.tag]<=t.tags.$||i(p,o))s.push(p),p.nodes=r(n,p.tag,s,o);else{if("/"==p.tag){if(0===s.length)throw new Error("Closing tag without opener: /"+p.n);if(l=s.pop(),p.n!=l.n&&!a(p.n,l.n,o))throw new Error("Nesting error: "+l.n+" vs. "+p.n);return l.end=p.i,c}"\n"==p.tag&&(p.last=0==n.length||"\n"==n[0].tag)}c.push(p)}if(s.length>0)throw new Error("missing closing tag: "+s.pop().n);return c}function i(t,n){for(var e=0,s=n.length;s>e;e++)if(n[e].o==t.n)return t.tag="#",!0}function a(t,n,e){for(var s=0,r=e.length;r>s;s++)if(e[s].c==t&&e[s].o==n)return!0}function o(t){var n=[];for(var e in t)n.push('"'+l(e)+'": function(c,p,t,i) {'+t[e]+"}");return"{ "+n.join(",")+" }"}function c(t){var n=[];for(var e in t.partials)n.push('"'+l(e)+'":{name:"'+l(t.partials[e].name)+'", '+c(t.partials[e])+"}");return"partials: {"+n.join(",")+"}, subs: "+o(t.subs)}function l(t){return t.replace(m,"\\\\").replace(d,'\\"').replace(g,"\\n").replace(v,"\\r").replace(w,"\\u2028").replace(y,"\\u2029")}function u(t){return~t.indexOf(".")?"d":"f"}function p(t,n){var e="<"+(n.prefix||""),s=e+t.n+x++;return n.partials[s]={name:t.n,partials:{}},n.code+='t.b(t.rp("'+l(s)+'",c,p,"'+(t.indent||"")+'"));',s}function f(t,n){n.code+="t.b(t.t(t."+u(t.n)+'("'+l(t.n)+'",c,p,0)));'}function b(t){return"t.b("+t+");"}var h=/\S/,d=/\"/g,g=/\n/g,v=/\r/g,m=/\\/g,w=/\u2028/,y=/\u2029/;t.tags={"#":1,"^":2,"<":3,$:4,"/":5,"!":6,">":7,"=":8,_v:9,"{":10,"&":11,_t:12},t.scan=function(r,i){function a(){m.length>0&&(w.push({tag:"_t",text:new String(m)}),m="")}function o(){for(var n=!0,e=x;e"==e.tag&&(e.indent=w[s].text.toString()),w.splice(s,1));else n||w.push({tag:"\n"});y=!1,x=w.length}function l(t,n){var s="="+T,r=t.indexOf(s,n),i=e(t.substring(t.indexOf("=",n)+1,r)).split(" ");return S=i[0],T=i[i.length-1],r+s.length-1}var u=r.length,p=0,f=1,b=2,d=p,g=null,v=null,m="",w=[],y=!1,k=0,x=0,S="{{",T="}}";for(i&&(i=i.split(" "),S=i[0],T=i[1]),k=0;u>k;k++)d==p?s(S,r,k)?(--k,a(),d=f):"\n"==r.charAt(k)?c(y):m+=r.charAt(k):d==f?(k+=S.length-1,v=t.tags[r.charAt(k+1)],g=v?r.charAt(k+1):"_v","="==g?(k=l(r,k),d=p):(v&&k++,d=b),y=k):s(T,r,k)?(w.push({tag:g,n:e(m),otag:S,ctag:T,i:"/"==g?y-S.length:k+T.length}),m="",k+=T.length-1,d=p,"{"==g&&("}}"==T?k++:n(w[w.length-1]))):m+=r.charAt(k);return c(y,!0),w};var k={_t:!0,"\n":!0,$:!0,"/":!0};t.stringify=function(n){return"{code: function (c,p,i) { "+t.wrapMain(n.code)+" },"+c(n)+"}"};var x=0;t.generate=function(n,e,s){x=0;var r={code:"",subs:{},partials:{}};return t.walk(n,r),s.asString?this.stringify(r,e,s):this.makeTemplate(r,e,s)},t.wrapMain=function(t){return'var t=this;t.b(i=i||"");'+t+"return t.fl();"},t.template=t.Template,t.makeTemplate=function(t,n,e){var s=this.makePartials(t);return s.code=new Function("c","p","i",this.wrapMain(t.code)),new this.template(s,n,this,e)},t.makePartials=function(t){var n,e={subs:{},partials:t.partials,name:t.name};for(n in e.partials)e.partials[n]=this.makePartials(e.partials[n]);for(n in t.subs)e.subs[n]=new Function("c","p","t","i",t.subs[n]);return e},t.codegen={"#":function(n,e){e.code+="if(t.s(t."+u(n.n)+'("'+l(n.n)+'",c,p,1),c,p,0,'+n.i+","+n.end+',"'+n.otag+" "+n.ctag+'")){t.rs(c,p,function(c,p,t){',t.walk(n.nodes,e),e.code+="});c.pop();}"},"^":function(n,e){e.code+="if(!t.s(t."+u(n.n)+'("'+l(n.n)+'",c,p,1),c,p,1,0,0,"")){',t.walk(n.nodes,e),e.code+="};"},">":p,"<":function(n,e){var s={partials:{},code:"",subs:{},inPartial:!0};t.walk(n.nodes,s);var r=e.partials[p(n,e)];r.subs=s.subs,r.partials=s.partials},$:function(n,e){var s={subs:{},code:"",partials:e.partials,prefix:n.n};t.walk(n.nodes,s),e.subs[n.n]=s.code,e.inPartial||(e.code+='t.sub("'+l(n.n)+'",c,p,i);')},"\n":function(t,n){n.code+=b('"\\n"'+(t.last?"":" + i"))},_v:function(t,n){n.code+="t.b(t.v(t."+u(t.n)+'("'+l(t.n)+'",c,p,0)));'},_t:function(t,n){n.code+=b('"'+l(t.text)+'"')},"{":f,"&":f},t.walk=function(n,e){for(var s,r=0,i=n.length;i>r;r++)s=t.codegen[n[r].tag],s&&s(n[r],e);return e},t.parse=function(t,n,e){return e=e||{},r(t,"",[],e.sectionTags||[])},t.cache={},t.cacheKey=function(t,n){return[t,!!n.asString,!!n.disableLambda,n.delimiters,!!n.modelGet].join("||")},t.compile=function(n,e){e=e||{};var s=t.cacheKey(n,e),r=this.cache[s];if(r){var i=r.partials;for(var a in i)delete i[a].instance;return r}return r=this.generate(this.parse(this.scan(n,e.delimiters),n,e),n,e),this.cache[s]=r}}("undefined"!=typeof exports?exports:Hogan);var Mustache=function(t){function n(n,e,s,r){var i=this.f(n,e,s,0),a=e;return i&&(a=a.concat(i)),t.Template.prototype.rp.call(this,n,a,s,r)}var e=function(e,s,r){this.rp=n,t.Template.call(this,e,s,r)};e.prototype=t.Template.prototype;var s,r=function(){this.cache={},this.generate=function(t,n){return new e(new Function("c","p","i",t),n,s)}};return r.prototype=t,s=new r,{to_html:function(t,n,e,r){var i=s.compile(t),a=i.render(n,e);return r?(r(a),void 0):a}}}(Hogan);"document"in self&&("classList"in document.createElement("_")?!function(){"use strict";var t=document.createElement("_");if(t.classList.add("c1","c2"),!t.classList.contains("c2")){var n=function(t){var n=DOMTokenList.prototype[t];DOMTokenList.prototype[t]=function(t){var e,s=arguments.length;for(e=0;s>e;e++)t=arguments[e],n.call(this,t)}};n("add"),n("remove")}if(t.classList.toggle("c3",!1),t.classList.contains("c3")){var e=DOMTokenList.prototype.toggle;DOMTokenList.prototype.toggle=function(t,n){return 1 in arguments&&!this.contains(t)==!n?n:e.call(this,t)}}t=null}():!function(t){"use strict";if("Element"in t){var n="classList",e="prototype",s=t.Element[e],r=Object,i=String[e].trim||function(){return this.replace(/^\s+|\s+$/g,"")},a=Array[e].indexOf||function(t){for(var n=0,e=this.length;e>n;n++)if(n in this&&this[n]===t)return n;return-1},o=function(t,n){this.name=t,this.code=DOMException[t],this.message=n},c=function(t,n){if(""===n)throw new o("SYNTAX_ERR","An invalid or illegal string was specified");if(/\s/.test(n))throw new o("INVALID_CHARACTER_ERR","String contains an invalid character");return a.call(t,n)},l=function(t){for(var n=i.call(t.getAttribute("class")||""),e=n?n.split(/\s+/):[],s=0,r=e.length;r>s;s++)this.push(e[s]);this._updateClassName=function(){t.setAttribute("class",this.toString())}},u=l[e]=[],p=function(){return new l(this)};if(o[e]=Error[e],u.item=function(t){return this[t]||null},u.contains=function(t){return t+="",-1!==c(this,t)},u.add=function(){var t,n=arguments,e=0,s=n.length,r=!1;do t=n[e]+"",-1===c(this,t)&&(this.push(t),r=!0);while(++e'),s.b("\n"+e),s.b('
'),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(" 0% played"),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(" 0% buffered"),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b("
"),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' Current time'),s.b("\n"+e),s.b(' 00:00'),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' Duration'),s.b("\n"+e),s.b(' 00:00'),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' "),s.b("\n"),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' "),s.b("\n"),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(""),s.fl()},partials:{},subs:{}}),plyr.setup({debug:!0,volume:9,title:"Video demo",html:templates.controls.render({}),tooltips:!0,captions:{defaultActive:!0},onSetup:function(){if("media"in this){var t=this,n=t.media.tagName.toLowerCase(),e=document.querySelector("[data-toggle='fullscreen']");console.log("✓ Setup done for <"+n+">"),"video"===n&&e&&e.addEventListener("click",t.toggleFullscreen,!1)}}}),function(){function t(t){"a"==t.target.nodeName.toLowerCase()&&(t.preventDefault?t.preventDefault():t.returnValue=!1);var n=t.target,e=n.href,s=n.getAttribute("data-window-width")||600,r=n.getAttribute("data-window-height")||600,i=n.getAttribute("data-window-name")||"popup";if(window["window-"+i]&&!window["window-"+i].closed)window["window-"+i].focus();else{var a=void 0!==window.screenLeft?window.screenLeft:screen.left,o=void 0!==window.screenTop?window.screenTop:screen.top,c=screen.width/2-s/2+a,l=screen.height/2-r/2+o;window["window-"+i]=window.open(e,i,"top="+l+",left="+c+",width="+s+",height="+r),window["window-"+i].focus()}}function n(t,n){var e="jsonp_callback_"+Math.round(1e5*Math.random());window[e]=function(t){delete window[e],document.body.removeChild(s),n(t)};var s=document.createElement("script");s.setAttribute("src",t+(t.indexOf("?")>=0?"&":"?")+"callback="+e),document.body.appendChild(s)}function e(t,n){document.querySelector(t).innerHTML=n}function s(t){return"★ "+t}function r(t){t.preventDefault();for(var n=t.target,e=document.querySelector(n.getAttribute("href")),s=c.length-1;s>=0;s--)c[s].classList.remove(l);for(var r=o.length-1;r>=0;r--)o[r].classList.remove(l);e.classList.add(l),t.target.classList.add(l)}document.querySelector(".js-popup").addEventListener("click",t);var i="sessionStorage"in window,a={github:".js-stargazers-count",twitter:".js-tweet-count"};i&&"github_stargazers"in window.sessionStorage?e(a.github,s(window.sessionStorage.github_stargazers)):n("https://api.github.com/repos/selz/plyr?access_token=a46ac653210ba6a6be44260c29c333470c3fbbf5",function(t){t&&"undefined"!=typeof t.data.stargazers_count&&(e(a.github,s(t.data.stargazers_count)),window.sessionStorage.github_stargazers=t.data.stargazers_count)}),i&&"tweets"in window.sessionStorage?e(a.twitter,window.sessionStorage.tweets):n("https://cdn.api.twitter.com/1/urls/count.json?url=plyr.io",function(t){t&&"undefined"!=typeof t.count&&(e(a.twitter,t.count),window.sessionStorage.tweets=t.count)});for(var o=document.querySelectorAll(".nav-panel a"),c=document.querySelectorAll(".panels > .panel"),l="active",u=o.length-1;u>=0;u--)o[u].addEventListener("click",r)}(),document.domain.indexOf("plyr.io")>-1&&(!function(t,n,e,s,r,i,a){t.GoogleAnalyticsObject=r,t[r]=t[r]||function(){(t[r].q=t[r].q||[]).push(arguments)},t[r].l=1*new Date,i=n.createElement(e),a=n.getElementsByTagName(e)[0],i.async=1,i.src=s,a.parentNode.insertBefore(i,a)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-40881672-11","auto"),ga("send","pageview")); \ No newline at end of file +var Hogan={};!function(t){function n(t,n,e){var s;return n&&"object"==typeof n&&(void 0!==n[t]?s=n[t]:e&&n.get&&"function"==typeof n.get&&(s=n.get(t))),s}function e(t,n,e,s,r,i){function a(){}function o(){}a.prototype=t,o.prototype=t.subs;var c,u=new a;u.subs=new o,u.subsText={},u.buf="",s=s||{},u.stackSubs=s,u.subsText=i;for(c in n)s[c]||(s[c]=n[c]);for(c in s)u.subs[c]=s[c];r=r||{},u.stackPartials=r;for(c in e)r[c]||(r[c]=e[c]);for(c in r)u.partials[c]=r[c];return u}function s(t){return String(null===t||void 0===t?"":t)}function r(t){return t=s(t),l.test(t)?t.replace(i,"&").replace(a,"<").replace(o,">").replace(c,"'").replace(u,"""):t}t.Template=function(t,n,e,s){t=t||{},this.r=t.code||this.r,this.c=e,this.options=s||{},this.text=n||"",this.partials=t.partials||{},this.subs=t.subs||{},this.buf=""},t.Template.prototype={r:function(){return""},v:r,t:s,render:function(t,n,e){return this.ri([t],n||{},e)},ri:function(t,n,e){return this.r(t,n,e)},ep:function(t,n){var s=this.partials[t],r=n[s.name];if(s.instance&&s.base==r)return s.instance;if("string"==typeof r){if(!this.c)throw new Error("No compiler available.");r=this.c.compile(r,this.options)}if(!r)return null;if(this.partials[t].base=r,s.subs){n.stackText||(n.stackText={});for(key in s.subs)n.stackText[key]||(n.stackText[key]=void 0!==this.activeSub&&n.stackText[this.activeSub]?n.stackText[this.activeSub]:this.text);r=e(r,s.subs,s.partials,this.stackSubs,this.stackPartials,n.stackText)}return this.partials[t].instance=r,r},rp:function(t,n,e,s){var r=this.ep(t,e);return r?r.ri(n,e,s):""},rs:function(t,n,e){var s=t[t.length-1];if(!p(s))return e(t,n,this),void 0;for(var r=0;r=0;u--)if(a=e[u],i=n(t,a,c),void 0!==i){o=!0;break}return o?(r||"function"!=typeof i||(i=this.mv(i,e,s)),i):r?!1:""},ls:function(t,n,e,r,i){var a=this.options.delimiters;return this.options.delimiters=i,this.b(this.ct(s(t.call(n,r)),n,e)),this.options.delimiters=a,!1},ct:function(t,n,e){if(this.options.disableLambda)throw new Error("Lambda features disabled.");return this.c.compile(t,this.options).render(n,e)},b:function(t){this.buf+=t},fl:function(){var t=this.buf;return this.buf="",t},ms:function(t,n,e,s,r,i,a){var o,c=n[n.length-1],u=t.call(c);return"function"==typeof u?s?!0:(o=this.activeSub&&this.subsText&&this.subsText[this.activeSub]?this.subsText[this.activeSub]:this.text,this.ls(u,c,e,o.substring(r,i),a)):u},mv:function(t,n,e){var r=n[n.length-1],i=t.call(r);return"function"==typeof i?this.ct(s(i.call(r)),r,e):i},sub:function(t,n,e,s){var r=this.subs[t];r&&(this.activeSub=t,r(n,e,this,s),this.activeSub=!1)}};var i=/&/g,a=//g,c=/\'/g,u=/\"/g,l=/[&<>\"\']/,p=Array.isArray||function(t){return"[object Array]"===Object.prototype.toString.call(t)}}("undefined"!=typeof exports?exports:Hogan),function(t){function n(t){"}"===t.n.substr(t.n.length-1)&&(t.n=t.n.substring(0,t.n.length-1))}function e(t){return t.trim?t.trim():t.replace(/^\s*|\s*$/g,"")}function s(t,n,e){if(n.charAt(e)!=t.charAt(0))return!1;for(var s=1,r=t.length;r>s;s++)if(n.charAt(e+s)!=t.charAt(s))return!1;return!0}function r(n,e,s,o){var c=[],u=null,l=null,p=null;for(l=s[s.length-1];n.length>0;){if(p=n.shift(),l&&"<"==l.tag&&!(p.tag in k))throw new Error("Illegal content in < super tag.");if(t.tags[p.tag]<=t.tags.$||i(p,o))s.push(p),p.nodes=r(n,p.tag,s,o);else{if("/"==p.tag){if(0===s.length)throw new Error("Closing tag without opener: /"+p.n);if(u=s.pop(),p.n!=u.n&&!a(p.n,u.n,o))throw new Error("Nesting error: "+u.n+" vs. "+p.n);return u.end=p.i,c}"\n"==p.tag&&(p.last=0==n.length||"\n"==n[0].tag)}c.push(p)}if(s.length>0)throw new Error("missing closing tag: "+s.pop().n);return c}function i(t,n){for(var e=0,s=n.length;s>e;e++)if(n[e].o==t.n)return t.tag="#",!0}function a(t,n,e){for(var s=0,r=e.length;r>s;s++)if(e[s].c==t&&e[s].o==n)return!0}function o(t){var n=[];for(var e in t)n.push('"'+u(e)+'": function(c,p,t,i) {'+t[e]+"}");return"{ "+n.join(",")+" }"}function c(t){var n=[];for(var e in t.partials)n.push('"'+u(e)+'":{name:"'+u(t.partials[e].name)+'", '+c(t.partials[e])+"}");return"partials: {"+n.join(",")+"}, subs: "+o(t.subs)}function u(t){return t.replace(m,"\\\\").replace(g,'\\"').replace(d,"\\n").replace(v,"\\r").replace(w,"\\u2028").replace(y,"\\u2029")}function l(t){return~t.indexOf(".")?"d":"f"}function p(t,n){var e="<"+(n.prefix||""),s=e+t.n+x++;return n.partials[s]={name:t.n,partials:{}},n.code+='t.b(t.rp("'+u(s)+'",c,p,"'+(t.indent||"")+'"));',s}function f(t,n){n.code+="t.b(t.t(t."+l(t.n)+'("'+u(t.n)+'",c,p,0)));'}function b(t){return"t.b("+t+");"}var h=/\S/,g=/\"/g,d=/\n/g,v=/\r/g,m=/\\/g,w=/\u2028/,y=/\u2029/;t.tags={"#":1,"^":2,"<":3,$:4,"/":5,"!":6,">":7,"=":8,_v:9,"{":10,"&":11,_t:12},t.scan=function(r,i){function a(){m.length>0&&(w.push({tag:"_t",text:new String(m)}),m="")}function o(){for(var n=!0,e=x;e"==e.tag&&(e.indent=w[s].text.toString()),w.splice(s,1));else n||w.push({tag:"\n"});y=!1,x=w.length}function u(t,n){var s="="+T,r=t.indexOf(s,n),i=e(t.substring(t.indexOf("=",n)+1,r)).split(" ");return S=i[0],T=i[i.length-1],r+s.length-1}var l=r.length,p=0,f=1,b=2,g=p,d=null,v=null,m="",w=[],y=!1,k=0,x=0,S="{{",T="}}";for(i&&(i=i.split(" "),S=i[0],T=i[1]),k=0;l>k;k++)g==p?s(S,r,k)?(--k,a(),g=f):"\n"==r.charAt(k)?c(y):m+=r.charAt(k):g==f?(k+=S.length-1,v=t.tags[r.charAt(k+1)],d=v?r.charAt(k+1):"_v","="==d?(k=u(r,k),g=p):(v&&k++,g=b),y=k):s(T,r,k)?(w.push({tag:d,n:e(m),otag:S,ctag:T,i:"/"==d?y-S.length:k+T.length}),m="",k+=T.length-1,g=p,"{"==d&&("}}"==T?k++:n(w[w.length-1]))):m+=r.charAt(k);return c(y,!0),w};var k={_t:!0,"\n":!0,$:!0,"/":!0};t.stringify=function(n){return"{code: function (c,p,i) { "+t.wrapMain(n.code)+" },"+c(n)+"}"};var x=0;t.generate=function(n,e,s){x=0;var r={code:"",subs:{},partials:{}};return t.walk(n,r),s.asString?this.stringify(r,e,s):this.makeTemplate(r,e,s)},t.wrapMain=function(t){return'var t=this;t.b(i=i||"");'+t+"return t.fl();"},t.template=t.Template,t.makeTemplate=function(t,n,e){var s=this.makePartials(t);return s.code=new Function("c","p","i",this.wrapMain(t.code)),new this.template(s,n,this,e)},t.makePartials=function(t){var n,e={subs:{},partials:t.partials,name:t.name};for(n in e.partials)e.partials[n]=this.makePartials(e.partials[n]);for(n in t.subs)e.subs[n]=new Function("c","p","t","i",t.subs[n]);return e},t.codegen={"#":function(n,e){e.code+="if(t.s(t."+l(n.n)+'("'+u(n.n)+'",c,p,1),c,p,0,'+n.i+","+n.end+',"'+n.otag+" "+n.ctag+'")){t.rs(c,p,function(c,p,t){',t.walk(n.nodes,e),e.code+="});c.pop();}"},"^":function(n,e){e.code+="if(!t.s(t."+l(n.n)+'("'+u(n.n)+'",c,p,1),c,p,1,0,0,"")){',t.walk(n.nodes,e),e.code+="};"},">":p,"<":function(n,e){var s={partials:{},code:"",subs:{},inPartial:!0};t.walk(n.nodes,s);var r=e.partials[p(n,e)];r.subs=s.subs,r.partials=s.partials},$:function(n,e){var s={subs:{},code:"",partials:e.partials,prefix:n.n};t.walk(n.nodes,s),e.subs[n.n]=s.code,e.inPartial||(e.code+='t.sub("'+u(n.n)+'",c,p,i);')},"\n":function(t,n){n.code+=b('"\\n"'+(t.last?"":" + i"))},_v:function(t,n){n.code+="t.b(t.v(t."+l(t.n)+'("'+u(t.n)+'",c,p,0)));'},_t:function(t,n){n.code+=b('"'+u(t.text)+'"')},"{":f,"&":f},t.walk=function(n,e){for(var s,r=0,i=n.length;i>r;r++)s=t.codegen[n[r].tag],s&&s(n[r],e);return e},t.parse=function(t,n,e){return e=e||{},r(t,"",[],e.sectionTags||[])},t.cache={},t.cacheKey=function(t,n){return[t,!!n.asString,!!n.disableLambda,n.delimiters,!!n.modelGet].join("||")},t.compile=function(n,e){e=e||{};var s=t.cacheKey(n,e),r=this.cache[s];if(r){var i=r.partials;for(var a in i)delete i[a].instance;return r}return r=this.generate(this.parse(this.scan(n,e.delimiters),n,e),n,e),this.cache[s]=r}}("undefined"!=typeof exports?exports:Hogan);var Mustache=function(t){function n(n,e,s,r){var i=this.f(n,e,s,0),a=e;return i&&(a=a.concat(i)),t.Template.prototype.rp.call(this,n,a,s,r)}var e=function(e,s,r){this.rp=n,t.Template.call(this,e,s,r)};e.prototype=t.Template.prototype;var s,r=function(){this.cache={},this.generate=function(t,n){return new e(new Function("c","p","i",t),n,s)}};return r.prototype=t,s=new r,{to_html:function(t,n,e,r){var i=s.compile(t),a=i.render(n,e);return r?(r(a),void 0):a}}}(Hogan);"document"in self&&("classList"in document.createElement("_")?!function(){"use strict";var t=document.createElement("_");if(t.classList.add("c1","c2"),!t.classList.contains("c2")){var n=function(t){var n=DOMTokenList.prototype[t];DOMTokenList.prototype[t]=function(t){var e,s=arguments.length;for(e=0;s>e;e++)t=arguments[e],n.call(this,t)}};n("add"),n("remove")}if(t.classList.toggle("c3",!1),t.classList.contains("c3")){var e=DOMTokenList.prototype.toggle;DOMTokenList.prototype.toggle=function(t,n){return 1 in arguments&&!this.contains(t)==!n?n:e.call(this,t)}}t=null}():!function(t){"use strict";if("Element"in t){var n="classList",e="prototype",s=t.Element[e],r=Object,i=String[e].trim||function(){return this.replace(/^\s+|\s+$/g,"")},a=Array[e].indexOf||function(t){for(var n=0,e=this.length;e>n;n++)if(n in this&&this[n]===t)return n;return-1},o=function(t,n){this.name=t,this.code=DOMException[t],this.message=n},c=function(t,n){if(""===n)throw new o("SYNTAX_ERR","An invalid or illegal string was specified");if(/\s/.test(n))throw new o("INVALID_CHARACTER_ERR","String contains an invalid character");return a.call(t,n)},u=function(t){for(var n=i.call(t.getAttribute("class")||""),e=n?n.split(/\s+/):[],s=0,r=e.length;r>s;s++)this.push(e[s]);this._updateClassName=function(){t.setAttribute("class",this.toString())}},l=u[e]=[],p=function(){return new u(this)};if(o[e]=Error[e],l.item=function(t){return this[t]||null},l.contains=function(t){return t+="",-1!==c(this,t)},l.add=function(){var t,n=arguments,e=0,s=n.length,r=!1;do t=n[e]+"",-1===c(this,t)&&(this.push(t),r=!0);while(++e'),s.b("\n"+e),s.b('
'),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(" 0% played"),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(" 0% buffered"),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b("
"),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' Current time'),s.b("\n"+e),s.b(' 00:00'),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' Duration'),s.b("\n"+e),s.b(' 00:00'),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' '),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(' "),s.b("\n"+e),s.b(" "),s.b("\n"+e),s.b(""),s.fl()},partials:{},subs:{}}),plyr.setup({debug:!0,volume:9,title:"Video demo",html:templates.controls.render({}),tooltips:!0,captions:{defaultActive:!0},onSetup:function(){if("media"in this){var t=this,n=t.media.tagName.toLowerCase(),e=document.querySelector("[data-toggle='fullscreen']");console.log("✓ Setup done for <"+n+">"),"video"===n&&e&&e.addEventListener("click",t.toggleFullscreen,!1)}}}),function(){function t(t){"a"==t.target.nodeName.toLowerCase()&&(t.preventDefault?t.preventDefault():t.returnValue=!1);var n=t.target,e=n.href,s=n.getAttribute("data-window-width")||600,r=n.getAttribute("data-window-height")||600,i=n.getAttribute("data-window-name")||"popup";if(window["window-"+i]&&!window["window-"+i].closed)window["window-"+i].focus();else{var a=void 0!==window.screenLeft?window.screenLeft:screen.left,o=void 0!==window.screenTop?window.screenTop:screen.top,c=screen.width/2-s/2+a,u=screen.height/2-r/2+o;window["window-"+i]=window.open(e,i,"top="+u+",left="+c+",width="+s+",height="+r),window["window-"+i].focus()}}function n(t,n){var e="jsonp_callback_"+Math.round(1e5*Math.random());window[e]=function(t){delete window[e],document.body.removeChild(s),n(t)};var s=document.createElement("script");s.setAttribute("src",t+(t.indexOf("?")>=0?"&":"?")+"callback="+e),document.body.appendChild(s)}function e(t,n){document.querySelector(t).innerHTML=n}function s(t){return"★ "+t}function r(t){t.preventDefault();for(var n=t.target,e=document.querySelector(n.getAttribute("href")),s=c.length-1;s>=0;s--)c[s].classList.remove(u);for(var r=o.length-1;r>=0;r--)o[r].classList.remove(u);e.classList.add(u),t.target.classList.add(u)}document.querySelector(".js-popup").addEventListener("click",t);var i="sessionStorage"in window,a={github:".js-stargazers-count",twitter:".js-tweet-count"};i&&"github_stargazers"in window.sessionStorage?e(a.github,s(window.sessionStorage.github_stargazers)):n("https://api.github.com/repos/selz/plyr?access_token=a46ac653210ba6a6be44260c29c333470c3fbbf5",function(t){t&&"undefined"!=typeof t.data.stargazers_count&&(e(a.github,s(t.data.stargazers_count)),window.sessionStorage.github_stargazers=t.data.stargazers_count)}),i&&"tweets"in window.sessionStorage?e(a.twitter,window.sessionStorage.tweets):n("https://cdn.api.twitter.com/1/urls/count.json?url=plyr.io",function(t){t&&"undefined"!=typeof t.count&&(e(a.twitter,t.count),window.sessionStorage.tweets=t.count)});for(var o=document.querySelectorAll(".nav-panel a"),c=document.querySelectorAll(".panels > .panel"),u="active",l=o.length-1;l>=0;l--)o[l].addEventListener("click",r)}(),document.domain.indexOf("plyr.io")>-1&&(!function(t,n,e,s,r,i,a){t.GoogleAnalyticsObject=r,t[r]=t[r]||function(){(t[r].q=t[r].q||[]).push(arguments)},t[r].l=1*new Date,i=n.createElement(e),a=n.getElementsByTagName(e)[0],i.async=1,i.src=s,a.parentNode.insertBefore(i,a)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-40881672-11","auto"),ga("send","pageview")); \ No newline at end of file diff --git a/docs/dist/templates.js b/docs/dist/templates.js index 0cb6d126..7b523c86 100644 --- a/docs/dist/templates.js +++ b/docs/dist/templates.js @@ -1,2 +1,2 @@ var templates = {}; - templates['controls'] = new Hogan.Template({code: function (c,p,i) { var t=this;t.b(i=i||"");t.b("
");t.b("\n" + i);t.b("
");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" 0% played");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" 0% buffered");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b("
");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" Current time");t.b("\n" + i);t.b(" 00:00");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" Duration");t.b("\n" + i);t.b(" 00:00");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b("
");return t.fl(); },partials: {}, subs: { }}); \ No newline at end of file + templates['controls'] = new Hogan.Template({code: function (c,p,i) { var t=this;t.b(i=i||"");t.b("
");t.b("\n" + i);t.b("
");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" 0% played");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" 0% buffered");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b("
");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" Current time");t.b("\n" + i);t.b(" 00:00");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" Duration");t.b("\n" + i);t.b(" 00:00");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b(" ");t.b("\n" + i);t.b("
");return t.fl(); },partials: {}, subs: { }}); \ No newline at end of file diff --git a/docs/error.html b/docs/error.html index 81297a15..e35c94b7 100644 --- a/docs/error.html +++ b/docs/error.html @@ -6,7 +6,7 @@ - +
diff --git a/docs/index.html b/docs/index.html index 85de929d..26ee75d1 100644 --- a/docs/index.html +++ b/docs/index.html @@ -8,10 +8,10 @@ - + - +
@@ -97,13 +97,13 @@ b.insertBefore(c, b.childNodes[0]); } } - })(document, "https://cdn.plyr.io/1.2.6/sprite.svg"); + })(document, "https://cdn.plyr.io/1.3.0/sprite.svg"); - + - + diff --git a/docs/src/templates/controls.html b/docs/src/templates/controls.html index 47ccbd55..fb82cf0d 100644 --- a/docs/src/templates/controls.html +++ b/docs/src/templates/controls.html @@ -40,23 +40,18 @@ - - "),o(S.controls,"rewind")&&e.push(""),o(S.controls,"play")&&e.push("",""),o(S.controls,"fast-forward")&&e.push(""),o(S.controls,"current-time")&&e.push("",""+S.i18n.currentTime+"","00:00",""),o(S.controls,"duration")&&e.push("",""+S.i18n.duration+"","00:00",""),e.push("",""),o(S.controls,"mute")&&e.push(""),o(S.controls,"volume")&&e.push("",""),o(S.controls,"captions")&&e.push(""),o(S.controls,"fullscreen")&&e.push(""),e.push("",""),e.join("")}function n(e,t){S.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll("script[src='"+e+"']").length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function 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 l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document.body),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=document.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function w(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;E(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}dt.media.currentTime.toFixed(1)>=C(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=E(dt.captions[dt.subcount][0])?(dt.currentCaption=dt.captions[dt.subcount][1],dt.captionsContainer.innerHTML=dt.currentCaption.trim()):dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,S.classes.captions.enabled,!0),S.captions.defaultActive&&(f(dt.container,S.classes.captions.active,!0),g(dt.buttons.captions,!0)))}function C(e){var t=[];return t=e.split(" --> "),A(t[0])}function E(e){var t=[];return t=e.split(" --> "),A(t[1])}function A(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 P(e){return dt.container.querySelectorAll(e)}function N(e){return P(e)[0]}function I(){try{return window.self!==window.top}catch(e){return!0}}function M(){var e=S.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",S.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),S.tooltips)for(var r=P(S.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,S.classes.hidden,!1),f(s,S.classes.tooltip,!0)}}function L(){try{return dt.controls=N(S.selectors.controls),dt.buttons={},dt.buttons.seek=N(S.selectors.buttons.seek),dt.buttons.play=N(S.selectors.buttons.play),dt.buttons.pause=N(S.selectors.buttons.pause),dt.buttons.restart=N(S.selectors.buttons.restart),dt.buttons.rewind=N(S.selectors.buttons.rewind),dt.buttons.forward=N(S.selectors.buttons.forward),dt.buttons.fullscreen=N(S.selectors.buttons.fullscreen),dt.buttons.mute=N(S.selectors.buttons.mute),dt.buttons.captions=N(S.selectors.buttons.captions),dt.checkboxes=P("[type='checkbox']"),dt.progress={},dt.progress.container=N(S.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(S.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(S.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(S.selectors.buttons.volume),dt.duration=N(S.selectors.duration),dt.currentTime=N(S.selectors.currentTime),dt.seekTime=P(S.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||S.i18n.play;"undefined"!=typeof S.title&&S.title.length&&(e+=", "+S.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full&&(dt.media.removeAttribute("controls"),f(dt.container,S.classes.type.replace("{0}",dt.type),!0),f(dt.container,S.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type)){var e=document.createElement("div");e.setAttribute("class",S.classes.videoWrapper),u(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id")),null!==dt.media.getAttribute("autoplay")&&j()}function V(e){for(var t=P("[id^='youtube']"),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,S.classes.videoWrapper,!0),f(dt.media,S.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:dt.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=!0,dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.supported.full&&(dt.container.querySelectorAll(S.selectors.controls).length||pt(),S.displayDuration&&nt())},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin","
"),dt.captionsContainer=N(S.selectors.captions).querySelector("span"),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(a){}"youtube"==dt.type&&(dt.embed.seekTo(t),r&&D(),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),w(t)}function U(){f(dt.container,S.classes.playing,!dt.media.paused),f(dt.container,S.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,S.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,S.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,S.classes.fullscreen.active,dt.isFullscreen),g(dt.buttons.fullscreen,dt.isFullscreen);var a,s=!1;S.fullscreen.hideControls&&(f(dt.controls,S.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=S.storage.enabled&&x().supported?window.localStorage[S.storage.key]||S.volume:S.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&G()}function G(e){"boolean"!=typeof e&&(e=!dt.media.muted),g(dt.buttons.mute,e),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function K(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),S.storage.enabled&&x().supported&&window.localStorage.setItem(S.storage.key,e),f(dt.container,S.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&g(dt.buttons.mute,0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("boolean"!=typeof e&&(e=-1===dt.container.className.indexOf(S.classes.captions.active)),g(dt.buttons.captions,e),f(dt.container,S.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,S.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&S.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(D(),z(),at(),"string"==typeof e)dt.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),U()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&j()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function ut(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){j(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){D(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",z),y(dt.buttons.rewind,"click",_),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,z),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"click",G),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",w),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"click",Q),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),U()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",K),y(dt.media,"play pause",U),y(dt.media,"waiting canplay seeked",Z),"video"===dt.type&&S.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(z(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function lt(){if(!dt.init)return null;if(dt.container.setAttribute("class",S.selectors.container.replace(".","")),dt.init=!1,c(N(S.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(S.selectors.captions)),l(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=k(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();switch(t){case"div":dt.type=dt.media.getAttribute("data-type");break;default:dt.type=t}if(dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),S.displayDuration&&nt(),O()}dt.init=!0}function pt(){return M(),L()?(R(),$(),K(),B(),ut(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:j,pause:D,restart:z,rewind:_,forward:Y,seek:z,source:ot,poster:it,setVolume:$,togglePlay:W,toggleMute:G,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:lt,restore:ct}:{}}var F,S,C={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},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"}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,u=!!document.createElement("video").canPlayType;switch(e){case"video":t=u,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s&&!o;break;default:t=i&&u,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(S=w(C,t),!S.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(S.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,"function"==typeof S.onSetup&&S.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file +!function(e){"use strict";function t(){var e=["
","
","","","","0% "+S.i18n.played,"","","0% "+S.i18n.buffered,"","
",""];return o(S.controls,"restart")&&e.push(""),o(S.controls,"rewind")&&e.push(""),o(S.controls,"play")&&e.push("",""),o(S.controls,"fast-forward")&&e.push(""),o(S.controls,"current-time")&&e.push("",""+S.i18n.currentTime+"","00:00",""),o(S.controls,"duration")&&e.push("",""+S.i18n.duration+"","00:00",""),e.push("",""),o(S.controls,"mute")&&e.push(""),o(S.controls,"volume")&&e.push("",""),o(S.controls,"captions")&&e.push(""),o(S.controls,"fullscreen")&&e.push(""),e.push("","
"),e.join("")}function n(e,t){S.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll("script[src='"+e+"']").length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function 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 l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document.body),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=document.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function w(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;E(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}if(dt.captionsContainer.innerHTML="",dt.media.currentTime.toFixed(1)>=C(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=E(dt.captions[dt.subcount][0])){dt.currentCaption=dt.captions[dt.subcount][1];var t=dt.currentCaption.trim();dt.captionsContainer.innerHTML!=t&&(dt.captionsContainer.innerHTML=t)}}}function T(){dt.buttons.captions&&(f(dt.container,S.classes.captions.enabled,!0),S.captions.defaultActive&&(f(dt.container,S.classes.captions.active,!0),g(dt.buttons.captions,!0)))}function C(e){var t=[];return t=e.split(" --> "),A(t[0])}function E(e){var t=[];return t=e.split(" --> "),A(t[1])}function A(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 P(e){return dt.container.querySelectorAll(e)}function N(e){return P(e)[0]}function M(){try{return window.self!==window.top}catch(e){return!0}}function I(){var e=S.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",S.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),S.tooltips)for(var r=P(S.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,S.classes.hidden,!1),f(s,S.classes.tooltip,!0)}}function L(){try{return dt.controls=N(S.selectors.controls),dt.buttons={},dt.buttons.seek=N(S.selectors.buttons.seek),dt.buttons.play=N(S.selectors.buttons.play),dt.buttons.pause=N(S.selectors.buttons.pause),dt.buttons.restart=N(S.selectors.buttons.restart),dt.buttons.rewind=N(S.selectors.buttons.rewind),dt.buttons.forward=N(S.selectors.buttons.forward),dt.buttons.fullscreen=N(S.selectors.buttons.fullscreen),dt.buttons.mute=N(S.selectors.buttons.mute),dt.buttons.captions=N(S.selectors.buttons.captions),dt.checkboxes=P("[type='checkbox']"),dt.progress={},dt.progress.container=N(S.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(S.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(S.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(S.selectors.buttons.volume),dt.duration=N(S.selectors.duration),dt.currentTime=N(S.selectors.currentTime),dt.seekTime=P(S.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||S.i18n.play;"undefined"!=typeof S.title&&S.title.length&&(e+=", "+S.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full&&(dt.media.removeAttribute("controls"),f(dt.container,S.classes.type.replace("{0}",dt.type),!0),f(dt.container,S.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type)){var e=document.createElement("div");e.setAttribute("class",S.classes.videoWrapper),u(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id")),null!==dt.media.getAttribute("autoplay")&&j()}function V(e){for(var t=P("[id^='youtube']"),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,S.classes.videoWrapper,!0),f(dt.media,S.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:dt.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=!0,dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.supported.full&&(dt.container.querySelectorAll(S.selectors.controls).length||pt(),S.displayDuration&&nt())},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin","
"),dt.captionsContainer=N(S.selectors.captions).querySelector("span"),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(a){}"youtube"==dt.type&&(dt.embed.seekTo(t),r&&D(),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),w(t)}function U(){f(dt.container,S.classes.playing,!dt.media.paused),f(dt.container,S.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,S.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,S.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,S.classes.fullscreen.active,dt.isFullscreen),g(dt.buttons.fullscreen,dt.isFullscreen);var a,s=!1;S.fullscreen.hideControls&&(f(dt.controls,S.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=S.storage.enabled&&x().supported?window.localStorage[S.storage.key]||S.volume:S.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&G()}function G(e){"boolean"!=typeof e&&(e=!dt.media.muted),g(dt.buttons.mute,e),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function K(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),S.storage.enabled&&x().supported&&window.localStorage.setItem(S.storage.key,e),f(dt.container,S.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&g(dt.buttons.mute,0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("boolean"!=typeof e&&(e=-1===dt.container.className.indexOf(S.classes.captions.active)),g(dt.buttons.captions,e),f(dt.container,S.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,S.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&S.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(D(),z(),at(),"string"==typeof e)dt.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),U()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&j()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function ut(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){j(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){D(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",z),y(dt.buttons.rewind,"click",_),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,z),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"click",G),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",w),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"click",Q),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),U()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",K),y(dt.media,"play pause",U),y(dt.media,"waiting canplay seeked",Z),"video"===dt.type&&S.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(z(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function lt(){if(!dt.init)return null;if(dt.container.setAttribute("class",S.selectors.container.replace(".","")),dt.init=!1,c(N(S.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(S.selectors.captions)),l(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=k(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();switch(t){case"div":dt.type=dt.media.getAttribute("data-type");break;default:dt.type=t}if(dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),S.displayDuration&&nt(),O()}dt.init=!0}function pt(){return I(),L()?(R(),$(),K(),B(),ut(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:j,pause:D,restart:z,rewind:_,forward:Y,seek:z,source:ot,poster:it,setVolume:$,togglePlay:W,toggleMute:G,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:lt,restore:ct}:{}}var F,S,C={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},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"}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,u=!!document.createElement("video").canPlayType;switch(e){case"video":t=u,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s&&!o;break;default:t=i&&u,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(S=w(C,t),!S.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(S.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,"function"==typeof S.onSetup&&S.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file diff --git a/docs/error.html b/docs/error.html index e35c94b7..397b1222 100644 --- a/docs/error.html +++ b/docs/error.html @@ -6,7 +6,7 @@ - +
diff --git a/docs/index.html b/docs/index.html index 26ee75d1..f3de1baa 100644 --- a/docs/index.html +++ b/docs/index.html @@ -8,10 +8,10 @@ - + - +
@@ -97,13 +97,13 @@ b.insertBefore(c, b.childNodes[0]); } } - })(document, "https://cdn.plyr.io/1.3.0/sprite.svg"); + })(document, "https://cdn.plyr.io/1.3.1/sprite.svg"); - + - + diff --git a/package.json b/package.json index c53b50f8..faf69902 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "plyr", - "version": "1.3.0", + "version": "1.3.1", "description": "A simple HTML5 media player using custom controls", "homepage": "http://plyr.io", "main": "gulpfile.js", diff --git a/readme.md b/readme.md index 6bbe4857..fd9ebcdf 100644 --- a/readme.md +++ b/readme.md @@ -40,7 +40,7 @@ If you have any cool ideas or features, please let me know by [creating an issue Check `docs/index.html` and `docs/dist/docs.js` for an example setup. -**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.3.0/plyr.js` to `https://cdn.plyr.io/1.3.0/plyr.js` +**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.3.1/plyr.js` to `https://cdn.plyr.io/1.3.1/plyr.js` ### Bower If bower is your thang, you can grab Plyr using: @@ -60,11 +60,11 @@ More info is on [npm](https://www.npmjs.com/package/ember-cli-plyr) and [GitHub] If you want to use our CDN, you can use the following: ```html - - + + ``` -You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.3.0/sprite.svg`. +You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.3.1/sprite.svg`. ### CSS If you want to use the default css, add the `plyr.css` file from /dist into your head, or even better use `plyr.less` or `plyr.sass` file included in `/src` in your build to save a request. diff --git a/src/js/plyr.js b/src/js/plyr.js index a94d67ed..a1db3e3e 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -1,6 +1,6 @@ // ========================================================================== // Plyr -// plyr.js v1.3.0 +// plyr.js v1.3.1 // https://github.com/selz/plyr // License: The MIT License (MIT) // ========================================================================== @@ -640,17 +640,19 @@ } } + // Clear the caption + player.captionsContainer.innerHTML = ""; + // Check if the next caption is in the current time range if (player.media.currentTime.toFixed(1) >= _timecodeMin(player.captions[player.subcount][0]) && player.media.currentTime.toFixed(1) <= _timecodeMax(player.captions[player.subcount][0])) { player.currentCaption = player.captions[player.subcount][1]; - // Render the caption - player.captionsContainer.innerHTML = player.currentCaption.trim(); - } - else { - // Clear the caption - player.captionsContainer.innerHTML = ""; + // Render the caption (only if changed) + var content = player.currentCaption.trim(); + if(player.captionsContainer.innerHTML != content) { + player.captionsContainer.innerHTML = content; + } } } @@ -1019,7 +1021,7 @@ function _setupCaptions() { if(player.type === "video") { // Inject the container - player.videoContainer.insertAdjacentHTML("afterbegin", "
"); + player.videoContainer.insertAdjacentHTML("afterbegin", "
"); // Cache selector player.captionsContainer = _getElement(config.selectors.captions).querySelector("span"); From 7a23dda29435934139c15d6a2b136da2fbbdf533 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sat, 8 Aug 2015 18:13:14 +1000 Subject: [PATCH 36/54] Typo --- controls.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/controls.md b/controls.md index 81c1e72a..bc536f0a 100644 --- a/controls.md +++ b/controls.md @@ -88,14 +88,14 @@ This is an example `html` option with all controls. "", "", "", - "", "", "", - ""),o(S.controls,"rewind")&&e.push(""),o(S.controls,"play")&&e.push("",""),o(S.controls,"fast-forward")&&e.push(""),o(S.controls,"current-time")&&e.push("",""+S.i18n.currentTime+"","00:00",""),o(S.controls,"duration")&&e.push("",""+S.i18n.duration+"","00:00",""),e.push("",""),o(S.controls,"mute")&&e.push(""),o(S.controls,"volume")&&e.push("",""),o(S.controls,"captions")&&e.push(""),o(S.controls,"fullscreen")&&e.push(""),e.push("",""),e.join("")}function n(e,t){S.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll("script[src='"+e+"']").length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function 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 l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document.body),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=document.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function w(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;E(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}if(dt.captionsContainer.innerHTML="",dt.media.currentTime.toFixed(1)>=C(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=E(dt.captions[dt.subcount][0])){dt.currentCaption=dt.captions[dt.subcount][1];var t=dt.currentCaption.trim();dt.captionsContainer.innerHTML!=t&&(dt.captionsContainer.innerHTML=t)}}}function T(){dt.buttons.captions&&(f(dt.container,S.classes.captions.enabled,!0),S.captions.defaultActive&&(f(dt.container,S.classes.captions.active,!0),g(dt.buttons.captions,!0)))}function C(e){var t=[];return t=e.split(" --> "),A(t[0])}function E(e){var t=[];return t=e.split(" --> "),A(t[1])}function A(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 P(e){return dt.container.querySelectorAll(e)}function N(e){return P(e)[0]}function M(){try{return window.self!==window.top}catch(e){return!0}}function I(){var e=S.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",S.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),S.tooltips)for(var r=P(S.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,S.classes.hidden,!1),f(s,S.classes.tooltip,!0)}}function L(){try{return dt.controls=N(S.selectors.controls),dt.buttons={},dt.buttons.seek=N(S.selectors.buttons.seek),dt.buttons.play=N(S.selectors.buttons.play),dt.buttons.pause=N(S.selectors.buttons.pause),dt.buttons.restart=N(S.selectors.buttons.restart),dt.buttons.rewind=N(S.selectors.buttons.rewind),dt.buttons.forward=N(S.selectors.buttons.forward),dt.buttons.fullscreen=N(S.selectors.buttons.fullscreen),dt.buttons.mute=N(S.selectors.buttons.mute),dt.buttons.captions=N(S.selectors.buttons.captions),dt.checkboxes=P("[type='checkbox']"),dt.progress={},dt.progress.container=N(S.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(S.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(S.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(S.selectors.buttons.volume),dt.duration=N(S.selectors.duration),dt.currentTime=N(S.selectors.currentTime),dt.seekTime=P(S.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||S.i18n.play;"undefined"!=typeof S.title&&S.title.length&&(e+=", "+S.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full&&(dt.media.removeAttribute("controls"),f(dt.container,S.classes.type.replace("{0}",dt.type),!0),f(dt.container,S.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type)){var e=document.createElement("div");e.setAttribute("class",S.classes.videoWrapper),u(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id")),null!==dt.media.getAttribute("autoplay")&&j()}function V(e){for(var t=P("[id^='youtube']"),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,S.classes.videoWrapper,!0),f(dt.media,S.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:dt.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=!0,dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.supported.full&&(dt.container.querySelectorAll(S.selectors.controls).length||pt(),S.displayDuration&&nt())},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin","
"),dt.captionsContainer=N(S.selectors.captions).querySelector("span"),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(a){}"youtube"==dt.type&&(dt.embed.seekTo(t),r&&D(),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),w(t)}function U(){f(dt.container,S.classes.playing,!dt.media.paused),f(dt.container,S.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,S.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,S.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,S.classes.fullscreen.active,dt.isFullscreen),g(dt.buttons.fullscreen,dt.isFullscreen);var a,s=!1;S.fullscreen.hideControls&&(f(dt.controls,S.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=S.storage.enabled&&x().supported?window.localStorage[S.storage.key]||S.volume:S.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&G()}function G(e){"boolean"!=typeof e&&(e=!dt.media.muted),g(dt.buttons.mute,e),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function K(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),S.storage.enabled&&x().supported&&window.localStorage.setItem(S.storage.key,e),f(dt.container,S.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&g(dt.buttons.mute,0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("boolean"!=typeof e&&(e=-1===dt.container.className.indexOf(S.classes.captions.active)),g(dt.buttons.captions,e),f(dt.container,S.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,S.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&S.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(D(),z(),at(),"string"==typeof e)dt.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),U()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&j()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function ut(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){j(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){D(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",z),y(dt.buttons.rewind,"click",_),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,z),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"click",G),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",w),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"click",Q),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),U()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",K),y(dt.media,"play pause",U),y(dt.media,"waiting canplay seeked",Z),"video"===dt.type&&S.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(z(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function lt(){if(!dt.init)return null;if(dt.container.setAttribute("class",S.selectors.container.replace(".","")),dt.init=!1,c(N(S.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(S.selectors.captions)),l(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=k(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();switch(t){case"div":dt.type=dt.media.getAttribute("data-type");break;default:dt.type=t}if(dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),S.displayDuration&&nt(),O()}dt.init=!0}function pt(){return I(),L()?(R(),$(),K(),B(),ut(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:j,pause:D,restart:z,rewind:_,forward:Y,seek:z,source:ot,poster:it,setVolume:$,togglePlay:W,toggleMute:G,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:lt,restore:ct}:{}}var F,S,C={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},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"}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,u=!!document.createElement("video").canPlayType;switch(e){case"video":t=u,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s&&!o;break;default:t=i&&u,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(S=w(C,t),!S.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(S.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,"function"==typeof S.onSetup&&S.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file +!function(e){"use strict";function t(){var e=["
","
","","","","0% "+C.i18n.played,"","","0% "+C.i18n.buffered,"","
",""];return o(C.controls,"restart")&&e.push(""),o(C.controls,"rewind")&&e.push(""),o(C.controls,"play")&&e.push("",""),o(C.controls,"fast-forward")&&e.push(""),o(C.controls,"current-time")&&e.push("",""+C.i18n.currentTime+"","00:00",""),o(C.controls,"duration")&&e.push("",""+C.i18n.duration+"","00:00",""),e.push("",""),o(C.controls,"mute")&&e.push(""),o(C.controls,"volume")&&e.push("",""),o(C.controls,"captions")&&e.push(""),o(C.controls,"fullscreen")&&e.push(""),e.push("","
"),e.join("")}function n(e,t){C.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll("script[src='"+e+"']").length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function 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 l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document.body),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=document.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function w(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;E(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}if(dt.media.currentTime.toFixed(1)>=S(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=E(dt.captions[dt.subcount][0])){dt.currentCaption=dt.captions[dt.subcount][1];var t=dt.currentCaption.trim();dt.captionsContainer.innerHTML!=t&&(dt.captionsContainer.innerHTML="",dt.captionsContainer.innerHTML=t)}else dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,C.classes.captions.enabled,!0),C.captions.defaultActive&&(f(dt.container,C.classes.captions.active,!0),g(dt.buttons.captions,!0)))}function S(e){var t=[];return t=e.split(" --> "),A(t[0])}function E(e){var t=[];return t=e.split(" --> "),A(t[1])}function A(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 P(e){return dt.container.querySelectorAll(e)}function N(e){return P(e)[0]}function M(){try{return window.self!==window.top}catch(e){return!0}}function I(){var e=C.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",C.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),C.tooltips)for(var r=P(C.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,C.classes.hidden,!1),f(s,C.classes.tooltip,!0)}}function L(){try{return dt.controls=N(C.selectors.controls),dt.buttons={},dt.buttons.seek=N(C.selectors.buttons.seek),dt.buttons.play=N(C.selectors.buttons.play),dt.buttons.pause=N(C.selectors.buttons.pause),dt.buttons.restart=N(C.selectors.buttons.restart),dt.buttons.rewind=N(C.selectors.buttons.rewind),dt.buttons.forward=N(C.selectors.buttons.forward),dt.buttons.fullscreen=N(C.selectors.buttons.fullscreen),dt.buttons.mute=N(C.selectors.buttons.mute),dt.buttons.captions=N(C.selectors.buttons.captions),dt.checkboxes=P("[type='checkbox']"),dt.progress={},dt.progress.container=N(C.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(C.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(C.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(C.selectors.buttons.volume),dt.duration=N(C.selectors.duration),dt.currentTime=N(C.selectors.currentTime),dt.seekTime=P(C.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||C.i18n.play;"undefined"!=typeof C.title&&C.title.length&&(e+=", "+C.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full&&(dt.media.removeAttribute("controls"),f(dt.container,C.classes.type.replace("{0}",dt.type),!0),f(dt.container,C.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type)){var e=document.createElement("div");e.setAttribute("class",C.classes.videoWrapper),u(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id")),null!==dt.media.getAttribute("autoplay")&&j()}function V(e){for(var t=P("[id^='youtube']"),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,C.classes.videoWrapper,!0),f(dt.media,C.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:dt.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=!0,dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.supported.full&&(dt.container.querySelectorAll(C.selectors.controls).length||pt(),C.displayDuration&&nt())},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin","
"),dt.captionsContainer=N(C.selectors.captions).querySelector("span"),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(a){}"youtube"==dt.type&&(dt.embed.seekTo(t),r&&D(),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),w(t)}function U(){f(dt.container,C.classes.playing,!dt.media.paused),f(dt.container,C.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,C.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,C.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,C.classes.fullscreen.active,dt.isFullscreen),g(dt.buttons.fullscreen,dt.isFullscreen);var a,s=!1;C.fullscreen.hideControls&&(f(dt.controls,C.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=C.storage.enabled&&x().supported?window.localStorage[C.storage.key]||C.volume:C.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&G()}function G(e){"boolean"!=typeof e&&(e=!dt.media.muted),g(dt.buttons.mute,e),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function K(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),C.storage.enabled&&x().supported&&window.localStorage.setItem(C.storage.key,e),f(dt.container,C.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&g(dt.buttons.mute,0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("boolean"!=typeof e&&(e=-1===dt.container.className.indexOf(C.classes.captions.active)),g(dt.buttons.captions,e),f(dt.container,C.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,C.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&C.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(D(),z(),at(),"string"==typeof e)dt.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),U()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&j()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function ut(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){j(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){D(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",z),y(dt.buttons.rewind,"click",_),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,z),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"click",G),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",w),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"click",Q),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),U()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",K),y(dt.media,"play pause",U),y(dt.media,"waiting canplay seeked",Z),"video"===dt.type&&C.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(z(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function lt(){if(!dt.init)return null;if(dt.container.setAttribute("class",C.selectors.container.replace(".","")),dt.init=!1,c(N(C.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(C.selectors.captions)),l(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=k(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();switch(t){case"div":dt.type=dt.media.getAttribute("data-type");break;default:dt.type=t}if(dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),C.displayDuration&&nt(),O()}dt.init=!0}function pt(){return I(),L()?(R(),$(),K(),B(),ut(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:j,pause:D,restart:z,rewind:_,forward:Y,seek:z,source:ot,poster:it,setVolume:$,togglePlay:W,toggleMute:G,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:lt,restore:ct}:{}}var F,C,S={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},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"}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,u=!!document.createElement("video").canPlayType;switch(e){case"video":t=u,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s&&!o;break;default:t=i&&u,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(C=w(S,t),!C.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(C.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,"function"==typeof C.onSetup&&C.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file diff --git a/docs/error.html b/docs/error.html index 397b1222..8dfbfc56 100644 --- a/docs/error.html +++ b/docs/error.html @@ -6,7 +6,7 @@ - +
diff --git a/docs/index.html b/docs/index.html index f3de1baa..75f08afd 100644 --- a/docs/index.html +++ b/docs/index.html @@ -8,10 +8,10 @@ - + - +
@@ -48,7 +48,7 @@ - + Download @@ -97,13 +97,13 @@ b.insertBefore(c, b.childNodes[0]); } } - })(document, "https://cdn.plyr.io/1.3.1/sprite.svg"); + })(document, "https://cdn.plyr.io/1.3.2/sprite.svg"); - + - + diff --git a/package.json b/package.json index faf69902..7c916724 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "plyr", - "version": "1.3.1", + "version": "1.3.2", "description": "A simple HTML5 media player using custom controls", "homepage": "http://plyr.io", "main": "gulpfile.js", diff --git a/readme.md b/readme.md index fd9ebcdf..113ad1a1 100644 --- a/readme.md +++ b/readme.md @@ -40,7 +40,7 @@ If you have any cool ideas or features, please let me know by [creating an issue Check `docs/index.html` and `docs/dist/docs.js` for an example setup. -**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.3.1/plyr.js` to `https://cdn.plyr.io/1.3.1/plyr.js` +**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.3.2/plyr.js` to `https://cdn.plyr.io/1.3.2/plyr.js` ### Bower If bower is your thang, you can grab Plyr using: @@ -60,11 +60,11 @@ More info is on [npm](https://www.npmjs.com/package/ember-cli-plyr) and [GitHub] If you want to use our CDN, you can use the following: ```html - - + + ``` -You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.3.1/sprite.svg`. +You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.3.2/sprite.svg`. ### CSS If you want to use the default css, add the `plyr.css` file from /dist into your head, or even better use `plyr.less` or `plyr.sass` file included in `/src` in your build to save a request. diff --git a/src/js/plyr.js b/src/js/plyr.js index a1db3e3e..cf846f18 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -640,20 +640,27 @@ } } - // Clear the caption - player.captionsContainer.innerHTML = ""; - // Check if the next caption is in the current time range if (player.media.currentTime.toFixed(1) >= _timecodeMin(player.captions[player.subcount][0]) && player.media.currentTime.toFixed(1) <= _timecodeMax(player.captions[player.subcount][0])) { player.currentCaption = player.captions[player.subcount][1]; - // Render the caption (only if changed) + // Trim caption text var content = player.currentCaption.trim(); + + // Render the caption (only if changed) if(player.captionsContainer.innerHTML != content) { + // Empty caption + // Otherwise NVDA reads it twice + player.captionsContainer.innerHTML = ""; + + // Set new caption text player.captionsContainer.innerHTML = content; } } + else { + player.captionsContainer.innerHTML = ""; + } } // Display captions container and button (for initialization) From aa72a17f44b15d569c746a9d2236d796e1de4274 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sat, 8 Aug 2015 21:02:55 +1000 Subject: [PATCH 39/54] Version bump --- src/js/plyr.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/js/plyr.js b/src/js/plyr.js index cf846f18..3a495996 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -1,6 +1,6 @@ // ========================================================================== // Plyr -// plyr.js v1.3.1 +// plyr.js v1.3.2 // https://github.com/selz/plyr // License: The MIT License (MIT) // ========================================================================== From bf0c81b4845ac576b92f406cfeaa4da259b1d449 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sun, 9 Aug 2015 09:29:33 +1000 Subject: [PATCH 40/54] Docs --- docs/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/index.html b/docs/index.html index 75f08afd..4bd2bd88 100644 --- a/docs/index.html +++ b/docs/index.html @@ -48,7 +48,7 @@ - + Download From 66f724a3be195d96f2add76394fb81a33e8fca93 Mon Sep 17 00:00:00 2001 From: khrizpv Date: Mon, 10 Aug 2015 10:03:21 -0300 Subject: [PATCH 41/54] Update plyr.scss - Fix new scss! This is a fix the newly added scss. --- src/sass/plyr.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss index 8009b0d7..de386cd8 100644 --- a/src/sass/plyr.scss +++ b/src/sass/plyr.scss @@ -19,9 +19,9 @@ $font-size-small: 14px !default; $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; +$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; // Controls $control-spacing: 10px !default; @@ -211,7 +211,7 @@ $bp-captions-large: 768px !default; // When captions jump to the larger display: none; } - @media (min-width: @bp-captions-large) { + @media (min-width: $bp-captions-large) { font-size: $font-size-captions-medium; } } From 60c53a5894eed9eaaec1ed6b7cdbb00a577c5388 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Tue, 11 Aug 2015 22:38:06 +1000 Subject: [PATCH 42/54] Removed captions being read by screen readers --- changelog.md | 3 +++ dist/plyr.js | 2 +- docs/error.html | 2 +- docs/index.html | 10 +++++----- package.json | 2 +- readme.md | 8 ++++---- src/js/plyr.js | 5 +++-- 7 files changed, 18 insertions(+), 14 deletions(-) diff --git a/changelog.md b/changelog.md index a7e8db4d..1bc7e931 100644 --- a/changelog.md +++ b/changelog.md @@ -1,5 +1,8 @@ # Changelog +# v1.3.3 +- Removed captions being read by screen readers + # v1.3.2 - Voiceover fix for captions diff --git a/dist/plyr.js b/dist/plyr.js index 144eab10..3bd9be79 100644 --- a/dist/plyr.js +++ b/dist/plyr.js @@ -1 +1 @@ -!function(e){"use strict";function t(){var e=["
","
","","","","0% "+C.i18n.played,"","","0% "+C.i18n.buffered,"","
",""];return o(C.controls,"restart")&&e.push(""),o(C.controls,"rewind")&&e.push(""),o(C.controls,"play")&&e.push("",""),o(C.controls,"fast-forward")&&e.push(""),o(C.controls,"current-time")&&e.push("",""+C.i18n.currentTime+"","00:00",""),o(C.controls,"duration")&&e.push("",""+C.i18n.duration+"","00:00",""),e.push("",""),o(C.controls,"mute")&&e.push(""),o(C.controls,"volume")&&e.push("",""),o(C.controls,"captions")&&e.push(""),o(C.controls,"fullscreen")&&e.push(""),e.push("","
"),e.join("")}function n(e,t){C.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll("script[src='"+e+"']").length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function 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 l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document.body),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=document.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function w(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;E(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}if(dt.media.currentTime.toFixed(1)>=S(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=E(dt.captions[dt.subcount][0])){dt.currentCaption=dt.captions[dt.subcount][1];var t=dt.currentCaption.trim();dt.captionsContainer.innerHTML!=t&&(dt.captionsContainer.innerHTML="",dt.captionsContainer.innerHTML=t)}else dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,C.classes.captions.enabled,!0),C.captions.defaultActive&&(f(dt.container,C.classes.captions.active,!0),g(dt.buttons.captions,!0)))}function S(e){var t=[];return t=e.split(" --> "),A(t[0])}function E(e){var t=[];return t=e.split(" --> "),A(t[1])}function A(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 P(e){return dt.container.querySelectorAll(e)}function N(e){return P(e)[0]}function M(){try{return window.self!==window.top}catch(e){return!0}}function I(){var e=C.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",C.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),C.tooltips)for(var r=P(C.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,C.classes.hidden,!1),f(s,C.classes.tooltip,!0)}}function L(){try{return dt.controls=N(C.selectors.controls),dt.buttons={},dt.buttons.seek=N(C.selectors.buttons.seek),dt.buttons.play=N(C.selectors.buttons.play),dt.buttons.pause=N(C.selectors.buttons.pause),dt.buttons.restart=N(C.selectors.buttons.restart),dt.buttons.rewind=N(C.selectors.buttons.rewind),dt.buttons.forward=N(C.selectors.buttons.forward),dt.buttons.fullscreen=N(C.selectors.buttons.fullscreen),dt.buttons.mute=N(C.selectors.buttons.mute),dt.buttons.captions=N(C.selectors.buttons.captions),dt.checkboxes=P("[type='checkbox']"),dt.progress={},dt.progress.container=N(C.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(C.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(C.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(C.selectors.buttons.volume),dt.duration=N(C.selectors.duration),dt.currentTime=N(C.selectors.currentTime),dt.seekTime=P(C.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||C.i18n.play;"undefined"!=typeof C.title&&C.title.length&&(e+=", "+C.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full&&(dt.media.removeAttribute("controls"),f(dt.container,C.classes.type.replace("{0}",dt.type),!0),f(dt.container,C.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type)){var e=document.createElement("div");e.setAttribute("class",C.classes.videoWrapper),u(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id")),null!==dt.media.getAttribute("autoplay")&&j()}function V(e){for(var t=P("[id^='youtube']"),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,C.classes.videoWrapper,!0),f(dt.media,C.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:dt.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=!0,dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.supported.full&&(dt.container.querySelectorAll(C.selectors.controls).length||pt(),C.displayDuration&&nt())},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin","
"),dt.captionsContainer=N(C.selectors.captions).querySelector("span"),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(a){}"youtube"==dt.type&&(dt.embed.seekTo(t),r&&D(),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),w(t)}function U(){f(dt.container,C.classes.playing,!dt.media.paused),f(dt.container,C.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,C.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,C.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,C.classes.fullscreen.active,dt.isFullscreen),g(dt.buttons.fullscreen,dt.isFullscreen);var a,s=!1;C.fullscreen.hideControls&&(f(dt.controls,C.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=C.storage.enabled&&x().supported?window.localStorage[C.storage.key]||C.volume:C.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&G()}function G(e){"boolean"!=typeof e&&(e=!dt.media.muted),g(dt.buttons.mute,e),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function K(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),C.storage.enabled&&x().supported&&window.localStorage.setItem(C.storage.key,e),f(dt.container,C.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&g(dt.buttons.mute,0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("boolean"!=typeof e&&(e=-1===dt.container.className.indexOf(C.classes.captions.active)),g(dt.buttons.captions,e),f(dt.container,C.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,C.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&C.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(D(),z(),at(),"string"==typeof e)dt.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),U()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&j()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function ut(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){j(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){D(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",z),y(dt.buttons.rewind,"click",_),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,z),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"click",G),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",w),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"click",Q),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),U()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",K),y(dt.media,"play pause",U),y(dt.media,"waiting canplay seeked",Z),"video"===dt.type&&C.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(z(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function lt(){if(!dt.init)return null;if(dt.container.setAttribute("class",C.selectors.container.replace(".","")),dt.init=!1,c(N(C.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(C.selectors.captions)),l(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=k(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();switch(t){case"div":dt.type=dt.media.getAttribute("data-type");break;default:dt.type=t}if(dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),C.displayDuration&&nt(),O()}dt.init=!0}function pt(){return I(),L()?(R(),$(),K(),B(),ut(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:j,pause:D,restart:z,rewind:_,forward:Y,seek:z,source:ot,poster:it,setVolume:$,togglePlay:W,toggleMute:G,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:lt,restore:ct}:{}}var F,C,S={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},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"}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,u=!!document.createElement("video").canPlayType;switch(e){case"video":t=u,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s&&!o;break;default:t=i&&u,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(C=w(S,t),!C.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(C.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,"function"==typeof C.onSetup&&C.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file +!function(e){"use strict";function t(){var e=["
","
","","","","0% "+C.i18n.played,"","","0% "+C.i18n.buffered,"","
",""];return o(C.controls,"restart")&&e.push(""),o(C.controls,"rewind")&&e.push(""),o(C.controls,"play")&&e.push("",""),o(C.controls,"fast-forward")&&e.push(""),o(C.controls,"current-time")&&e.push("",""+C.i18n.currentTime+"","00:00",""),o(C.controls,"duration")&&e.push("",""+C.i18n.duration+"","00:00",""),e.push("",""),o(C.controls,"mute")&&e.push(""),o(C.controls,"volume")&&e.push("",""),o(C.controls,"captions")&&e.push(""),o(C.controls,"fullscreen")&&e.push(""),e.push("","
"),e.join("")}function n(e,t){C.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll("script[src='"+e+"']").length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function 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 l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document.body),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=document.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function w(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;A(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}if(dt.media.currentTime.toFixed(1)>=S(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=A(dt.captions[dt.subcount][0])){dt.currentCaption=dt.captions[dt.subcount][1];var t=dt.currentCaption.trim();dt.captionsContainer.innerHTML!=t&&(dt.captionsContainer.innerHTML="",dt.captionsContainer.innerHTML=t)}else dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,C.classes.captions.enabled,!0),C.captions.defaultActive&&(f(dt.container,C.classes.captions.active,!0),g(dt.buttons.captions,!0)))}function S(e){var t=[];return t=e.split(" --> "),E(t[0])}function A(e){var t=[];return t=e.split(" --> "),E(t[1])}function E(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 P(e){return dt.container.querySelectorAll(e)}function N(e){return P(e)[0]}function M(){try{return window.self!==window.top}catch(e){return!0}}function I(){var e=C.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",C.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),C.tooltips)for(var r=P(C.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,C.classes.hidden,!1),f(s,C.classes.tooltip,!0)}}function L(){try{return dt.controls=N(C.selectors.controls),dt.buttons={},dt.buttons.seek=N(C.selectors.buttons.seek),dt.buttons.play=N(C.selectors.buttons.play),dt.buttons.pause=N(C.selectors.buttons.pause),dt.buttons.restart=N(C.selectors.buttons.restart),dt.buttons.rewind=N(C.selectors.buttons.rewind),dt.buttons.forward=N(C.selectors.buttons.forward),dt.buttons.fullscreen=N(C.selectors.buttons.fullscreen),dt.buttons.mute=N(C.selectors.buttons.mute),dt.buttons.captions=N(C.selectors.buttons.captions),dt.checkboxes=P("[type='checkbox']"),dt.progress={},dt.progress.container=N(C.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(C.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(C.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(C.selectors.buttons.volume),dt.duration=N(C.selectors.duration),dt.currentTime=N(C.selectors.currentTime),dt.seekTime=P(C.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||C.i18n.play;"undefined"!=typeof C.title&&C.title.length&&(e+=", "+C.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full&&(dt.media.removeAttribute("controls"),f(dt.container,C.classes.type.replace("{0}",dt.type),!0),f(dt.container,C.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type)){var e=document.createElement("div");e.setAttribute("class",C.classes.videoWrapper),u(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id")),null!==dt.media.getAttribute("autoplay")&&j()}function V(e){for(var t=P("[id^='youtube']"),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,C.classes.videoWrapper,!0),f(dt.media,C.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:dt.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_load_policy:C.captions.defaultActive?1:0,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=!0,dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.supported.full&&(dt.container.querySelectorAll(C.selectors.controls).length||pt(),C.displayDuration&&nt())},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin","
"),dt.captionsContainer=N(C.selectors.captions).querySelector("span"),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(a){}"youtube"==dt.type&&(dt.embed.seekTo(t),r&&D(),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),w(t)}function U(){f(dt.container,C.classes.playing,!dt.media.paused),f(dt.container,C.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,C.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,C.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,C.classes.fullscreen.active,dt.isFullscreen),g(dt.buttons.fullscreen,dt.isFullscreen);var a,s=!1;C.fullscreen.hideControls&&(f(dt.controls,C.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=C.storage.enabled&&x().supported?window.localStorage[C.storage.key]||C.volume:C.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&G()}function G(e){"boolean"!=typeof e&&(e=!dt.media.muted),g(dt.buttons.mute,e),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function K(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),C.storage.enabled&&x().supported&&window.localStorage.setItem(C.storage.key,e),f(dt.container,C.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&g(dt.buttons.mute,0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("boolean"!=typeof e&&(e=-1===dt.container.className.indexOf(C.classes.captions.active)),g(dt.buttons.captions,e),f(dt.container,C.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,C.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&C.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(D(),z(),at(),"string"==typeof e)dt.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),U()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&j()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function ut(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){j(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){D(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",z),y(dt.buttons.rewind,"click",W),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,z),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"click",G),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",w),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"click",Q),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),U()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",K),y(dt.media,"play pause",U),y(dt.media,"waiting canplay seeked",Z),"video"===dt.type&&C.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(z(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function lt(){if(!dt.init)return null;if(dt.container.setAttribute("class",C.selectors.container.replace(".","")),dt.init=!1,c(N(C.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(C.selectors.captions)),l(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=k(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();switch(t){case"div":dt.type=dt.media.getAttribute("data-type");break;default:dt.type=t}if(dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),C.displayDuration&&nt(),O()}dt.init=!0}function pt(){return I(),L()?(R(),$(),K(),B(),ut(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:j,pause:D,restart:z,rewind:W,forward:Y,seek:z,source:ot,poster:it,setVolume:$,togglePlay:_,toggleMute:G,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:lt,restore:ct}:{}}var F,C,S={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},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"}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,u=!!document.createElement("video").canPlayType;switch(e){case"video":t=u,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s&&!o;break;default:t=i&&u,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(C=w(S,t),!C.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(C.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,"function"==typeof C.onSetup&&C.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file diff --git a/docs/error.html b/docs/error.html index 8dfbfc56..82e0a1d6 100644 --- a/docs/error.html +++ b/docs/error.html @@ -6,7 +6,7 @@ - +
diff --git a/docs/index.html b/docs/index.html index 4bd2bd88..22248d97 100644 --- a/docs/index.html +++ b/docs/index.html @@ -8,10 +8,10 @@ - + - +
@@ -97,13 +97,13 @@ b.insertBefore(c, b.childNodes[0]); } } - })(document, "https://cdn.plyr.io/1.3.2/sprite.svg"); + })(document, "https://cdn.plyr.io/1.3.3/sprite.svg"); - + - + diff --git a/package.json b/package.json index 7c916724..47fc4886 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "plyr", - "version": "1.3.2", + "version": "1.3.3", "description": "A simple HTML5 media player using custom controls", "homepage": "http://plyr.io", "main": "gulpfile.js", diff --git a/readme.md b/readme.md index 19c689c4..fe6cdf47 100644 --- a/readme.md +++ b/readme.md @@ -40,7 +40,7 @@ If you have any cool ideas or features, please let me know by [creating an issue Check `docs/index.html` and `docs/dist/docs.js` for an example setup. -**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.3.2/plyr.js` to `https://cdn.plyr.io/1.3.2/plyr.js` +**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.3.3/plyr.js` to `https://cdn.plyr.io/1.3.3/plyr.js` ### Bower If bower is your thang, you can grab Plyr using: @@ -60,11 +60,11 @@ More info is on [npm](https://www.npmjs.com/package/ember-cli-plyr) and [GitHub] If you want to use our CDN, you can use the following: ```html - - + + ``` -You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.3.2/sprite.svg`. +You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.3.3/sprite.svg`. ### CSS If you want to use the default css, add the `plyr.css` file from /dist into your head, or even better use `plyr.less` or `plyr.sass` file included in `/src` in your build to save a request. diff --git a/src/js/plyr.js b/src/js/plyr.js index 3a495996..37405a23 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -1,6 +1,6 @@ // ========================================================================== // Plyr -// plyr.js v1.3.2 +// plyr.js v1.3.3 // https://github.com/selz/plyr // License: The MIT License (MIT) // ========================================================================== @@ -928,6 +928,7 @@ rel: 0, showinfo: 0, iv_load_policy: 3, + cc_load_policy: (config.captions.defaultActive ? 1 : 0), cc_lang_pref: "en", wmode: "transparent", modestbranding: 1, @@ -1028,7 +1029,7 @@ function _setupCaptions() { if(player.type === "video") { // Inject the container - player.videoContainer.insertAdjacentHTML("afterbegin", "
"); + player.videoContainer.insertAdjacentHTML("afterbegin", "
"); // Cache selector player.captionsContainer = _getElement(config.selectors.captions).querySelector("span"); From e56132ae3b5f735b4ae1f1d19327c92ba9d455ab Mon Sep 17 00:00:00 2001 From: Calvin Tam Date: Wed, 12 Aug 2015 22:58:33 -0700 Subject: [PATCH 43/54] Standardized syntax --- src/js/plyr.js | 222 +++++++++++++++++++++++++------------------------ 1 file changed, 112 insertions(+), 110 deletions(-) diff --git a/src/js/plyr.js b/src/js/plyr.js index 37405a23..09ffe956 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -118,7 +118,7 @@ ""]; // Restart button - if(_inArray(config.controls, "restart")) { + if (_inArray(config.controls, "restart")) { html.push( "" + '' ); } // Rewind button if (_inArray(config.controls, "rewind")) { html.push( - "" + '' ); } // Play/pause button if (_inArray(config.controls, "play")) { html.push( - "", - "" + '', + '' ); } // Fast forward button if (_inArray(config.controls, "fast-forward")) { html.push( - "" + '' ); } // Media current time display if (_inArray(config.controls, "current-time")) { html.push( - "", - "" + config.i18n.currentTime + "", - "00:00", - "" + '', + '' + config.i18n.currentTime + '', + '00:00', + '' ); } // Media duration display if (_inArray(config.controls, "duration")) { html.push( - "", - "" + config.i18n.duration + "", - "00:00", - "" + '', + '' + config.i18n.duration + '', + '00:00', + '' ); } // Close left controls html.push( - "", - "" + '', + '' ); // Toggle mute button if (_inArray(config.controls, "mute")) { html.push( - "" + '' ); } // Volume range control if (_inArray(config.controls, "volume")) { html.push( - "", - "" + '', + '' ); } // Toggle captions button if (_inArray(config.controls, "captions")) { html.push( - "" + '' ); } // Toggle fullscreen button if (_inArray(config.controls, "fullscreen")) { html.push( - "" + '' ); } // Close everything html.push( - "", - "" + '', + '' ); return html.join(""); @@ -346,7 +346,7 @@ // Inject a script function _injectScript(source) { - if (document.querySelectorAll("script[src='" + source + "']").length) { + if (document.querySelectorAll('script[src="' + source + '"]').length) { return; } @@ -777,7 +777,7 @@ // Inputs player.buttons.mute = _getElement(config.selectors.buttons.mute); player.buttons.captions = _getElement(config.selectors.buttons.captions); - player.checkboxes = _getElements("[type='checkbox']"); + player.checkboxes = _getElements('[type="checkbox"]'); // Progress player.progress = {}; @@ -882,7 +882,7 @@ // Setup YouTube function _setupYouTube(id) { // Remove old containers - var containers = _getElements("[id^='youtube']"); + var containers = _getElements('[id^="youtube"]'); for (var i = containers.length - 1; i >= 0; i--) { _remove(containers[i]); } @@ -1028,7 +1028,7 @@ function _setupCaptions() { if (player.type === "video") { // Inject the container - player.videoContainer.insertAdjacentHTML("afterbegin", "
"); + player.videoContainer.insertAdjacentHTML("afterbegin", '
'); // Cache selector player.captionsContainer = _getElement(config.selectors.captions).querySelector("span"); From 6b4175241599fe08fa11cbdd2246f659fd20c37d Mon Sep 17 00:00:00 2001 From: Calvin Tam Date: Thu, 13 Aug 2015 00:13:57 -0700 Subject: [PATCH 47/54] Use defined function instead of hard coding --- src/js/plyr.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/js/plyr.js b/src/js/plyr.js index 84a01225..04ac00cb 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -1666,7 +1666,7 @@ // If a single source is passed // .source("path/to/video.mp4") if (typeof sources === "string") { - player.media.setAttribute("src", sources); + _addSource({ src: sources }); } // An array of source objects From c4ca7fe0d2243b32d69712f30582a71b1b353cc0 Mon Sep 17 00:00:00 2001 From: Calvin Tam Date: Thu, 13 Aug 2015 00:38:30 -0700 Subject: [PATCH 48/54] Updated tag closing --- src/js/plyr.js | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/src/js/plyr.js b/src/js/plyr.js index 04ac00cb..4b724960 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -121,7 +121,7 @@ if (_inArray(config.controls, "restart")) { html.push( '' ); @@ -131,7 +131,7 @@ if (_inArray(config.controls, "rewind")) { html.push( '' ); @@ -141,11 +141,11 @@ if (_inArray(config.controls, "play")) { html.push( '', '' ); @@ -155,7 +155,7 @@ if (_inArray(config.controls, "fast-forward")) { html.push( '' ); @@ -191,8 +191,8 @@ if (_inArray(config.controls, "mute")) { html.push( '' ); @@ -210,8 +210,8 @@ if (_inArray(config.controls, "captions")) { html.push( '' ); @@ -221,8 +221,8 @@ if (_inArray(config.controls, "fullscreen")) { html.push( '' ); From 20090aee032b60c8f9733efc51f5c1febed97252 Mon Sep 17 00:00:00 2001 From: Calvin Tam Date: Thu, 13 Aug 2015 00:43:11 -0700 Subject: [PATCH 49/54] Fixed missing semicolons mentioned by JSHint --- src/js/plyr.js | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/js/plyr.js b/src/js/plyr.js index 4b724960..861c091e 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -607,7 +607,7 @@ return false; } })() - } + }; return storage; } @@ -904,7 +904,7 @@ _injectScript("https://www.youtube.com/iframe_api"); // Setup callback for the API - window.onYouTubeIframeAPIReady = function () { _YTReady(id, container); } + window.onYouTubeIframeAPIReady = function () { _YTReady(id, container); }; } } @@ -1148,7 +1148,7 @@ _log("There was a problem loading the caption file via AJAX.", true); } } - } + }; xhr.open("get", captionSrc, true); @@ -1573,7 +1573,7 @@ player.hours = parseInt(((time / 60) / 60) % 60); // Do we need to display hours? - var displayHours = (parseInt(((player.media.duration / 60) / 60) % 60) > 0) + var displayHours = (parseInt(((player.media.duration / 60) / 60) % 60) > 0); // Ensure it"s two digits. For example, 03 rather than 3. player.secs = ("0" + player.secs).slice(-2); @@ -1985,7 +1985,7 @@ support: function(mimeType) { return _supportMime(player, mimeType); }, destroy: _destroy, restore: _init - } + }; } // Check for support @@ -2022,7 +2022,7 @@ basic: basic, full: full }; - } + }; // Expose setup function api.setup = function(options) { @@ -2063,6 +2063,6 @@ } return players; - } + }; }(this.plyr = this.plyr || {})); \ No newline at end of file From a46e421bf63575da96f89fee34c75e86fa3d1d43 Mon Sep 17 00:00:00 2001 From: Calvin Tam Date: Thu, 13 Aug 2015 01:15:57 -0700 Subject: [PATCH 50/54] Fixed syntax; Fixed some JSHint errors (Not escaped character, etc.) --- src/js/plyr.js | 22 ++++++++++------------ 1 file changed, 10 insertions(+), 12 deletions(-) diff --git a/src/js/plyr.js b/src/js/plyr.js index 861c091e..33deb397 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -323,7 +323,7 @@ // Only check video types for video players if (player.type == "video") { // Check type - switch(mimeType) { + switch (mimeType) { case "video/webm": return !!(media.canPlayType && media.canPlayType("video/webm; codecs=\"vp8, vorbis\"").replace(/no/, "")); case "video/mp4": return !!(media.canPlayType && media.canPlayType("video/mp4; codecs=\"avc1.42E01E, mp4a.40.2\"").replace(/no/, "")); case "video/ogg": return !!(media.canPlayType && media.canPlayType("video/ogg; codecs=\"theora\"").replace(/no/, "")); @@ -333,7 +333,7 @@ // Only check audio types for audio players else if (player.type == "audio") { // Check type - switch(mimeType) { + switch (mimeType) { case "audio/mpeg": return !!(media.canPlayType && media.canPlayType("audio/mpeg;").replace(/no/, "")); case "audio/ogg": return !!(media.canPlayType && media.canPlayType("audio/ogg; codecs=\"vorbis\"").replace(/no/, "")); case "audio/wav": return !!(media.canPlayType && media.canPlayType("audio/wav; codecs=\"1\"").replace(/no/, "")); @@ -363,7 +363,7 @@ // Replace all function _replaceAll(string, find, replace) { - return string.replace(new RegExp(find.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1"), "g"), replace); + return string.replace(new RegExp(find.replace(/([.*+?\^=!:${}()|\[\]\/\\])/g, "\\$1"), "g"), replace); } // Wrap an element @@ -994,7 +994,7 @@ // 2 Paused // 3 Buffering // 5 Video cued - switch(event.data) { + switch (event.data) { case 0: player.media.paused = true; _triggerEvent(player.media, "ended"); @@ -1510,7 +1510,7 @@ value = 0; if (event) { - switch(event.type) { + switch (event.type) { // Video playing case "timeupdate": case "seeking": @@ -1889,13 +1889,11 @@ // Set media type var tagName = player.media.tagName.toLowerCase(); - switch(tagName) { - case "div": - player.type = player.media.getAttribute("data-type"); - break; - - default: - player.type = tagName; + if (tagName === "div") { + player.type = player.media.getAttribute("data-type"); + } + else { + player.type = tagName; } // Check for full support From 9fe6e5ffcb2ed0a1d6ec2e4eacab363aeb8c09e8 Mon Sep 17 00:00:00 2001 From: Calvin Tam Date: Thu, 13 Aug 2015 01:36:20 -0700 Subject: [PATCH 51/54] Converted double quote to single quote --- src/js/plyr.js | 576 ++++++++++++++++++++++++------------------------- 1 file changed, 288 insertions(+), 288 deletions(-) diff --git a/src/js/plyr.js b/src/js/plyr.js index 33deb397..32b538d9 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -8,7 +8,7 @@ // ========================================================================== (function (api) { - "use strict"; + 'use strict'; /*global YT*/ // Globals @@ -23,11 +23,11 @@ click: true, tooltips: false, displayDuration: true, - iconPrefix: "icon", + iconPrefix: 'icon', selectors: { - container: ".player", - controls: ".player-controls", - labels: "[data-player] .sr-only, label .sr-only", + container: '.player', + controls: '.player-controls', + labels: '[data-player] .sr-only, label .sr-only', buttons: { seek: '[data-player="seek"]', play: '[data-player="play"]', @@ -41,33 +41,33 @@ fullscreen: '[data-player="fullscreen"]' }, progress: { - container: ".player-progress", - buffer: ".player-progress-buffer", - played: ".player-progress-played" + container: '.player-progress', + buffer: '.player-progress-buffer', + played: '.player-progress-played' }, - captions: ".player-captions", - currentTime: ".player-current-time", - duration: ".player-duration" + captions: '.player-captions', + currentTime: '.player-current-time', + duration: '.player-duration' }, classes: { - videoWrapper: "player-video-wrapper", - embedWrapper: "player-video-embed", - type: "player-{0}", - stopped: "stopped", - playing: "playing", - muted: "muted", - loading: "loading", - tooltip: "player-tooltip", - hidden: "sr-only", - hover: "player-hover", + videoWrapper: 'player-video-wrapper', + embedWrapper: 'player-video-embed', + type: 'player-{0}', + stopped: 'stopped', + playing: 'playing', + muted: 'muted', + loading: 'loading', + tooltip: 'player-tooltip', + hidden: 'sr-only', + hover: 'player-hover', captions: { - enabled: "captions-enabled", - active: "captions-active" + enabled: 'captions-enabled', + active: 'captions-active' }, fullscreen: { - enabled: "fullscreen-enabled", - active: "fullscreen-active", - hideControls: "fullscreen-hide-controls" + enabled: 'fullscreen-enabled', + active: 'fullscreen-active', + hideControls: 'fullscreen-hide-controls' } }, captions: { @@ -80,23 +80,23 @@ }, storage: { enabled: true, - key: "plyr_volume" + key: 'plyr_volume' }, - controls: ["restart", "rewind", "play", "fast-forward", "current-time", "duration", "mute", "volume", "captions", "fullscreen"], + 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" + 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' } }; @@ -118,7 +118,7 @@ '']; // Restart button - if (_inArray(config.controls, "restart")) { + if (_inArray(config.controls, 'restart')) { html.push( '"),o(C.controls,"rewind")&&e.push(""),o(C.controls,"play")&&e.push("",""),o(C.controls,"fast-forward")&&e.push(""),o(C.controls,"current-time")&&e.push("",""+C.i18n.currentTime+"","00:00",""),o(C.controls,"duration")&&e.push("",""+C.i18n.duration+"","00:00",""),e.push("",""),o(C.controls,"mute")&&e.push(""),o(C.controls,"volume")&&e.push("",""),o(C.controls,"captions")&&e.push(""),o(C.controls,"fullscreen")&&e.push(""),e.push("",""),e.join("")}function n(e,t){C.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll("script[src='"+e+"']").length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function 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 l(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document.body),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=document.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function w(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;A(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}if(dt.media.currentTime.toFixed(1)>=S(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=A(dt.captions[dt.subcount][0])){dt.currentCaption=dt.captions[dt.subcount][1];var t=dt.currentCaption.trim();dt.captionsContainer.innerHTML!=t&&(dt.captionsContainer.innerHTML="",dt.captionsContainer.innerHTML=t)}else dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,C.classes.captions.enabled,!0),C.captions.defaultActive&&(f(dt.container,C.classes.captions.active,!0),g(dt.buttons.captions,!0)))}function S(e){var t=[];return t=e.split(" --> "),E(t[0])}function A(e){var t=[];return t=e.split(" --> "),E(t[1])}function E(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 P(e){return dt.container.querySelectorAll(e)}function N(e){return P(e)[0]}function M(){try{return window.self!==window.top}catch(e){return!0}}function I(){var e=C.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",C.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),C.tooltips)for(var r=P(C.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,C.classes.hidden,!1),f(s,C.classes.tooltip,!0)}}function L(){try{return dt.controls=N(C.selectors.controls),dt.buttons={},dt.buttons.seek=N(C.selectors.buttons.seek),dt.buttons.play=N(C.selectors.buttons.play),dt.buttons.pause=N(C.selectors.buttons.pause),dt.buttons.restart=N(C.selectors.buttons.restart),dt.buttons.rewind=N(C.selectors.buttons.rewind),dt.buttons.forward=N(C.selectors.buttons.forward),dt.buttons.fullscreen=N(C.selectors.buttons.fullscreen),dt.buttons.mute=N(C.selectors.buttons.mute),dt.buttons.captions=N(C.selectors.buttons.captions),dt.checkboxes=P("[type='checkbox']"),dt.progress={},dt.progress.container=N(C.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(C.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(C.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(C.selectors.buttons.volume),dt.duration=N(C.selectors.duration),dt.currentTime=N(C.selectors.currentTime),dt.seekTime=P(C.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||C.i18n.play;"undefined"!=typeof C.title&&C.title.length&&(e+=", "+C.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full&&(dt.media.removeAttribute("controls"),f(dt.container,C.classes.type.replace("{0}",dt.type),!0),f(dt.container,C.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type)){var e=document.createElement("div");e.setAttribute("class",C.classes.videoWrapper),u(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id")),null!==dt.media.getAttribute("autoplay")&&j()}function V(e){for(var t=P("[id^='youtube']"),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,C.classes.videoWrapper,!0),f(dt.media,C.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:dt.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_load_policy:C.captions.defaultActive?1:0,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=!0,dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.supported.full&&(dt.container.querySelectorAll(C.selectors.controls).length||pt(),C.displayDuration&&nt())},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin","
"),dt.captionsContainer=N(C.selectors.captions).querySelector("span"),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(a){}"youtube"==dt.type&&(dt.embed.seekTo(t),r&&D(),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),w(t)}function U(){f(dt.container,C.classes.playing,!dt.media.paused),f(dt.container,C.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,C.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,C.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,C.classes.fullscreen.active,dt.isFullscreen),g(dt.buttons.fullscreen,dt.isFullscreen);var a,s=!1;C.fullscreen.hideControls&&(f(dt.controls,C.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=C.storage.enabled&&x().supported?window.localStorage[C.storage.key]||C.volume:C.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&G()}function G(e){"boolean"!=typeof e&&(e=!dt.media.muted),g(dt.buttons.mute,e),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function K(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),C.storage.enabled&&x().supported&&window.localStorage.setItem(C.storage.key,e),f(dt.container,C.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&g(dt.buttons.mute,0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("boolean"!=typeof e&&(e=-1===dt.container.className.indexOf(C.classes.captions.active)),g(dt.buttons.captions,e),f(dt.container,C.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,C.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&C.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(D(),z(),at(),"string"==typeof e)dt.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),U()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&j()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function ut(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){j(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){D(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",z),y(dt.buttons.rewind,"click",W),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,z),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"click",G),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",w),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"click",Q),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),U()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",K),y(dt.media,"play pause",U),y(dt.media,"waiting canplay seeked",Z),"video"===dt.type&&C.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(z(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function lt(){if(!dt.init)return null;if(dt.container.setAttribute("class",C.selectors.container.replace(".","")),dt.init=!1,c(N(C.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(C.selectors.captions)),l(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=k(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();switch(t){case"div":dt.type=dt.media.getAttribute("data-type");break;default:dt.type=t}if(dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),C.displayDuration&&nt(),O()}dt.init=!0}function pt(){return I(),L()?(R(),$(),K(),B(),ut(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:j,pause:D,restart:z,rewind:W,forward:Y,seek:z,source:ot,poster:it,setVolume:$,togglePlay:_,toggleMute:G,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:lt,restore:ct}:{}}var F,C,S={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},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"}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,u=!!document.createElement("video").canPlayType;switch(e){case"video":t=u,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s&&!o;break;default:t=i&&u,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(C=w(S,t),!C.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(C.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,"function"==typeof C.onSetup&&C.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file +!function(e){"use strict";function t(){var e=['
','
','','','',"0% "+C.i18n.played,"",'',"0% "+C.i18n.buffered,"","
",''];return o(C.controls,"restart")&&e.push('"),o(C.controls,"rewind")&&e.push('"),o(C.controls,"play")&&e.push('",'"),o(C.controls,"fast-forward")&&e.push('"),o(C.controls,"current-time")&&e.push('',''+C.i18n.currentTime+"",'00:00',""),o(C.controls,"duration")&&e.push('',''+C.i18n.duration+"",'00:00',""),e.push("",''),o(C.controls,"mute")&&e.push('"),o(C.controls,"volume")&&e.push('",''),o(C.controls,"captions")&&e.push('"),o(C.controls,"fullscreen")&&e.push('"),e.push("","
"),e.join("")}function n(e,t){C.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll('script[src="'+e+'"]').length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?\^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function l(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 u(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document.body),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=document.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function w(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;E(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}if(dt.media.currentTime.toFixed(1)>=S(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=E(dt.captions[dt.subcount][0])){dt.currentCaption=dt.captions[dt.subcount][1];var t=dt.currentCaption.trim();dt.captionsContainer.innerHTML!=t&&(dt.captionsContainer.innerHTML="",dt.captionsContainer.innerHTML=t)}else dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,C.classes.captions.enabled,!0),C.captions.defaultActive&&(f(dt.container,C.classes.captions.active,!0),g(dt.buttons.captions,!0)))}function S(e){var t=[];return t=e.split(" --> "),A(t[0])}function E(e){var t=[];return t=e.split(" --> "),A(t[1])}function A(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 P(e){return dt.container.querySelectorAll(e)}function N(e){return P(e)[0]}function M(){try{return window.self!==window.top}catch(e){return!0}}function I(){var e=C.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",C.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),C.tooltips)for(var r=P(C.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,C.classes.hidden,!1),f(s,C.classes.tooltip,!0)}}function L(){try{return dt.controls=N(C.selectors.controls),dt.buttons={},dt.buttons.seek=N(C.selectors.buttons.seek),dt.buttons.play=N(C.selectors.buttons.play),dt.buttons.pause=N(C.selectors.buttons.pause),dt.buttons.restart=N(C.selectors.buttons.restart),dt.buttons.rewind=N(C.selectors.buttons.rewind),dt.buttons.forward=N(C.selectors.buttons.forward),dt.buttons.fullscreen=N(C.selectors.buttons.fullscreen),dt.buttons.mute=N(C.selectors.buttons.mute),dt.buttons.captions=N(C.selectors.buttons.captions),dt.checkboxes=P('[type="checkbox"]'),dt.progress={},dt.progress.container=N(C.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(C.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(C.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(C.selectors.buttons.volume),dt.duration=N(C.selectors.duration),dt.currentTime=N(C.selectors.currentTime),dt.seekTime=P(C.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||C.i18n.play;"undefined"!=typeof C.title&&C.title.length&&(e+=", "+C.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full&&(dt.media.removeAttribute("controls"),f(dt.container,C.classes.type.replace("{0}",dt.type),!0),f(dt.container,C.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type)){var e=document.createElement("div");e.setAttribute("class",C.classes.videoWrapper),l(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id")),null!==dt.media.getAttribute("autoplay")&&j()}function V(e){for(var t=P('[id^="youtube"]'),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,C.classes.videoWrapper,!0),f(dt.media,C.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:dt.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_load_policy:C.captions.defaultActive?1:0,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=!0,dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.supported.full&&(dt.container.querySelectorAll(C.selectors.controls).length||pt(),C.displayDuration&&nt())},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin",'
'),dt.captionsContainer=N(C.selectors.captions).querySelector("span"),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(a){}"youtube"==dt.type&&(dt.embed.seekTo(t),r&&D(),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),w(t)}function U(){f(dt.container,C.classes.playing,!dt.media.paused),f(dt.container,C.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,C.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,C.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,C.classes.fullscreen.active,dt.isFullscreen),g(dt.buttons.fullscreen,dt.isFullscreen);var a,s=!1;C.fullscreen.hideControls&&(f(dt.controls,C.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=C.storage.enabled&&x().supported?window.localStorage[C.storage.key]||C.volume:C.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&G()}function G(e){"boolean"!=typeof e&&(e=!dt.media.muted),g(dt.buttons.mute,e),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function K(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),C.storage.enabled&&x().supported&&window.localStorage.setItem(C.storage.key,e),f(dt.container,C.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&g(dt.buttons.mute,0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("boolean"!=typeof e&&(e=-1===dt.container.className.indexOf(C.classes.captions.active)),g(dt.buttons.captions,e),f(dt.container,C.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,C.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&C.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(D(),z(),at(),"string"==typeof e)st({src:e});else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),U()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&j()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function lt(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){j(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){D(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",z),y(dt.buttons.rewind,"click",W),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,z),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"click",G),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",w),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"click",Q),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),U()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",K),y(dt.media,"play pause",U),y(dt.media,"waiting canplay seeked",Z),"video"===dt.type&&C.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(z(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function ut(){if(!dt.init)return null;if(dt.container.setAttribute("class",C.selectors.container.replace(".","")),dt.init=!1,c(N(C.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(C.selectors.captions)),u(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=k(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();if(dt.type="div"===t?dt.media.getAttribute("data-type"):t,dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),C.displayDuration&&nt(),O()}dt.init=!0}function pt(){return I(),L()?(R(),$(),K(),B(),lt(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:j,pause:D,restart:z,rewind:W,forward:Y,seek:z,source:ot,poster:it,setVolume:$,togglePlay:_,toggleMute:G,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:ut,restore:ct}:{}}var F,C,S={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:'[data-player="seek"]',play:'[data-player="play"]',pause:'[data-player="pause"]',restart:'[data-player="restart"]',rewind:'[data-player="rewind"]',forward:'[data-player="fast-forward"]',mute:'[data-player="mute"]',volume:'[data-player="volume"]',captions:'[data-player="captions"]',fullscreen:'[data-player="fullscreen"]'},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},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"}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,l=!!document.createElement("video").canPlayType;switch(e){case"video":t=l,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s&&!o;break;default:t=i&&l,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(C=w(S,t),!C.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(C.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,"function"==typeof C.onSetup&&C.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file diff --git a/docs/error.html b/docs/error.html index 82e0a1d6..53ce53b7 100644 --- a/docs/error.html +++ b/docs/error.html @@ -6,7 +6,7 @@ - +
diff --git a/docs/index.html b/docs/index.html index 22248d97..a749a08a 100644 --- a/docs/index.html +++ b/docs/index.html @@ -8,10 +8,10 @@ - + - +
@@ -97,13 +97,13 @@ b.insertBefore(c, b.childNodes[0]); } } - })(document, "https://cdn.plyr.io/1.3.3/sprite.svg"); + })(document, "https://cdn.plyr.io/1.3.4/sprite.svg"); - + - + diff --git a/package.json b/package.json index 47fc4886..8f22c39f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "plyr", - "version": "1.3.3", + "version": "1.3.4", "description": "A simple HTML5 media player using custom controls", "homepage": "http://plyr.io", "main": "gulpfile.js", diff --git a/readme.md b/readme.md index fe6cdf47..d4483600 100644 --- a/readme.md +++ b/readme.md @@ -40,7 +40,7 @@ If you have any cool ideas or features, please let me know by [creating an issue Check `docs/index.html` and `docs/dist/docs.js` for an example setup. -**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.3.3/plyr.js` to `https://cdn.plyr.io/1.3.3/plyr.js` +**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.3.4/plyr.js` to `https://cdn.plyr.io/1.3.4/plyr.js` ### Bower If bower is your thang, you can grab Plyr using: @@ -60,11 +60,11 @@ More info is on [npm](https://www.npmjs.com/package/ember-cli-plyr) and [GitHub] If you want to use our CDN, you can use the following: ```html - - + + ``` -You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.3.3/sprite.svg`. +You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.3.4/sprite.svg`. ### CSS If you want to use the default css, add the `plyr.css` file from /dist into your head, or even better use `plyr.less` or `plyr.sass` file included in `/src` in your build to save a request. diff --git a/src/js/plyr.js b/src/js/plyr.js index 482d684d..0f6ce88e 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -1,6 +1,6 @@ // ========================================================================== // Plyr -// plyr.js v1.3.3 +// plyr.js v1.3.4 // https://github.com/selz/plyr // License: The MIT License (MIT) // ========================================================================== From 6543fc1e5bb8445f816b8206f6b36521dead6364 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Fri, 21 Aug 2015 21:36:15 +1000 Subject: [PATCH 54/54] Fixed bug with API use on basic supported browsers --- changelog.md | 3 +++ dist/plyr.js | 2 +- dist/sprite.svg | 2 +- docs/error.html | 2 +- docs/index.html | 10 +++++----- gulpfile.js | 15 ++++++++++++--- package.json | 2 +- readme.md | 8 ++++---- src/js/plyr.js | 6 +++++- 9 files changed, 33 insertions(+), 17 deletions(-) diff --git a/changelog.md b/changelog.md index 48871848..1cf71c24 100644 --- a/changelog.md +++ b/changelog.md @@ -1,5 +1,8 @@ # Changelog +# v1.3.5 +- Fixed bug with API use on basic supported browsers + # v1.3.4 - Code cleanup by @calvintam236 diff --git a/dist/plyr.js b/dist/plyr.js index 9a3fc1b1..32ee9ba6 100644 --- a/dist/plyr.js +++ b/dist/plyr.js @@ -1 +1 @@ -!function(e){"use strict";function t(){var e=['
','
','','','',"0% "+C.i18n.played,"",'',"0% "+C.i18n.buffered,"","
",''];return o(C.controls,"restart")&&e.push('"),o(C.controls,"rewind")&&e.push('"),o(C.controls,"play")&&e.push('",'"),o(C.controls,"fast-forward")&&e.push('"),o(C.controls,"current-time")&&e.push('',''+C.i18n.currentTime+"",'00:00',""),o(C.controls,"duration")&&e.push('',''+C.i18n.duration+"",'00:00',""),e.push("",''),o(C.controls,"mute")&&e.push('"),o(C.controls,"volume")&&e.push('",''),o(C.controls,"captions")&&e.push('"),o(C.controls,"fullscreen")&&e.push('"),e.push("","
"),e.join("")}function n(e,t){C.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll('script[src="'+e+'"]').length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?\^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function l(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 u(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document.body),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=document.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function w(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;E(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}if(dt.media.currentTime.toFixed(1)>=S(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=E(dt.captions[dt.subcount][0])){dt.currentCaption=dt.captions[dt.subcount][1];var t=dt.currentCaption.trim();dt.captionsContainer.innerHTML!=t&&(dt.captionsContainer.innerHTML="",dt.captionsContainer.innerHTML=t)}else dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,C.classes.captions.enabled,!0),C.captions.defaultActive&&(f(dt.container,C.classes.captions.active,!0),g(dt.buttons.captions,!0)))}function S(e){var t=[];return t=e.split(" --> "),A(t[0])}function E(e){var t=[];return t=e.split(" --> "),A(t[1])}function A(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 P(e){return dt.container.querySelectorAll(e)}function N(e){return P(e)[0]}function M(){try{return window.self!==window.top}catch(e){return!0}}function I(){var e=C.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",C.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),C.tooltips)for(var r=P(C.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,C.classes.hidden,!1),f(s,C.classes.tooltip,!0)}}function L(){try{return dt.controls=N(C.selectors.controls),dt.buttons={},dt.buttons.seek=N(C.selectors.buttons.seek),dt.buttons.play=N(C.selectors.buttons.play),dt.buttons.pause=N(C.selectors.buttons.pause),dt.buttons.restart=N(C.selectors.buttons.restart),dt.buttons.rewind=N(C.selectors.buttons.rewind),dt.buttons.forward=N(C.selectors.buttons.forward),dt.buttons.fullscreen=N(C.selectors.buttons.fullscreen),dt.buttons.mute=N(C.selectors.buttons.mute),dt.buttons.captions=N(C.selectors.buttons.captions),dt.checkboxes=P('[type="checkbox"]'),dt.progress={},dt.progress.container=N(C.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(C.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(C.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(C.selectors.buttons.volume),dt.duration=N(C.selectors.duration),dt.currentTime=N(C.selectors.currentTime),dt.seekTime=P(C.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||C.i18n.play;"undefined"!=typeof C.title&&C.title.length&&(e+=", "+C.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full&&(dt.media.removeAttribute("controls"),f(dt.container,C.classes.type.replace("{0}",dt.type),!0),f(dt.container,C.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type)){var e=document.createElement("div");e.setAttribute("class",C.classes.videoWrapper),l(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id")),null!==dt.media.getAttribute("autoplay")&&j()}function V(e){for(var t=P('[id^="youtube"]'),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,C.classes.videoWrapper,!0),f(dt.media,C.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:dt.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_load_policy:C.captions.defaultActive?1:0,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=!0,dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.supported.full&&(dt.container.querySelectorAll(C.selectors.controls).length||pt(),C.displayDuration&&nt())},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin",'
'),dt.captionsContainer=N(C.selectors.captions).querySelector("span"),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(a){}"youtube"==dt.type&&(dt.embed.seekTo(t),r&&D(),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),w(t)}function U(){f(dt.container,C.classes.playing,!dt.media.paused),f(dt.container,C.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,C.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,C.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,C.classes.fullscreen.active,dt.isFullscreen),g(dt.buttons.fullscreen,dt.isFullscreen);var a,s=!1;C.fullscreen.hideControls&&(f(dt.controls,C.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=C.storage.enabled&&x().supported?window.localStorage[C.storage.key]||C.volume:C.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&G()}function G(e){"boolean"!=typeof e&&(e=!dt.media.muted),g(dt.buttons.mute,e),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function K(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),C.storage.enabled&&x().supported&&window.localStorage.setItem(C.storage.key,e),f(dt.container,C.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&g(dt.buttons.mute,0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("boolean"!=typeof e&&(e=-1===dt.container.className.indexOf(C.classes.captions.active)),g(dt.buttons.captions,e),f(dt.container,C.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,C.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&C.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(D(),z(),at(),"string"==typeof e)st({src:e});else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),U()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&j()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function lt(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){j(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){D(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",z),y(dt.buttons.rewind,"click",W),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,z),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"click",G),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",w),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"click",Q),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),U()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",K),y(dt.media,"play pause",U),y(dt.media,"waiting canplay seeked",Z),"video"===dt.type&&C.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(z(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function ut(){if(!dt.init)return null;if(dt.container.setAttribute("class",C.selectors.container.replace(".","")),dt.init=!1,c(N(C.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(C.selectors.captions)),u(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=k(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();if(dt.type="div"===t?dt.media.getAttribute("data-type"):t,dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return;pt(),C.displayDuration&&nt(),O()}dt.init=!0}function pt(){return I(),L()?(R(),$(),K(),B(),lt(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:j,pause:D,restart:z,rewind:W,forward:Y,seek:z,source:ot,poster:it,setVolume:$,togglePlay:_,toggleMute:G,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:ut,restore:ct}:{}}var F,C,S={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:'[data-player="seek"]',play:'[data-player="play"]',pause:'[data-player="pause"]',restart:'[data-player="restart"]',rewind:'[data-player="rewind"]',forward:'[data-player="fast-forward"]',mute:'[data-player="mute"]',volume:'[data-player="volume"]',captions:'[data-player="captions"]',fullscreen:'[data-player="fullscreen"]'},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},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"}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,l=!!document.createElement("video").canPlayType;switch(e){case"video":t=l,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s&&!o;break;default:t=i&&l,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(C=w(S,t),!C.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(C.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,"function"==typeof C.onSetup&&C.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file +!function(e){"use strict";function t(){var e=['
','
','','','',"0% "+C.i18n.played,"",'',"0% "+C.i18n.buffered,"","
",''];return o(C.controls,"restart")&&e.push('"),o(C.controls,"rewind")&&e.push('"),o(C.controls,"play")&&e.push('",'"),o(C.controls,"fast-forward")&&e.push('"),o(C.controls,"current-time")&&e.push('',''+C.i18n.currentTime+"",'00:00',""),o(C.controls,"duration")&&e.push('',''+C.i18n.duration+"",'00:00',""),e.push("",''),o(C.controls,"mute")&&e.push('"),o(C.controls,"volume")&&e.push('",''),o(C.controls,"captions")&&e.push('"),o(C.controls,"fullscreen")&&e.push('"),e.push("","
"),e.join("")}function n(e,t){C.debug&&window.console&&console[t?"error":"log"](e)}function r(){var e,t,n,r=navigator.userAgent,a=navigator.appName,s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(a="IE",s="11;"):-1!==(t=r.indexOf("MSIE"))?(a="IE",s=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(a="Chrome",s=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(a="Safari",s=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(s=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(a="Firefox",s=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(a=r.substring(e,t),s=r.substring(t+1),a.toLowerCase()==a.toUpperCase()&&(a=navigator.appName)),-1!==(n=s.indexOf(";"))&&(s=s.substring(0,n)),-1!==(n=s.indexOf(" "))&&(s=s.substring(0,n)),o=parseInt(""+s,10),isNaN(o)&&(s=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),{name:a,version:o,ios:/(iPad|iPhone|iPod)/g.test(navigator.platform)}}function a(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 s(e){if(!document.querySelectorAll('script[src="'+e+'"]').length){var t=document.createElement("script");t.src=e;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)}}function o(e,t){return Array.prototype.indexOf&&-1!=e.indexOf(t)}function i(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?\^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function l(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 u(e){for(var t=e.parentNode;e.firstChild;)t.insertBefore(e.firstChild,e);t.removeChild(e)}function c(e){e.parentNode.removeChild(e)}function p(e,t){e.insertBefore(t,e.firstChild)}function d(e,t){for(var n in t)e.setAttribute(n,t[n])}function f(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function m(e,t,n,r){var a=t.split(" ");if(e instanceof NodeList)for(var s=0;sn;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(e){switch("undefined"==typeof e&&(e=document.body),this.prefix){case"":return document.fullscreenElement==e;case"moz":return document.mozFullScreenElement==e;default:return document[this.prefix+"FullscreenElement"]==e}},e.requestFullScreen=function(e){return"undefined"==typeof e&&(e=document.body),""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]()},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function x(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function T(o){function w(e){if(!dt.usingTextTracks&&"video"===dt.type&&dt.supported.full){for(dt.subcount=0,e="number"==typeof e?e:dt.media.currentTime;E(dt.captions[dt.subcount][0])dt.captions.length-1){dt.subcount=dt.captions.length-1;break}if(dt.media.currentTime.toFixed(1)>=S(dt.captions[dt.subcount][0])&&dt.media.currentTime.toFixed(1)<=E(dt.captions[dt.subcount][0])){dt.currentCaption=dt.captions[dt.subcount][1];var t=dt.currentCaption.trim();dt.captionsContainer.innerHTML!=t&&(dt.captionsContainer.innerHTML="",dt.captionsContainer.innerHTML=t)}else dt.captionsContainer.innerHTML=""}}function T(){dt.buttons.captions&&(f(dt.container,C.classes.captions.enabled,!0),C.captions.defaultActive&&(f(dt.container,C.classes.captions.active,!0),g(dt.buttons.captions,!0)))}function S(e){var t=[];return t=e.split(" --> "),A(t[0])}function E(e){var t=[];return t=e.split(" --> "),A(t[1])}function A(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 P(e){return dt.container.querySelectorAll(e)}function N(e){return P(e)[0]}function M(){try{return window.self!==window.top}catch(e){return!0}}function I(){var e=C.html;if(n("Injecting custom controls."),e||(e=t()),e=i(e,"{seektime}",C.seekTime),e=i(e,"{id}",Math.floor(1e4*Math.random())),dt.container.insertAdjacentHTML("beforeend",e),C.tooltips)for(var r=P(C.selectors.labels),a=r.length-1;a>=0;a--){var s=r[a];f(s,C.classes.hidden,!1),f(s,C.classes.tooltip,!0)}}function L(){try{return dt.controls=N(C.selectors.controls),dt.buttons={},dt.buttons.seek=N(C.selectors.buttons.seek),dt.buttons.play=N(C.selectors.buttons.play),dt.buttons.pause=N(C.selectors.buttons.pause),dt.buttons.restart=N(C.selectors.buttons.restart),dt.buttons.rewind=N(C.selectors.buttons.rewind),dt.buttons.forward=N(C.selectors.buttons.forward),dt.buttons.fullscreen=N(C.selectors.buttons.fullscreen),dt.buttons.mute=N(C.selectors.buttons.mute),dt.buttons.captions=N(C.selectors.buttons.captions),dt.checkboxes=P('[type="checkbox"]'),dt.progress={},dt.progress.container=N(C.selectors.progress.container),dt.progress.buffer={},dt.progress.buffer.bar=N(C.selectors.progress.buffer),dt.progress.buffer.text=dt.progress.buffer.bar&&dt.progress.buffer.bar.getElementsByTagName("span")[0],dt.progress.played={},dt.progress.played.bar=N(C.selectors.progress.played),dt.progress.played.text=dt.progress.played.bar&&dt.progress.played.bar.getElementsByTagName("span")[0],dt.volume=N(C.selectors.buttons.volume),dt.duration=N(C.selectors.duration),dt.currentTime=N(C.selectors.currentTime),dt.seekTime=P(C.selectors.seekTime),!0}catch(e){return n("It looks like there's a problem with your controls html. Bailing.",!0),dt.media.setAttribute("controls",""),!1}}function O(){if(dt.buttons.play){var e=dt.buttons.play.innerText||C.i18n.play;"undefined"!=typeof C.title&&C.title.length&&(e+=", "+C.title),dt.buttons.play.setAttribute("aria-label",e)}}function q(){if(!dt.media)return n("No audio or video element found!",!0),!1;if(dt.supported.full&&(dt.media.removeAttribute("controls"),f(dt.container,C.classes.type.replace("{0}",dt.type),!0),f(dt.container,C.classes.stopped,null===dt.media.getAttribute("autoplay")),dt.browser.ios&&f(dt.container,"ios",!0),"video"===dt.type)){var e=document.createElement("div");e.setAttribute("class",C.classes.videoWrapper),l(dt.media,e),dt.videoContainer=e}"youtube"==dt.type&&V(dt.media.getAttribute("data-video-id")),null!==dt.media.getAttribute("autoplay")&&j()}function V(e){for(var t=P('[id^="youtube"]'),n=t.length-1;n>=0;n--)c(t[n]);var r=document.createElement("div");r.setAttribute("id","youtube-"+Math.floor(1e4*Math.random())),dt.media.appendChild(r),f(dt.media,C.classes.videoWrapper,!0),f(dt.media,C.classes.embedWrapper,!0),"object"==typeof YT?H(e,r):(s("https://www.youtube.com/iframe_api"),window.onYouTubeIframeAPIReady=function(){H(e,r)})}function H(e,t){n("YouTube API Ready"),"timer"in dt||(dt.timer={}),dt.embed=new YT.Player(t.id,{videoId:e,playerVars:{autoplay:0,controls:dt.supported.full?0:1,rel:0,showinfo:0,iv_load_policy:3,cc_load_policy:C.captions.defaultActive?1:0,cc_lang_pref:"en",wmode:"transparent",modestbranding:1,disablekb:1},events:{onReady:function(e){var t=e.target;dt.media.play=function(){t.playVideo()},dt.media.pause=function(){t.pauseVideo()},dt.media.stop=function(){t.stopVideo()},dt.media.duration=t.getDuration(),dt.media.paused=!0,dt.media.currentTime=t.getCurrentTime(),dt.media.muted=t.isMuted(),v(dt.media,"timeupdate"),window.clearInterval(dt.timer.buffering),dt.timer.buffering=window.setInterval(function(){dt.media.buffered=t.getVideoLoadedFraction(),v(dt.media,"progress"),1===dt.media.buffered&&window.clearInterval(dt.timer.buffering)},200),dt.supported.full&&(dt.container.querySelectorAll(C.selectors.controls).length||pt(),C.displayDuration&&nt())},onStateChange:function(e){var t=e.target;switch(window.clearInterval(dt.timer.playing),e.data){case 0:dt.media.paused=!0,v(dt.media,"ended");break;case 1:dt.media.paused=!1,v(dt.media,"play"),dt.timer.playing=window.setInterval(function(){dt.media.currentTime=t.getCurrentTime(),v(dt.media,"timeupdate")},200);break;case 2:dt.media.paused=!0,v(dt.media,"pause")}}}})}function R(){if("video"===dt.type){dt.videoContainer.insertAdjacentHTML("afterbegin",'
'),dt.captionsContainer=N(C.selectors.captions).querySelector("span"),dt.usingTextTracks=!1,dt.media.textTracks&&(dt.usingTextTracks=!0);for(var e,t="",r=dt.media.childNodes,a=0;a=10||"Firefox"===dt.browser.name&&dt.browser.version>=31||"Chrome"===dt.browser.name&&dt.browser.version>=43||"Safari"===dt.browser.name&&dt.browser.version>=7)&&(n("Detected unsupported browser for HTML5 captions. Using fallback."),dt.usingTextTracks=!1),dt.usingTextTracks){n("TextTracks supported.");for(var i=0;i=7){n("Safari 7+ detected; removing track from DOM."),s=dt.media.getElementsByTagName("track");for(var c=0;ct?t=0:t>dt.media.duration&&(t=dt.media.duration);try{dt.media.currentTime=t.toFixed(1)}catch(a){}"youtube"==dt.type&&(dt.embed.seekTo(t),r&&D(),v(dt.media,"timeupdate")),n("Seeking to "+dt.media.currentTime+" seconds"),w(t)}function U(){f(dt.container,C.classes.playing,!dt.media.paused),f(dt.container,C.classes.stopped,dt.media.paused)}function X(e){function t(){f(dt.container,C.classes.hover,!0),window.clearTimeout(a),s||(a=window.setTimeout(function(){f(dt.container,C.classes.hover,!1)},2e3))}function n(e){s="mouseenter"===e.type}var r=F.supportsFullScreen;e&&e.type===F.fullScreenEventName?dt.isFullscreen=F.isFullScreen(dt.container):r?(F.isFullScreen(dt.container)?F.cancelFullScreen():F.requestFullScreen(dt.container),dt.isFullscreen=F.isFullScreen(dt.container)):(dt.isFullscreen=!dt.isFullscreen,dt.isFullscreen?(y(document,"keyup",J),document.body.style.overflow="hidden"):(b(document,"keyup",J),document.body.style.overflow="")),f(dt.container,C.classes.fullscreen.active,dt.isFullscreen),g(dt.buttons.fullscreen,dt.isFullscreen);var a,s=!1;C.fullscreen.hideControls&&(f(dt.controls,C.classes.hover,!1),m(dt.controls,"mouseenter mouseleave",n,dt.isFullscreen),m(dt.container,"mousemove",t,dt.isFullscreen))}function J(e){27===(e.which||e.charCode||e.keyCode)&&dt.isFullscreen&&X()}function $(e){"undefined"==typeof e&&(e=C.storage.enabled&&x().supported?window.localStorage[C.storage.key]||C.volume:C.volume),e>10&&(e=10),0>e&&(e=0),dt.media.volume=parseFloat(e/10),"youtube"==dt.type&&(dt.embed.setVolume(100*dt.media.volume),v(dt.media,"volumechange")),dt.media.muted&&e>0&&G()}function G(e){"boolean"!=typeof e&&(e=!dt.media.muted),g(dt.buttons.mute,e),dt.media.muted=e,"youtube"===dt.type&&(dt.embed[dt.media.muted?"mute":"unMute"](),v(dt.media,"volumechange"))}function K(){var e=dt.media.muted?0:10*dt.media.volume;dt.supported.full&&dt.volume&&(dt.volume.value=e),C.storage.enabled&&x().supported&&window.localStorage.setItem(C.storage.key,e),f(dt.container,C.classes.muted,0===e),dt.supported.full&&dt.buttons.mute&&g(dt.buttons.mute,0===e)}function Q(e){dt.supported.full&&dt.buttons.captions&&("boolean"!=typeof e&&(e=-1===dt.container.className.indexOf(C.classes.captions.active)),g(dt.buttons.captions,e),f(dt.container,C.classes.captions.active,e))}function Z(e){var t="waiting"===e.type;clearTimeout(dt.loadingTimer),dt.loadingTimer=setTimeout(function(){f(dt.container,C.classes.loading,t)},t?250:0)}function et(e){var t=dt.progress.played.bar,n=dt.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=h(dt.media.currentTime,dt.media.duration),"timeupdate"==e.type&&dt.buttons.seek&&(dt.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=dt.progress.buffer.bar,n=dt.progress.buffer.text,r=function(){var e=dt.media.buffered;return e&&e.length?h(e.end(0),dt.media.duration):"number"==typeof e?100*e:0}()}t&&(t.value=r),n&&(n.innerHTML=r)}function tt(e,t){if(t){dt.secs=parseInt(e%60),dt.mins=parseInt(e/60%60),dt.hours=parseInt(e/60/60%60);var n=parseInt(dt.media.duration/60/60%60)>0;dt.secs=("0"+dt.secs).slice(-2),dt.mins=("0"+dt.mins).slice(-2),t.innerHTML=(n?dt.hours+":":"")+dt.mins+":"+dt.secs}}function nt(){var e=dt.media.duration||0;!dt.duration&&C.displayDuration&&dt.media.paused&&tt(e,dt.currentTime),dt.duration&&tt(e,dt.duration)}function rt(e){tt(dt.media.currentTime,dt.currentTime),et(e)}function at(){for(var e=dt.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)c(e[t]);dt.media.removeAttribute("src")}function st(e){if(e.src){var t=document.createElement("source");d(t,e),p(dt.media,t)}}function ot(e){if("youtube"===dt.type&&"string"==typeof e)return dt.embed.destroy(),V(e),rt(),void 0;if(D(),z(),at(),"string"==typeof e)st({src:e});else if(e.constructor===Array)for(var t in e)st(e[t]);dt.supported.full&&(rt(),U()),dt.media.load(),null!==dt.media.getAttribute("autoplay")&&j()}function it(e){"video"===dt.type&&dt.media.setAttribute("poster",e)}function lt(){function e(){var e=document.activeElement;e&&e!=document.body?document.querySelector&&(e=document.querySelector(":focus")):e=null;for(var t in dt.buttons){var n=dt.buttons[t];f(n,"tab-focus",n===e)}}var t="IE"==dt.browser.name?"change":"input";y(window,"keyup",function(t){var n=t.keyCode?t.keyCode:t.which;9==n&&e()});for(var n in dt.buttons){var r=dt.buttons[n];y(r,"blur",function(){f(r,"tab-focus",!1)})}y(dt.buttons.play,"click",function(){j(),setTimeout(function(){dt.buttons.pause.focus()},100)}),y(dt.buttons.pause,"click",function(){D(),setTimeout(function(){dt.buttons.play.focus()},100)}),y(dt.buttons.restart,"click",z),y(dt.buttons.rewind,"click",W),y(dt.buttons.forward,"click",Y),y(dt.buttons.seek,t,z),y(dt.volume,t,function(){$(this.value)}),y(dt.buttons.mute,"click",G),y(dt.buttons.fullscreen,"click",X),F.supportsFullScreen&&y(document,F.fullScreenEventName,X),y(dt.media,"timeupdate seeking",rt),y(dt.media,"timeupdate",w),y(dt.media,"loadedmetadata",nt),y(dt.buttons.captions,"click",Q),y(dt.media,"ended",function(){"video"===dt.type&&(dt.captionsContainer.innerHTML=""),U()}),y(dt.media,"progress playing",et),y(dt.media,"volumechange",K),y(dt.media,"play pause",U),y(dt.media,"waiting canplay seeked",Z),"video"===dt.type&&C.click&&y(dt.videoContainer,"click",function(){dt.media.paused?v(dt.buttons.play,"click"):dt.media.ended?(z(),v(dt.buttons.play,"click")):v(dt.buttons.pause,"click")})}function ut(){if(!dt.init)return null;if(dt.container.setAttribute("class",C.selectors.container.replace(".","")),dt.init=!1,c(N(C.selectors.controls)),"youtube"===dt.type)return dt.embed.destroy(),void 0;"video"===dt.type&&(c(N(C.selectors.captions)),u(dt.videoContainer)),dt.media.setAttribute("controls","");var e=dt.media.cloneNode(!0);dt.media.parentNode.replaceChild(e,dt.media)}function ct(){if(dt.init)return null;F=k(),dt.browser=r(),dt.media=dt.container.querySelectorAll("audio, video, div")[0];var t=dt.media.tagName.toLowerCase();if(dt.type="div"===t?dt.media.getAttribute("data-type"):t,dt.supported=e.supported(dt.type),!dt.supported.basic)return!1;if(n(dt.browser.name+" "+dt.browser.version),q(),"video"==dt.type||"audio"==dt.type){if(!dt.supported.full)return dt.init=!0,void 0;pt(),C.displayDuration&&nt(),O()}dt.init=!0}function pt(){return I(),L()?(R(),$(),K(),B(),lt(),void 0):!1}var dt=this;return dt.container=o,ct(),dt.init?{media:dt.media,play:j,pause:D,restart:z,rewind:W,forward:Y,seek:z,source:ot,poster:it,setVolume:$,togglePlay:_,toggleMute:G,toggleCaptions:Q,toggleFullscreen:X,isFullscreen:function(){return dt.isFullscreen||!1},support:function(e){return a(dt,e)},destroy:ut,restore:ct}:{}}var F,C,S={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,displayDuration:!0,iconPrefix:"icon",selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:'[data-player="seek"]',play:'[data-player="play"]',pause:'[data-player="pause"]',restart:'[data-player="restart"]',rewind:'[data-player="rewind"]',forward:'[data-player="fast-forward"]',mute:'[data-player="mute"]',volume:'[data-player="volume"]',captions:'[data-player="captions"]',fullscreen:'[data-player="fullscreen"]'},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",currentTime:".player-current-time",duration:".player-duration"},classes:{videoWrapper:"player-video-wrapper",embedWrapper:"player-video-embed",type:"player-{0}",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",hover:"player-hover",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active",hideControls:"fullscreen-hide-controls"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0,hideControls:!0},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"}};e.supported=function(e){var t,n,a=r(),s="IE"===a.name&&a.version<=9,o=/iPhone|iPod/i.test(navigator.userAgent),i=!!document.createElement("audio").canPlayType,l=!!document.createElement("video").canPlayType;switch(e){case"video":t=l,n=t&&!s&&!o;break;case"audio":t=i,n=t&&!s;break;case"youtube":t=!0,n=!s&&!o;break;default:t=i&&l,n=t&&!s}return{basic:t,full:n}},e.setup=function(t){if(C=w(S,t),!C.enabled||!e.supported().basic)return!1;for(var n=document.querySelectorAll(C.selectors.container),r=[],a=n.length-1;a>=0;a--){var s=n[a];if("undefined"==typeof s.plyr){var o=new T(s);s.plyr=Object.keys(o).length?o:!1,"function"==typeof C.onSetup&&C.onSetup.apply(s.plyr)}r.push(s.plyr)}return r}}(this.plyr=this.plyr||{}); \ No newline at end of file diff --git a/dist/sprite.svg b/dist/sprite.svg index ac1b6f62..b4909d2d 100644 --- a/dist/sprite.svg +++ b/dist/sprite.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/docs/error.html b/docs/error.html index 53ce53b7..de0428d7 100644 --- a/docs/error.html +++ b/docs/error.html @@ -6,7 +6,7 @@ - +
diff --git a/docs/index.html b/docs/index.html index a749a08a..d6171a78 100644 --- a/docs/index.html +++ b/docs/index.html @@ -8,10 +8,10 @@ - + - +
@@ -97,13 +97,13 @@ b.insertBefore(c, b.childNodes[0]); } } - })(document, "https://cdn.plyr.io/1.3.4/sprite.svg"); + })(document, "https://cdn.plyr.io/1.3.5/sprite.svg"); - + - + diff --git a/gulpfile.js b/gulpfile.js index 3edf9209..5b354740 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -66,7 +66,12 @@ package = loadJSON(path.join(root, "package.json")); // Load json function loadJSON(path) { - return JSON.parse(fs.readFileSync(path)); + try { + return JSON.parse(fs.readFileSync(path)); + } + catch(err) { + return {}; + } } var build = { @@ -215,8 +220,12 @@ options = { }, gzippedOnly: true } -}, -cdnpath = new RegExp(aws.cdn.bucket + "\/(\\d+\\.)?(\\d+\\.)?(\\*|\\d+)","gi"); +}; + +// If aws is setup +if("cdn" in aws) { + var cdnpath = new RegExp(aws.cdn.bucket + "\/(\\d+\\.)?(\\d+\\.)?(\\*|\\d+)","gi"); +} // Publish version to CDN bucket gulp.task("cdn", function () { diff --git a/package.json b/package.json index 8f22c39f..2819fbd8 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "plyr", - "version": "1.3.4", + "version": "1.3.5", "description": "A simple HTML5 media player using custom controls", "homepage": "http://plyr.io", "main": "gulpfile.js", diff --git a/readme.md b/readme.md index d4483600..53bae968 100644 --- a/readme.md +++ b/readme.md @@ -40,7 +40,7 @@ If you have any cool ideas or features, please let me know by [creating an issue Check `docs/index.html` and `docs/dist/docs.js` for an example setup. -**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.3.4/plyr.js` to `https://cdn.plyr.io/1.3.4/plyr.js` +**Heads up**, the example `index.html` file needs to be served from a webserver (such as Apache, Nginx, IIS or similar) unless you change the file sources to include http or https. e.g. change `//cdn.plyr.io/1.3.5/plyr.js` to `https://cdn.plyr.io/1.3.5/plyr.js` ### Bower If bower is your thang, you can grab Plyr using: @@ -60,11 +60,11 @@ More info is on [npm](https://www.npmjs.com/package/ember-cli-plyr) and [GitHub] If you want to use our CDN, you can use the following: ```html - - + + ``` -You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.3.4/sprite.svg`. +You can also access the `sprite.svg` file at `https://cdn.plyr.io/1.3.5/sprite.svg`. ### CSS If you want to use the default css, add the `plyr.css` file from /dist into your head, or even better use `plyr.less` or `plyr.sass` file included in `/src` in your build to save a request. diff --git a/src/js/plyr.js b/src/js/plyr.js index 0f6ce88e..d69ce5f3 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -1,6 +1,6 @@ // ========================================================================== // Plyr -// plyr.js v1.3.4 +// plyr.js v1.3.5 // https://github.com/selz/plyr // License: The MIT License (MIT) // ========================================================================== @@ -1914,6 +1914,10 @@ if (player.type == 'video' || player.type == 'audio') { // Bail if no support if (!player.supported.full) { + // Successful setup + player.init = true; + + // Don't inject controls if no full support return; }