НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
HTML5. W3Schools українською. Повний довідник тегів

En

HTML Тег <track>


Приклад

Відео з доріжками субтитрів на двох мовах:

<video width="320" height="240" controls>
  <source src="forrest_gump.mp4" type="video/mp4">
  <source src="forrest_gump.ogg" type="video/ogg">
  <track src="fgsubtitles_en.vtt" kind="subtitles" srclang="en" label="English">
  <track src="fgsubtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>

Визначення та використання

Тег <track> визначає текстові доріжки для елементів <audio> або <video>.

Цей елемент використовується для визначення субтитрів, файлів субтитрів або інших файлів із текстом, які мають бути видимими під час відтворення медіа.

Доріжки відформатовано у форматі WebVTT (.vtt files).


Підтримка браузерами

Числа в таблиці вказують на першу версію браузера, яка повністю підтримує елемент.

Елемент
<track> 23.0 10.0 31.0 6.0 12.1

Додаткові атрибути

Атрибут Значення Опис
default default Укажіть, що доріжку слід увімкнути, якщо налаштування користувача не вказують на те, що інша доріжка буде більш прийнятною
kind captions
chapters
descriptions
metadata
subtitles
Визначає тип текстової доріжки
label text Визначає назву текстової доріжки
src URL Обов’язково. Визначає URL-адресу файлу треку
srclang language_code Визначає мову текстових даних треку (обов’язково, якщо kind="subtitles")

Глобальні атрибути

Тег <track> також підтримує Глобальні атрибути в HTML.


Атрибути подій

Тег <track> також підтримує Атрибути подій в HTML.


Пов’язані сторінки

HTML підручник: HTML Відео

HTML підручник: HTML Аудіо

HTML DOM довідник: Об’єкт Track


CSS налаштування за замовчуванням

Немає.