fix: hide poster when not using custom controls

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);

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