From cd3962ca3296e3478dca84bd6a4557ed0a158f1a Mon Sep 17 00:00:00 2001
From: Sam Potts <sam@potts.es>
Date: Sat, 14 Nov 2020 12:50:49 +1100
Subject: [PATCH] fix: hide poster when not using custom controls

---
 src/js/media.js | 1 +
 src/js/ui.js    | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/src/js/media.js b/src/js/media.js
index 4584fea3..ddac5ebf 100644
--- a/src/js/media.js
+++ b/src/js/media.js
@@ -41,6 +41,7 @@ const media = {
       // Poster image container
       this.elements.poster = createElement('div', {
         class: this.config.classNames.poster,
+        hidden: '',
       });
 
       this.elements.wrapper.appendChild(this.elements.poster);
diff --git a/src/js/ui.js b/src/js/ui.js
index f882fc2b..c8b19677 100644
--- a/src/js/ui.js
+++ b/src/js/ui.js
@@ -172,6 +172,9 @@ const ui = {
     // Set property synchronously to respect the call order
     this.media.setAttribute('data-poster', poster);
 
+    // Show the poster
+    this.elements.poster.removeAttribute('hidden');
+
     // Wait until ui is ready
     return (
       ready