v3.5.9 deployed

demo/dist/demo.js

@@ -20382,7 +20382,7 @@ typeof navigator === "object" && (function () {
 	  // Sprite (for icons)
 	  loadSprite: true,
 	  iconPrefix: 'plyr',
-	  iconUrl: 'https://cdn.plyr.io/3.5.8/plyr.svg',
+	  iconUrl: 'https://cdn.plyr.io/3.5.9/plyr.svg',
 	  // Blank video (used to prevent errors on source change)
 	  blankVideo: 'https://cdn.plyr.io/static/blank.mp4',
 	  // Quality default
@@ -21225,7 +21225,12 @@ typeof navigator === "object" && (function () {
 	    } // Set property synchronously to respect the call order
 
 
-	    this.media.setAttribute('poster', poster); // Wait until ui is ready
+	    this.media.setAttribute('poster', poster); // HTML5 uses native poster attribute
+
+	    if (this.isHTML5) {
+	      return Promise.resolve(poster);
+	    } // Wait until ui is ready
+
 
 	    return ready.call(this) // Load image
 	    .then(function () {

dist/plyr.js

@@ -3660,7 +3660,7 @@ typeof navigator === "object" && (function (global, factory) {
     // Sprite (for icons)
     loadSprite: true,
     iconPrefix: 'plyr',
-    iconUrl: 'https://cdn.plyr.io/3.5.8/plyr.svg',
+    iconUrl: 'https://cdn.plyr.io/3.5.9/plyr.svg',
     // Blank video (used to prevent errors on source change)
     blankVideo: 'https://cdn.plyr.io/static/blank.mp4',
     // Quality default
@@ -4491,7 +4491,12 @@ typeof navigator === "object" && (function (global, factory) {
       } // Set property synchronously to respect the call order
 
 
-      this.media.setAttribute('poster', poster); // Wait until ui is ready
+      this.media.setAttribute('poster', poster); // HTML5 uses native poster attribute
+
+      if (this.isHTML5) {
+        return Promise.resolve(poster);
+      } // Wait until ui is ready
+
 
       return ready.call(this) // Load image
       .then(function () {

dist/plyr.mjs

@@ -3654,7 +3654,7 @@ var defaults$1 = {
   // Sprite (for icons)
   loadSprite: true,
   iconPrefix: 'plyr',
-  iconUrl: 'https://cdn.plyr.io/3.5.8/plyr.svg',
+  iconUrl: 'https://cdn.plyr.io/3.5.9/plyr.svg',
   // Blank video (used to prevent errors on source change)
   blankVideo: 'https://cdn.plyr.io/static/blank.mp4',
   // Quality default
@@ -4485,7 +4485,12 @@ var ui = {
     } // Set property synchronously to respect the call order
 
 
-    this.media.setAttribute('poster', poster); // Wait until ui is ready
+    this.media.setAttribute('poster', poster); // HTML5 uses native poster attribute
+
+    if (this.isHTML5) {
+      return Promise.resolve(poster);
+    } // Wait until ui is ready
+
 
     return ready.call(this) // Load image
     .then(function () {

dist/plyr.polyfilled.js

@@ -9943,7 +9943,7 @@ typeof navigator === "object" && (function (global, factory) {
     // Sprite (for icons)
     loadSprite: true,
     iconPrefix: 'plyr',
-    iconUrl: 'https://cdn.plyr.io/3.5.8/plyr.svg',
+    iconUrl: 'https://cdn.plyr.io/3.5.9/plyr.svg',
     // Blank video (used to prevent errors on source change)
     blankVideo: 'https://cdn.plyr.io/static/blank.mp4',
     // Quality default

dist/plyr.polyfilled.mjs

@@ -9937,7 +9937,7 @@ var defaults$1 = {
   // Sprite (for icons)
   loadSprite: true,
   iconPrefix: 'plyr',
-  iconUrl: 'https://cdn.plyr.io/3.5.8/plyr.svg',
+  iconUrl: 'https://cdn.plyr.io/3.5.9/plyr.svg',
   // Blank video (used to prevent errors on source change)
   blankVideo: 'https://cdn.plyr.io/static/blank.mp4',
   // Quality default

readme.md

@@ -130,13 +130,13 @@ See [initialising](#initialising) for more information on advanced setups.
 You can use our CDN (provided by [Fastly](https://www.fastly.com/)) for the JavaScript. There's 2 versions; one with and one without [polyfills](#polyfills). My recommendation would be to manage polyfills seperately as part of your application but to make life easier you can use the polyfilled build.
 
 ```html
-<script src="https://cdn.plyr.io/3.5.8/plyr.js"></script>
+<script src="https://cdn.plyr.io/3.5.9/plyr.js"></script>
 ```
 
 ...or...
 
 ```html
-<script src="https://cdn.plyr.io/3.5.8/plyr.polyfilled.js"></script>
+<script src="https://cdn.plyr.io/3.5.9/plyr.polyfilled.js"></script>
 ```
 
 ## CSS
@@ -150,13 +150,13 @@ Include the `plyr.css` stylsheet into your `<head>`.
 If you want to use our CDN (provided by [Fastly](https://www.fastly.com/)) for the default CSS, you can use the following:
 
 ```html
-<link rel="stylesheet" href="https://cdn.plyr.io/3.5.8/plyr.css" />
+<link rel="stylesheet" href="https://cdn.plyr.io/3.5.9/plyr.css" />
 ```
 
 ## SVG Sprite
 
 The SVG sprite is loaded automatically from our CDN (provided by [Fastly](https://www.fastly.com/)). To change this, see the [options](#options) below. For
-reference, the CDN hosted SVG sprite can be found at `https://cdn.plyr.io/3.5.8/plyr.svg`.
+reference, the CDN hosted SVG sprite can be found at `https://cdn.plyr.io/3.5.9/plyr.svg`.
 
 # Ads
 

src/js/config/defaults.js

@@ -61,7 +61,7 @@ const defaults = {
     // Sprite (for icons)
     loadSprite: true,
     iconPrefix: 'plyr',
-    iconUrl: 'https://cdn.plyr.io/3.5.8/plyr.svg',
+    iconUrl: 'https://cdn.plyr.io/3.5.9/plyr.svg',
 
     // Blank video (used to prevent errors on source change)
     blankVideo: 'https://cdn.plyr.io/static/blank.mp4',

src/js/plyr.js

@@ -1,6 +1,6 @@
 // ==========================================================================
 // Plyr
-// plyr.js v3.5.8
+// plyr.js v3.5.9
 // https://github.com/sampotts/plyr
 // License: The MIT License (MIT)
 // ==========================================================================

src/js/plyr.polyfilled.js

@@ -1,6 +1,6 @@
 // ==========================================================================
 // Plyr Polyfilled Build
-// plyr.js v3.5.8
+// plyr.js v3.5.9
 // https://github.com/sampotts/plyr
 // License: The MIT License (MIT)
 // ==========================================================================