foundation
Video and audio
Provide controls, captions, transcripts, poster images, preload choices, and graceful fallback content.
`video` and `audio` should expose controls unless a custom player fully recreates keyboard and accessibility behavior. Captions, transcripts, poster images, `preload`, and muted autoplay rules determine whether media works across users and devices.
<video controls preload="metadata" poster="preview.jpg">
<source src="talk.webm" type="video/webm">
<track kind="captions" src="talk.vtt" srclang="en" label="English">
<p>Download <a href="talk.mp4">the talk</a>.</p>
</video>
Captions assist deaf users; transcripts help search and skimming. Autoplay with sound is widely blocked.
On interviews: captions vs subtitles, preload trade-offs, autoplay policy, accessible custom players.
Common pitfalls: missing captions; heavy `preload="auto"` before user intent; surprise audio on load.
Checklist:
- Provide controls or an equivalent accessible player.
- Add captions or transcripts.
- Choose `preload` deliberately.
- Respect autoplay restrictions.