From aab2817ddcd9ced700980001f3c5541195a714c8 Mon Sep 17 00:00:00 2001
From: Albin Larsson <mail@albinlarsson.com>
Date: Fri, 15 Jun 2018 22:57:16 +0200
Subject: Copy poster when creating new media element for YouTube and Vimeo
 (needed for #1018)

---
 src/js/plugins/youtube.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'src/js/plugins/youtube.js')

diff --git a/src/js/plugins/youtube.js b/src/js/plugins/youtube.js
index a1e52b48..8c4ebc1c 100644
--- a/src/js/plugins/youtube.js
+++ b/src/js/plugins/youtube.js
@@ -158,7 +158,12 @@ const youtube = {
         // Replace the <iframe> with a <div> due to YouTube API issues
         const videoId = parseId(source);
         const id = generateId(player.provider);
-        const container = createElement('div', { id });
+
+        // Get poster, if already set
+        const { poster } = player;
+
+        // Replace media element
+        const container = createElement('div', { id, poster });
         player.media = replaceElement(container, player.media);
 
         // Set poster image
-- 
cgit v1.2.3


From 115f352ade7fbe133a42fd434dbcc1fca13287a7 Mon Sep 17 00:00:00 2001
From: Albin Larsson <mail@albinlarsson.com>
Date: Fri, 15 Jun 2018 23:56:47 +0200
Subject: Respect call order and prioritize public API calls for setting
 poster, in order to avoid race conditions

---
 src/js/plugins/youtube.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'src/js/plugins/youtube.js')

diff --git a/src/js/plugins/youtube.js b/src/js/plugins/youtube.js
index 8c4ebc1c..94369ece 100644
--- a/src/js/plugins/youtube.js
+++ b/src/js/plugins/youtube.js
@@ -166,7 +166,7 @@ const youtube = {
         const container = createElement('div', { id, poster });
         player.media = replaceElement(container, player.media);
 
-        // Set poster image
+        // Id to poster wrapper
         const posterSrc = format => `https://img.youtube.com/vi/${videoId}/${format}default.jpg`;
 
         // Check thumbnail images in order of quality, but reject fallback thumbnails (120px wide)
@@ -179,7 +179,8 @@ const youtube = {
                 if (!posterSrc.includes('maxres')) {
                     player.elements.poster.style.backgroundSize = 'cover';
                 }
-            });
+            })
+            .catch(() => {});
 
         // Setup instance
         // https://developers.google.com/youtube/iframe_api_reference
-- 
cgit v1.2.3