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