Audio and Video

HTML5 provides native elements for embedding audio and video content without plugins. These elements offer built-in controls and accessibility features.

The Video Element

Video attributes:

• controls - Show playback controls
• poster - Image shown before playback
• width/height - Dimensions
• autoplay - Auto-start (often blocked)
• loop - Repeat playback
• muted - Start muted

Multiple Video Sources

The Audio Element

Audio attributes:

• controls - Show audio controls
• autoplay - Auto-start
• loop - Repeat
• muted - Start muted
• preload - Hint for preloading

Video with Captions

Track element kinds:

• subtitles - Translations
• captions - Dialogue + sound descriptions
• descriptions - Video descriptions for blind users
• chapters - Chapter navigation

Responsive Video

Embedding External Videos

Autoplay Considerations

Exercise: Add Video with Captions

Create a video player with captions support:

Native video and audio elements provide accessible, no-plugin media playback!