@remotion/promo-pages: Render homepage videos after hydration

[JonnyBurger]

Summary

• Defer the six homepage videos until after hydration
• Keep the existing aspect-ratio containers as SSR placeholders
• Select the WebM or WebKit MP4 source after mounting

Test plan

• bun run build
• bun run stylecheck
• Verified SSR card markup contains placeholders without video elements
• Verified client mounting selects WebM normally and MP4 on WebKit

Closes #9727

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
bugs	Ready	Preview, Comment	Jul 29, 2026 1:37pm
remotion	Ready	Preview, Comment	Jul 29, 2026 1:37pm

[pullfrog]

✅ No new issues found.

Reviewed changes — Defers homepage video rendering from SSR to client hydration by initializing the video source as null and guarding <video> elements behind a truthy src check, preventing hydration mismatches between server and client while preserving layout via existing aspect-square containers.

• useTransparentVideoSource — initializes src state as null instead of videoSrc, deferring source selection to the useEffect that runs isWebkit() on mount.
• Three MakeVideos* components — gates <video> rendering on showVideo && src instead of showVideo, so the video element only appears after the client-side effect sets the correct (WebM or MP4) source.

  ^{｜ View workflow run ｜ Using DeepSeek Pro (free via Pullfrog for OSS) (Claude Opus not used — the program covers this model; add its provider key to run your pick) ｜ 𝕏}