Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Создать
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


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="Английский">
  <track src="fgsubtitles_no.vtt" kind="subtitles" srclang="no" label="Норвежский">
</video>


Определение и использование <track>

Тег <track> определяет текстовые дорожки для элементов <audio> или <video>.

Этот элемент используется для указания субтитров, файлов субтитров или других файлов, содержащих текст, которые должны быть видны во время воспроизведения носителя.

Треки форматируются в формате WebVTT (файлы.vtt).


Поддержка браузеров <track>

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот элемент.

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

Значения атрибутов <track>

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

Глобальные атрибуты <track>

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


События атрибутов <track>

Тег <track> также поддерживает События атрибутов в HTML.


Связанные страницы <track>

HTML Учебник: HTML Видео

HTML Учебник: HTML Аудио

HTML DOM Справочник: Объект Track


Настройки CSS по умолчанию <track>

Нет.