diff --git a/public/videos/smoke-poster.jpg b/public/videos/smoke-poster.jpg
index f3dc377..cca05b7 100644
Binary files a/public/videos/smoke-poster.jpg and b/public/videos/smoke-poster.jpg differ
diff --git a/public/videos/smoke.mp4 b/public/videos/smoke.mp4
index 6707785..de3080f 100644
Binary files a/public/videos/smoke.mp4 and b/public/videos/smoke.mp4 differ
diff --git a/src/components/UserHeader.tsx b/src/components/UserHeader.tsx
index 5853ff8..da24d7e 100644
--- a/src/components/UserHeader.tsx
+++ b/src/components/UserHeader.tsx
@@ -288,15 +288,15 @@ export function UserHeader({ user, preferences, onModalStateChange }: UserHeader
             {...({ "disableRemotePlayback": true } as any)}
             onContextMenu={(e) => e.preventDefault()}
             poster="/videos/smoke-poster.jpg"
-            onCanPlayThrough={() => setIsVideoLoaded(true)}
+            onLoadedData={() => setIsVideoLoaded(true)}
             onPlay={() => setIsVideoPlaying(true)}
             className={cn(
               "absolute inset-0 w-full h-full object-cover scale-110 brightness-[1.1] dark:brightness-[0.85] transition-all duration-[2000ms] ease-in-out",
               isVideoPlaying
                 ? "opacity-70 dark:opacity-50 blur-0"
                 : isVideoLoaded
-                  ? "opacity-40 blur-[2px]"
-                  : "opacity-0 blur-sm"
+                  ? "opacity-30 blur-[4px]"
+                  : "opacity-10 blur-sm"
             )}
           >
             <source src="/videos/smoke.mp4" type="video/mp4" />