diff --git a/public/videos/smoke.mp4 b/public/videos/smoke.mp4
index 1d4efde..28773f9 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 51e9ac5..5b948e2 100644
--- a/src/components/UserHeader.tsx
+++ b/src/components/UserHeader.tsx
@@ -246,6 +246,14 @@ export function UserHeader({ user, preferences, onModalStateChange }: UserHeader
       }}>
         {/* Background Layers */}
         <div className="absolute inset-0 z-[-1] pointer-events-none overflow-hidden">
+          <style dangerouslySetInnerHTML={{
+            __html: `
+            video::-webkit-media-controls-start-playback-button {
+              display: none !important;
+              -webkit-appearance: none;
+            }
+          ` }} />
+
           {/* Base Color & Blur Layer */}
           <div
             className="absolute inset-0 transition-colors duration-500"
@@ -263,8 +271,11 @@ export function UserHeader({ user, preferences, onModalStateChange }: UserHeader
             loop
             muted
             playsInline
+            {...({ "webkit-playsinline": "true" } as any)}
             preload="auto"
             controls={false}
+            disablePictureInPicture
+            {...({ "disableRemotePlayback": true } as any)}
             onContextMenu={(e) => e.preventDefault()}
             poster="/videos/smoke-poster.jpg"
             onCanPlayThrough={() => setIsVideoLoaded(true)}