Video Background

When to Use

• Brand/mood setting on landing pages
• Product demo as hero
• Event/conference marketing
• NOT on app interfaces or tool pages

Rules

1. Muted by default (never autoplay audio)
2. No controls visible (it's a background, not a player)
3. Loop seamlessly
4. Fallback poster image for slow connections
5. Reduce motion: show static image for prefers-reduced-motion
6. Dark overlay for text readability
7. Compress aggressively (720p max for backgrounds)
8. Lazy load below fold