Explore the examples

Getting started

• Basic example
• Advanced example
• Mobile example
• Vertical video example
• Casting video example
• Standalone controls
• Understanding <media-controller/> slots
• State change events demo

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

• Youtube Theme
• Netflix Theme
• Spotify Theme
• Demuxed 2021 Theme

Individual control examples

Core

• Play button
• Mute button
• Volume range
• Media controller
• Time range
• Current time display
• Time display
• Duration display
• Loading indicator
• Seek backward button
• Seek forward button
• Fullscreen button
• Picture-in-picture button
• Captions button
• AirPlay button
• Playback rate button
• Poster Image
• Preview Thumbnail

Extras

• Clip selector