Explore the examples
Getting started
Basic example
Advanced example
Mobile example
Portrait video example
Casting video example
Using a wrapper element for your UI
Standalone controls
Disabled controls
Animated icons
Understanding
<media-controller>
slots
State change events demo
Progressive Web Application (PWA)
Responsive controls using Container Queries
Responsive controls using breakpoint attributes
Tooltips
Media element examples
HLS Media Element
DASH Media Element
Youtube Media Element
Vimeo Media Element
Video.js Media Element
JW Player Media Element
Wistia Media Element
Spotify Media Element
<mux-video>
Media Element
Media Playlist
Example themes
Tailwind Audio Theme
Minimal Theme
Microvideo Theme
Youtube Theme
Winamp Theme
Demuxed 2022 Theme
Individual controls
All individual controls in the docs
All components (useful for testing)
Settings Menu
Chrome Menu
Captions menu
Playback rate menu
Rendition menu
Audio track menu
Extras
Clip selector