HTML таг track

Пример

Кратък пример как се използва тагът <track>.

<video controls width="480">
  <source src="movie.mp4" type="video/mp4">
  <track
    kind="subtitles"
    src="subtitles-bg.vtt"
    srclang="bg"
    label="Български"
    default>
  <track
    kind="subtitles"
    src="subtitles-en.vtt"
    srclang="en"
    label="English">
  Вашият браузър не поддържа видео таг.
</video>

Дефиниция и употреба

Виж как се ползва тагът <track>.

Елементът <track> се използва вътре в <audio> или <video>, за да добавя текстови писти, които се синхронизират с мултимедийното съдържание. Най-често това са субтитри, надписи за хора с увреден слух, описателен текст или глави (chapters). Файлът, посочен в атрибута src, обикновено е във формат WebVTT (.vtt).

Всеки <track> е самозатварящ се елемент и не съдържа вътрешно съдържание. Той се поставя непосредствено след <source> елементите в <audio> или <video>. Браузърът показва наличните писти в контролите на плейъра, като потребителят може да избира между различни езици или видове надписи.

Основните атрибути са:

• kind – тип на пистата: subtitles, captions, descriptions, chapters или metadata.
• src – път към VTT файла с текстовите данни.
• srclang – език на пистата (напр. bg, en).
• label – име, което се показва в менюто за избор на субтитри.
• default – булев атрибут, указващ, че тази писта трябва да е избрана по подразбиране.

Използването на <track> подобрява достъпността, позволява локализация на съдържанието и улеснява потребителите, които гледат видеото без звук или с ограничено разбиране на езика.

Browser Support

Browser	Поддръжка
Chrome	✔️
Firefox	✔️
Edge	✔️
Safari	✔️
Opera	✔️

Атрибути