Video
Responsive video players and embeds for HTML5, YouTube, and Vimeo
HTML5 Video Player
Standard HTML5 video element with
custom controls and poster image.
YouTube Embedded Video
Responsive YouTube embed using a container with a 16:9 aspect ratio.
Vimeo Embedded Video
Vimeo videos can be embedded similarly to YouTube with responsive containers.
Video with Custom Overlay
Click To
Watch
Interactive overlay masking a background video (auto-playing and muted).
Aspect Ratio Examples
16:9 (Video)
class="aspect-video"
1:1 (Square)
class="aspect-square"
4:3 (Classic)
aspect-[4/3]
21:9 (Ultrawide)
aspect-[21/9]