Prep for v1.5

changelog.md

@@ -1,21 +1,26 @@
 # Changelog
 
-# v1.3.5
+# v1.5.0
+- *Beta* Vimeo support (please report bugs)
+- New options for initialization (see docs)
+- 
+
+## v1.3.5
 - Fixed bug with API use on basic supported browsers
 
-# v1.3.4
+## v1.3.4
 - Code cleanup by @calvintam236
 
-# v1.3.3
+## v1.3.3
 - Removed captions being read by screen readers
 
-# v1.3.2
+## v1.3.2
 - Voiceover fix for captions
 
-# v1.3.1 
+## v1.3.1
 - ARIA improvements for captions being read
 
-# v1.3.0
+## 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

package.json

@@ -1,6 +1,6 @@
 {
   "name": "plyr",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "A simple HTML5 media player using custom controls",
   "homepage": "http://plyr.io",
   "main": "gulpfile.js",

src/js/plyr.js

@@ -1,13 +1,26 @@
 // ==========================================================================
 // Plyr
-// plyr.js v1.4.0
+// plyr.js v1.5.0
 // https://github.com/selz/plyr
 // License: The MIT License (MIT)
 // ==========================================================================
 // Credits: http://paypal.github.io/accessible-html5-video-player/
 // ==========================================================================
 
-(function (api) {
+(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD
+        define(null, factory);
+    } else if (typeof exports === 'object') {
+        // Node, CommonJS-like
+        module.exports = factory();
+    } else {
+        // Browser globals (root is window)
+        root.plyr = factory();
+    }
+}(this, function () {
+    var api = {};
+
     'use strict';
     /*global YT,$f*/
 
@@ -2309,7 +2322,7 @@
     // Expose setup function
     api.setup = function(elements, options) {
         // Get the players
-        var instances = [];
+        var instances = [], elements = [];
 
         // Select the elements
         // Assume elements is a NodeList by default
@@ -2336,7 +2349,7 @@
 
         // Bail if disabled or no basic support
         // You may want to disable certain UAs etc
-        if (!config.enabled || !api.supported().basic) {
+        if (!config.enabled || !api.supported().basic || !elements.length) {
             return false;
         }
 
@@ -2366,4 +2379,5 @@
         return instances;
     };
 
-}(this.plyr = this.plyr || {}));
+    return api;
+}));

src/less/plyr.less

@@ -110,9 +110,19 @@
     width: @volume-thumb-width;
     background: @volume-thumb-bg;
     border: 0;
-    border-radius: (@volume-thumb-height / 2);
+    border-radius: 100%;
-    transition: background .3s ease;
+    transition: background .3s ease, transform .2s ease;
     cursor: ew-resize;
+
+    &:hover {
+        transform: scale(110%);
+    }
+    &:active {
+        height: @volume-thumb-height + 3;
+        width: @volume-thumb-width + 3;
+        border: 2px solid @control-bg-hover;
+        background: #fff !important;
+    }
 }
 .volume-track() {
     height: @volume-track-height;
@@ -530,6 +540,10 @@
             -webkit-appearance: none;
             margin-top: -((@volume-thumb-height - @volume-track-height) / 2);
             .volume-thumb();
+
+            &:active {
+                margin-top: -(((@volume-thumb-height - @volume-track-height) / 2) + 1);
+            }
         }
 
         // Mozilla