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.