Атрибут srclang тега <track>
Описание
Атрибут srclang для тега <track> указывает язык текстовой дорожки (субтитров, титров и т.д.) в формате кода языка ISO 639-1. Этот атрибут обязателен для дорожек типа subtitles и captions.
<video controls>
<source src="movie.mp4" type="video/mp4">
<track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
<track src="subtitles_ru.vtt" kind="subtitles" srclang="ru" label="Русский">
</video>
Форматы значений:
| Тип кода | Пример | Описание |
|---|---|---|
| ISO 639-1 | en, ru, es |
Основные двухбуквенные коды языков |
| ISO 639-2 | fre (французский) |
Трехбуквенные коды для редких языков |
| С регионом | pt-BR, zh-CN |
Язык + регион (необязательно) |
Особенности работы:
- Браузер использует srclang для автоматического выбора субтитров
- Должен соответствовать реальному языку в файле .vtt
- Влияет на отображение в интерфейсе выбора дорожек
- Совмещается с настройками языка пользователя
Пример с разными языками:
<video controls>
<source src="lecture.mp4" type="video/mp4">
<track src="subs_en.vtt" kind="subtitles" srclang="en" label="English" default>
<track src="subs_es.vtt" kind="subtitles" srclang="es" label="Español">
<track src="subs_pt.vtt" kind="subtitles" srclang="pt" label="Português">
<track src="subs_zh.vtt" kind="subtitles" srclang="zh" label="中文">
</video>
Рекомендации:
- Всегда указывайте корректный код языка
- Для региональных вариантов используйте дефис (en-US, pt-BR)
- Проверяйте соответствие кода и реального содержимого
- Используйте стандартные коды ISO
Ограничения:
- Некоторые браузеры могут не поддерживать все коды
- Не влияет на дорожки kind="chapters" или "metadata"
- Не заменяет атрибут lang в HTML
Accessibility-советы:
- Для мультиязычных сайтов динамически выбирайте субтитры
- Сочетайте с label для понятного отображения
- Тестируйте с различными языковыми настройками браузера
Примечание: Полный список кодов языков можно найти в базе данных Library of Congress.