foundation

Видео и аудио

Добавляйте controls, captions, transcripts, poster, настройки preload и fallback-контент.

`video` и `audio` должны давать controls, если кастомный плеер не воспроизводит keyboard и a11y полностью. Captions, transcripts, poster, `preload` и правила muted autoplay определяют, работает ли медиа для разных пользователей и устройств.

					<video controls preload="metadata" poster="preview.jpg">
  <source src="talk.webm" type="video/webm">
  <track kind="captions" src="talk.vtt" srclang="ru" label="Русские субтитры">
  <p>Скачайте <a href="talk.mp4">запись</a>.</p>
</video>
				

Captions помогают пользователям с нарушением слуха; transcripts — поиску и просмотру. Autoplay со звуком часто блокируется.

На интервью: captions vs subtitles, компромиссы preload, политика autoplay, доступный кастомный плеер.

Типовые ошибки: без captions; тяжёлый `preload="auto"` до намерения пользователя; неожиданный звук при загрузке.

Чеклист:

  • Controls или эквивалентный доступный плеер.
  • Captions или transcripts.
  • Осознанный `preload`.
  • Учитывайте ограничения autoplay.