UI: Final surgical fix for iOS PWA play button - baseline encoding & CSS HUD override

This commit is contained in:
Avery Felts 2026-01-31 19:43:03 -07:00
parent 5795fd0468
commit b46c220027
2 changed files with 11 additions and 0 deletions

Binary file not shown.

View File

@ -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)}