<track>要素

<track>要素の定義

英語で「通路」や「轍」を表す、”track”より。
HTML文書では、<audio> 要素や <video> 要素といったメディア要素の子要素として使用され、動画に対する字幕など、時間指定されたテキストトラックを指定することが出来ます。
なお、指定できるテキストトラックの形式は、WebVTT (Web Video Text Tracks) 形式 (.vtt ファイル) または Timed Text Markup Language (TTML) の形式となります。

子要素として使用できるもの

空要素なので子要素は使用できません。

親要素として使えるもの

<audio> 要素や <video> 要素といったメディア要素。なお、任意のフローコンテンツより前に配置する必要があります。

許可されているARIAロール

なし

DOMインターフェース

HTMLTrackElement

属性

グローバル属性が指定できます。

default

複数の <track> 要素間で、規定となる要素を表します。指定できるのは、同じメディア要素内のどれか1つの <track> 要素のみです。

kind

<track> 要素の用途を指定します。

  • subtitles : 既定値で、字幕テキストなどコンテンツの翻訳や付加的な情報を表します。
  • captions : 書写や音声の翻訳を提供します。
  • descriptions : テキストによる動画コンテンツの説明を提供します。
  • chapters : チャプターのタイトルを提供します。
  • metadata : ユーザーに表示するデータではなく、スクリプトが使用するトラック情報を提供します。

label

使用可能なテキストトラックを一覧表示する際にブラウザーが使用する、ユーザーに見せるテキストトラックのタイトルです。

src

トラックファイルのURLを指定します。

srclang

テキストトラックの言語を指定します。

サンプル

TBD
 


このサイトでは、HTML要素や属性の定義は下記サイトを参考にしています。
MDN Web Docs: https://developer.mozilla.org/ja/
W3C仕様の正確な定義、最新情報は上記サイトをご覧ください。
HTML要素や属性がどのブラウザに対応しているのかは、下記のサイトで確認できます。
Can I Use?: https://caniuse.com/#home

コメント

タイトルとURLをコピーしました