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