media contract
Video
Inline video player. Lighter than a Lightbox; auto-pauses out of viewport.
Variants
- default
- Native controls
- autoplay
- Muted autoplay loop — for hero videos
- lazy
- Poster image until clicked
Sizes
- auto
Example
<Video src="/demo.mp4" poster="/demo.jpg" controls captions={[{ src: '/demo.vtt', lang: 'en' }]} />Usage rule
Always include captions track for accessibility (`<track kind="captions">`).
The full Video contract has 4 more rules, plus the do-not patterns. Get the full recipe.