diff options
| -rw-r--r-- | docs/index.youtube.html | 68 | ||||
| -rw-r--r-- | package.json | 2 | ||||
| -rw-r--r-- | src/js/plyr.js | 2 | ||||
| -rw-r--r-- | src/less/plyr.less | 3 | ||||
| -rw-r--r-- | src/sass/plyr.scss | 18 |
5 files changed, 14 insertions, 79 deletions
diff --git a/docs/index.youtube.html b/docs/index.youtube.html deleted file mode 100644 index c234bae8..00000000 --- a/docs/index.youtube.html +++ /dev/null @@ -1,68 +0,0 @@ -<!doctype html> -<html lang="en"> - <head> - <meta charset="utf-8" /> - <title>Plyr - A simple HTML5 media player</title> - <meta name="description" content="A simple HTML5 media player with custom controls and WebVTT captions."> - <meta name="author" content="Sam Potts"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - - <!-- Styles --> - <link rel="stylesheet" href="../dist/plyr.css"> - - <!-- Docs styles --> - <link rel="stylesheet" href="dist/docs.css"> - </head> - <body> - <header> - <h1>Plyr</h1> - <p>A simple HTML5 media player with custom controls and WebVTT captions by <a href="https://twitter.com/sam_potts" target="_blank">@sam_potts</a></p> - <ul class="actions"> - <li> - <a href="https://github.com/selz/plyr" target="_blank" class="btn btn-download">Download on GitHub</a> - <span class="btn-count js-stargazers-count">…</span> - </li> - <li> - <a href="https://twitter.com/intent/tweet?text=A+simple+HTML5+media+player+with+custom+controls+and+WebVTT+captions.&url=http%3A%2F%2Fplyr.io&via=Sam_Potts" target="_blank" class="btn btn-twitter js-popup" data-window-height="250" data-window-width="500">Tweet</a> - <span class="btn-count js-tweet-count">…</span> - </li> - </ul> - </header> - - <main> - <section class="example-video"> - <div class="player"> - <div data-video-id="Au87oAJ2jeE" data-type="youtube"></div> - </div> - </section> - </main> - - <!-- Load SVG defs --> - <!-- You should bundle all SVG/Icons into one file using a build tool such as gulp and svg store --> - <script> - (function(d, u){ - var a = new XMLHttpRequest(), - b = d.body; - - // If proper CORS supported - if("withCredentials" in a) { - a.open("GET", u, true); - a.send(); - a.onload = function(){ - var c = d.createElement("div"); - c.style.display="none"; - c.innerHTML = a.responseText; - b.insertBefore(c, b.childNodes[0]); - } - } - })(document, "../dist/sprite.svg"); - </script> - - <!-- Plyr core script --> - <script src="../src/js/plyr.js"></script> - <!--<script src="../dist/plyr.js"></script>--> - - <!-- Docs script --> - <script src="dist/docs.js"></script> - </body> -</html>
\ No newline at end of file diff --git a/package.json b/package.json index 91096dcd..daf34eaf 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "plyr", - "version": "1.1.14", + "version": "1.2.0", "description": "A simple HTML5 media player using custom controls", "homepage": "http://plyr.io", "main": "gulpfile.js", diff --git a/src/js/plyr.js b/src/js/plyr.js index 232c49a8..8f3f7573 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -1,6 +1,6 @@ // ========================================================================== // Plyr -// plyr.js v1.1.14 +// plyr.js v1.2.0 // https://github.com/selz/plyr // License: The MIT License (MIT) // ========================================================================== diff --git a/src/less/plyr.less b/src/less/plyr.less index 75d94b0f..ecc37e37 100644 --- a/src/less/plyr.less +++ b/src/less/plyr.less @@ -1,5 +1,6 @@ // ========================================================================== -// HTML5 Media Player +// Plyr styles +// https://github.com/selz/plyr // ========================================================================== // Variables diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss index 011a5368..767dc501 100644 --- a/src/sass/plyr.scss +++ b/src/sass/plyr.scss @@ -1,5 +1,6 @@ // ========================================================================== -// HTML5 Media Player +// Plyr styles +// https://github.com/selz/plyr // ========================================================================== // Variables @@ -51,6 +52,13 @@ $volume-thumb-bg-focus: $control-bg-hover !default; $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 +// --------------------------------------- + +@keyframes progress { + to { background-position: $progress-loading-size 0; } +} + // Mixins // ------------------------------- @@ -100,13 +108,7 @@ $bp-captions-large: 768px !default; // When captions jump to the larger fo outline-offset: 0; } -// Animation -// --------------------------------------- -@keyframes progress { - to { background-position: $progress-loading-size 0; } -} - -// <input type="range"> styling +// Range mixins @mixin volume-thumb() { height: $volume-thumb-height; |