diff --git a/src/components/player/kinescope-player.tsx b/src/components/player/kinescope-player.tsx
index 0f7dc5a..211fc7e 100644
--- a/src/components/player/kinescope-player.tsx
+++ b/src/components/player/kinescope-player.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { useEffect, useState } from "react";
 import KinescopeReactPlayer from "@kinescope/react-kinescope-player";
 
 interface Props {
@@ -8,14 +9,19 @@ interface Props {
 }
 
 export function KinescopePlayer({ videoId, poster }: Props) {
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => setMounted(true), []);
+
   return (
     <div className="w-full aspect-video" style={{ border: "2px solid var(--border)" }}>
-      <KinescopeReactPlayer
-        videoId={videoId}
-        width="100%"
-        height="100%"
-        poster={poster}
-      />
+      {mounted && (
+        <KinescopeReactPlayer
+          videoId={videoId}
+          width="100%"
+          height="100%"
+          poster={poster}
+        />
+      )}
     </div>
   );
 }