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)
• Chrome Menu
• Captions menu
• Playback rate menu
• Rendition menu
• Audio track menu

Extras

• Clip selector