From bfc541b88066b805bc6813c0a584c3c88e220a40 Mon Sep 17 00:00:00 2001
From: Sam Potts <sam@potts.es>
Date: Fri, 14 Feb 2020 16:53:23 +0000
Subject: [PATCH 1/2] Ensure poster image is not downloaded again for HTML5
 videos

---
 src/js/ui.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/js/ui.js b/src/js/ui.js
index b443766b..32db6ae7 100644
--- a/src/js/ui.js
+++ b/src/js/ui.js
@@ -172,6 +172,11 @@ const ui = {
         // Set property synchronously to respect the call order
         this.media.setAttribute('poster', poster);
 
+        // HTML5 uses native poster attribute
+        if (this.isHTML5) {
+            return Promise.resolve(poster);
+        }
+
         // Wait until ui is ready
         return (
             ready

From 5afb14283a40abdf46afae8a34fd5fe66114446e Mon Sep 17 00:00:00 2001
From: Sam Potts <sam@potts.es>
Date: Fri, 14 Feb 2020 16:53:31 +0000
Subject: [PATCH 2/2] Fix for regression with volume control width

---
 src/sass/components/volume.scss | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/sass/components/volume.scss b/src/sass/components/volume.scss
index 8afd76b0..7e59b992 100644
--- a/src/sass/components/volume.scss
+++ b/src/sass/components/volume.scss
@@ -5,7 +5,10 @@
 .plyr__volume {
     align-items: center;
     display: flex;
+    max-width: 110px;
+    min-width: 80px;
     position: relative;
+    width: 20%;
 
     input[type='range'] {
         margin-left: ($plyr-control-spacing / 2);
@@ -13,12 +16,4 @@
         position: relative;
         z-index: 2;
     }
-
-    @media (min-width: $plyr-bp-sm) {
-        max-width: 90px;
-    }
-
-    @media (min-width: $plyr-bp-md) {
-        max-width: 110px;
-    }
 }