Vimeo fix

dist/plyr.js

@@ -77,7 +77,7 @@ var defaults = {
     // Sprite (for icons)
     loadSprite: true,
     iconPrefix: 'plyr',
-    iconUrl: 'https://cdn.plyr.io/3.0.0-beta.19/plyr.svg',
+    iconUrl: 'https://cdn.plyr.io/3.0.0-beta.20/plyr.svg',
 
     // Blank video (used to prevent errors on source change)
     blankVideo: 'https://cdn.plyr.io/static/blank.mp4',
@@ -1511,13 +1511,9 @@ var support = {
                 break;
 
             case 'youtube:video':
-                api = true;
-                ui = support.rangeInput && (!browser.isIPhone || playsInline);
-                break;
-
             case 'vimeo:video':
                 api = true;
-                ui = support.rangeInput && !browser.isIPhone;
+                ui = support.rangeInput && (!browser.isIPhone || playsInline);
                 break;
 
             default:
@@ -2179,7 +2175,7 @@ var ui = {
         var _this = this;
 
         // Re-attach media element listeners
-        // TODO: Use event bubbling
+        // TODO: Use event bubbling?
         this.listeners.media();
 
         // Don't setup interface if no support
@@ -6041,7 +6037,7 @@ var source = {
 
 // ==========================================================================
 // Plyr
-// plyr.js v3.0.0-beta.19
+// plyr.js v3.0.0-beta.20
 // https://github.com/sampotts/plyr
 // License: The MIT License (MIT)
 // ==========================================================================
@@ -6648,6 +6644,10 @@ var Plyr = function () {
 
             var soft = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
 
+            if (!this.ready) {
+                return;
+            }
+
             var done = function done() {
                 // Reset overflow (incase destroyed while in fullscreen)
                 document.body.style.overflow = '';
@@ -6690,6 +6690,9 @@ var Plyr = function () {
                         callback.call(_this4.elements.original);
                     }
 
+                    // Reset state
+                    _this4.ready = false;
+
                     // Clear for garbage collection
                     setTimeout(function () {
                         _this4.elements = null;

dist/plyr.polyfilled.js

@@ -6702,13 +6702,9 @@ var support = {
                 break;
 
             case 'youtube:video':
-                api = true;
-                ui = support.rangeInput && (!browser.isIPhone || playsInline);
-                break;
-
             case 'vimeo:video':
                 api = true;
-                ui = support.rangeInput && !browser.isIPhone;
+                ui = support.rangeInput && (!browser.isIPhone || playsInline);
                 break;
 
             default:
@@ -7370,7 +7366,7 @@ var ui = {
         var _this = this;
 
         // Re-attach media element listeners
-        // TODO: Use event bubbling
+        // TODO: Use event bubbling?
         this.listeners.media();
 
         // Don't setup interface if no support
@@ -11839,6 +11835,10 @@ var Plyr$1 = function () {
 
             var soft = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
 
+            if (!this.ready) {
+                return;
+            }
+
             var done = function done() {
                 // Reset overflow (incase destroyed while in fullscreen)
                 document.body.style.overflow = '';
@@ -11881,6 +11881,9 @@ var Plyr$1 = function () {
                         callback.call(_this4.elements.original);
                     }
 
+                    // Reset state
+                    _this4.ready = false;
+
                     // Clear for garbage collection
                     setTimeout(function () {
                         _this4.elements = null;
@@ -12500,7 +12503,7 @@ var Plyr$1 = function () {
 
 // ==========================================================================
 // Plyr Polyfilled Build
-// plyr.js v3.0.0-beta.19
+// plyr.js v3.0.0-beta.20
 // https://github.com/sampotts/plyr
 // License: The MIT License (MIT)
 // ==========================================================================

package.json

@@ -39,7 +39,7 @@
         "rollup-plugin-commonjs": "^8.4.1",
         "rollup-plugin-node-resolve": "^3.2.0",
         "run-sequence": "^2.2.1",
-        "stylelint": "^9.1.1",
+        "stylelint": "^9.1.3",
         "stylelint-config-prettier": "^3.0.4",
         "stylelint-config-recommended": "^2.1.0",
         "stylelint-config-sass-guidelines": "^5.0.0",
@@ -47,7 +47,15 @@
         "stylelint-scss": "^2.5.0",
         "stylelint-selector-bem-pattern": "^2.0.0"
     },
-    "keywords": ["HTML5 Video", "HTML5 Audio", "Media Player", "DASH", "Shaka", "WordPress", "HLS"],
+    "keywords": [
+        "HTML5 Video",
+        "HTML5 Audio",
+        "Media Player",
+        "DASH",
+        "Shaka",
+        "WordPress",
+        "HLS"
+    ],
     "repository": {
         "type": "git",
         "url": "git://github.com/sampotts/plyr.git"

src/js/plyr.js

@@ -1029,6 +1029,10 @@ class Plyr {
      * @param {boolean} soft - Whether it's a soft destroy (for source changes etc)
      */
     destroy(callback, soft = false) {
+        if (!this.ready) {
+            return;
+        }
+
         const done = () => {
             // Reset overflow (incase destroyed while in fullscreen)
             document.body.style.overflow = '';
@@ -1071,6 +1075,9 @@ class Plyr {
                     callback.call(this.elements.original);
                 }
 
+                // Reset state
+                this.ready = false;
+
                 // Clear for garbage collection
                 setTimeout(() => {
                     this.elements = null;

src/js/support.js

@@ -30,13 +30,9 @@ const support = {
                 break;
 
             case 'youtube:video':
-                api = true;
-                ui = support.rangeInput && (!browser.isIPhone || playsInline);
-                break;
-
             case 'vimeo:video':
                 api = true;
-                ui = support.rangeInput && !browser.isIPhone;
+                ui = support.rangeInput && (!browser.isIPhone || playsInline);
                 break;
 
             default:

src/js/ui.js

@@ -5,7 +5,6 @@
 import utils from './utils';
 import captions from './captions';
 import controls from './controls';
-import listeners from './listeners';
 
 const ui = {
     addStyleHook() {
@@ -25,7 +24,7 @@ const ui = {
     // Setup the UI
     build() {
         // Re-attach media element listeners
-        // TODO: Use event bubbling
+        // TODO: Use event bubbling?
         this.listeners.media();
 
         // Don't setup interface if no support

src/sass/plugins/ads.scss

@@ -3,9 +3,11 @@
 // ==========================================================================
 
 .plyr__ads {
+    border-radius: inherit;
     bottom: 0;
     cursor: pointer;
     left: 0;
+    overflow: hidden;
     position: absolute;
     right: 0;
     top: 0;