Explore the examples
Getting started
Basic example
Advanced example
Mobile example
Vertical 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
Responsive controls
Responsive Controls using Container Queries
Responsive Controls using Container Queries polyfill
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
<mux-video/>
Media Element
Media Playlist
Example themes
Minimal Theme
Microvideo Theme
Youtube Theme
Netflix Theme
Spotify Theme
Responsive Theme
Winamp Theme
Demuxed 2021 Theme
Demuxed 2022 Theme
Individual controls
All individual controls in the docs
Experimental
All components (useful for testing)
Settings Menu
Chrome Menu
Captions menu
Playback rate menu
Rendition menu
Audio track menu
Extras
Clip selector