Атрибут hidden тега <track>
Описание
Атрибут hidden для тега <track> указывает, что текстовая дорожка должна быть скрыта от пользовательского интерфейса. Это булевый атрибут, который не требует значения.
<video controls>
<source src="video.mp4" type="video/mp4">
<track hidden src="metadata.vtt" kind="metadata">
</video>
Основные характеристики:
- Полностью скрывает дорожку из интерфейса выбора
- Не влияет на загрузку и обработку файла дорожки
- Чаще всего используется для метаданных или служебных дорожек
- Эквивалентен CSS-правилу display: none
Сравнение с альтернативными методами:
| Метод | Влияние | Рекомендации |
|---|---|---|
| Атрибут hidden | Полное скрытие из интерфейса | Для служебных дорожек |
| kind="metadata" | Автоматически скрывается в большинстве плееров | Для данных, используемых скриптами |
| CSS display: none | Аналогично hidden, но через стили | Не рекомендуется для track |
Правильное применение:
<video controls>
<source src="lecture.mp4" type="video/mp4">
<!-- Видимые дорожки -->
<track src="subs_en.vtt" kind="subtitles" srclang="en" label="English">
<!-- Скрытая служебная дорожка -->
<track hidden src="chapters.vtt" kind="chapters" srclang="en">
</video>
Ограничения:
- Не предотвращает загрузку файла дорожки
- Не все браузеры одинаково обрабатывают этот атрибут
- Не подходит для временного скрытия - используйте JavaScript
Динамическое управление:
<video id="player" controls>
<source src="movie.mp4" type="video/mp4">
<track id="subTrack" src="subs.vtt" kind="subtitles" srclang="en" label="English">
</video>
<button onclick="document.getElementById('subTrack').toggleAttribute('hidden')">
Переключить видимость субтитров
</button>
Рекомендации:
- Используйте только для служебных дорожек (метаданные, главы)
- Для временного скрытия предпочитайте JavaScript
- Не применяйте к основным субтитрам или титрам
- Тестируйте в целевых браузерах
Примечание: Для сложных сценариев управления видимостью дорожек используйте JavaScript API, включая свойство track.mode.