Fix for iOS 9 throwing error for name property in fullscreen API (fixes #908)

dist/plyr.js

@@ -77,7 +77,7 @@ var defaults = {
     // Sprite (for icons)
     loadSprite: true,
     iconPrefix: 'plyr',
-    iconUrl: 'https://cdn.plyr.io/3.2.1/plyr.svg',
+    iconUrl: 'https://cdn.plyr.io/3.2.2/plyr.svg',
 
     // Blank video (used to prevent errors on source change)
     blankVideo: 'https://cdn.plyr.io/static/blank.mp4',
@@ -1958,7 +1958,7 @@ var Fullscreen = function () {
 
         // Get prefix
         this.prefix = Fullscreen.prefix;
-        this.name = Fullscreen.name;
+        this.property = Fullscreen.property;
 
         // Scroll position
         this.scrollPosition = { x: 0, y: 0 };
@@ -2022,7 +2022,7 @@ var Fullscreen = function () {
             } else if (!this.prefix) {
                 this.target.requestFullscreen();
             } else if (!utils.is.empty(this.prefix)) {
-                this.target[this.prefix + 'Request' + this.name]();
+                this.target[this.prefix + 'Request' + this.property]();
             }
         }
 
@@ -2045,7 +2045,7 @@ var Fullscreen = function () {
                 (document.cancelFullScreen || document.exitFullscreen).call(document);
             } else if (!utils.is.empty(this.prefix)) {
                 var action = this.prefix === 'moz' ? 'Cancel' : 'Exit';
-                document['' + this.prefix + action + this.name]();
+                document['' + this.prefix + action + this.property]();
             }
         }
 
@@ -2083,7 +2083,7 @@ var Fullscreen = function () {
                 return utils.hasClass(this.target, this.player.config.classNames.fullscreen.fallback);
             }
 
-            var element = !this.prefix ? document.fullscreenElement : document['' + this.prefix + this.name + 'Element'];
+            var element = !this.prefix ? document.fullscreenElement : document['' + this.prefix + this.property + 'Element'];
 
             return element === this.target;
         }
@@ -2127,7 +2127,7 @@ var Fullscreen = function () {
             return value;
         }
     }, {
-        key: 'name',
+        key: 'property',
         get: function get$$1() {
             return this.prefix === 'moz' ? 'FullScreen' : 'Fullscreen';
         }

dist/plyr.polyfilled.js

@@ -6992,7 +6992,7 @@ var Fullscreen = function () {
 
         // Get prefix
         this.prefix = Fullscreen.prefix;
-        this.name = Fullscreen.name;
+        this.property = Fullscreen.property;
 
         // Scroll position
         this.scrollPosition = { x: 0, y: 0 };
@@ -7056,7 +7056,7 @@ var Fullscreen = function () {
             } else if (!this.prefix) {
                 this.target.requestFullscreen();
             } else if (!utils.is.empty(this.prefix)) {
-                this.target[this.prefix + 'Request' + this.name]();
+                this.target[this.prefix + 'Request' + this.property]();
             }
         }
 
@@ -7079,7 +7079,7 @@ var Fullscreen = function () {
                 (document.cancelFullScreen || document.exitFullscreen).call(document);
             } else if (!utils.is.empty(this.prefix)) {
                 var action = this.prefix === 'moz' ? 'Cancel' : 'Exit';
-                document['' + this.prefix + action + this.name]();
+                document['' + this.prefix + action + this.property]();
             }
         }
 
@@ -7117,7 +7117,7 @@ var Fullscreen = function () {
                 return utils.hasClass(this.target, this.player.config.classNames.fullscreen.fallback);
             }
 
-            var element = !this.prefix ? document.fullscreenElement : document['' + this.prefix + this.name + 'Element'];
+            var element = !this.prefix ? document.fullscreenElement : document['' + this.prefix + this.property + 'Element'];
 
             return element === this.target;
         }
@@ -7161,7 +7161,7 @@ var Fullscreen = function () {
             return value;
         }
     }, {
-        key: 'name',
+        key: 'property',
         get: function get() {
             return this.prefix === 'moz' ? 'FullScreen' : 'Fullscreen';
         }

src/js/fullscreen.js

@@ -55,7 +55,7 @@ class Fullscreen {
 
         // Get prefix
         this.prefix = Fullscreen.prefix;
-        this.name = Fullscreen.name;
+        this.property = Fullscreen.property;
 
         // Scroll position
         this.scrollPosition = { x: 0, y: 0 };
@@ -113,7 +113,7 @@ class Fullscreen {
         return value;
     }
 
-    static get name() {
+    static get property() {
         return this.prefix === 'moz' ? 'FullScreen' : 'Fullscreen';
     }
 
@@ -138,7 +138,7 @@ class Fullscreen {
             return utils.hasClass(this.target, this.player.config.classNames.fullscreen.fallback);
         }
 
-        const element = !this.prefix ? document.fullscreenElement : document[`${this.prefix}${this.name}Element`];
+        const element = !this.prefix ? document.fullscreenElement : document[`${this.prefix}${this.property}Element`];
 
         return element === this.target;
     }
@@ -176,7 +176,7 @@ class Fullscreen {
         } else if (!this.prefix) {
             this.target.requestFullscreen();
         } else if (!utils.is.empty(this.prefix)) {
-            this.target[`${this.prefix}Request${this.name}`]();
+            this.target[`${this.prefix}Request${this.property}`]();
         }
     }
 
@@ -196,7 +196,7 @@ class Fullscreen {
             (document.cancelFullScreen || document.exitFullscreen).call(document);
         } else if (!utils.is.empty(this.prefix)) {
             const action = this.prefix === 'moz' ? 'Cancel' : 'Exit';
-            document[`${this.prefix}${action}${this.name}`]();
+            document[`${this.prefix}${action}${this.property}`]();
         }
     }