Custom controls — large
Branded play/pause overlay with the studio's typography. Defaults for hero placements.
Custom controls — large
Branded play/pause overlay with the studio's typography. Defaults for hero placements.
Custom controls — small
Compact overlay variant for tighter layouts and inline placements.
Native controls
Standard HTML5 controls — fastest to ship and fully accessible by default.
Autoplay loop
Muted, looping, no controls. The pattern for ambient hero backgrounds.
Autoplay + pause on hover
Plays on its own, pauses when the cursor enters the frame, resumes on leave.
Cover image — click to play
The cover image fades out the first time playback starts and stays hidden.
Autoplay + cover image
Cover sits over the frame until autoplay kicks in, then fades. Useful when the first frame of the video is dark or unflattering.
Portrait — 9:16
Vertical aspect ratio for reel-style placements.