CONTROL
Video
Video plays one portable HTTPS media source with the same Dowe-drawn controls on web, Android, and iOS.
SOURCE AND PLAYBACK
Use one static HTTPS source
Video accepts a regular media URL or an HLS .m3u8 manifest. Dowe disables platform chrome and draws accessible play, seek, time, mute, picture-in-picture, and fullscreen controls with bundled Solar icons.
HTTP Live Streaming
Use an HTTPS .m3u8 manifest for HLS playback. Web prefers native HLS and loads its fallback only when required.
Ordinary media
Use an HTTPS media URL for a single video. poster supplies artwork while the player is waiting to start.
Video src:"https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8" poster:"/images/trailer.jpg" autoplay:false aspect:"horizontal" scheme:"surface"ASPECT RATIO
Frame the same source for its context
horizontal is 16 / 9, vertical is 9 / 16, and square is 1 / 1. Video content stays aspect-fit and centered on both axes while poster artwork covers the authored frame.
horizontal · 16 / 9
vertical · 9 / 16
square · 1 / 1
Video src:"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4" aspect:"vertical" rounded:"lg"SURFACE
Style the player and keep controls portable
variant and scheme style the player surface and poster container. Android isolates only the active video in the system picture-in-picture window and restores it inline on exit. iOS keeps its action visible while AVKit becomes ready; the native window still requires picture-in-picture support from the current device.
Video src:"https://example.com/trailer.mp4" variant:"outlined" scheme:"warning" rounded:"md"API
Props
Video also accepts applicable common spacing, sizing, border, visibility, and accessibility props.
Prop | Type | Default |
|---|---|---|
No dataThere are no records to display | ||