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.