diff --git a/src/components/Viewer.svelte b/src/components/Viewer.svelte
index 7db7de6..a0bd142 100644
--- a/src/components/Viewer.svelte
+++ b/src/components/Viewer.svelte
@@ -1,17 +1,17 @@
 <div>
-    <YoutubePlayer
-        id={$current ? $current.data.id : null}
-        paused={$paused}
-        muted={$muted}
-        volume={$volume}
-        bind:ready
-        bind:ended
-        bind:currentTime
-        bind:duration
-        bind:seek={seek}>
-    </YoutubePlayer>
-
     <div class="embed-container" class:hidden={!ready}>
+        <YoutubePlayer
+            id={$current ? $current.data.id : null}
+            paused={$paused}
+            muted={$muted}
+            volume={$volume}
+            bind:ready
+            bind:ended
+            bind:currentTime
+            bind:duration
+            bind:seek={seek}
+        ></YoutubePlayer>
+
         <div class="embed-overlay" on:click={() => $paused = !$paused}></div>
     </div>
 
diff --git a/src/components/YoutubePlayer.svelte b/src/components/YoutubePlayer.svelte
index c82e140..cb194a9 100644
--- a/src/components/YoutubePlayer.svelte
+++ b/src/components/YoutubePlayer.svelte
@@ -91,7 +91,7 @@
                 console.log('stateChange', event)
 
                 switch (event.data) {
-                    case STATUS.CUED:
+                    case STATUS.UNSTARTED:
                         ready = true
                         break