HTML <track>タグ
例
字幕トラック(friday.vtt)付きのビデオ:
<video width="320" height="240" controls>
<video controls
src="/video/php/friday.mp4">
<track default
kind="captions"
srclang="en"
src="/video/php/friday.vtt" />申し訳ございません。お使いのブラウザはビデオの埋め込みに対応していません。</video>
</video>
試してみる »
ブラウザサポート
表内の数字は、そのタグをサポートする最初のブラウザのバージョン番号を示しています。
| Element | |||||
|---|---|---|---|---|---|
| <track> | 23.0 | 10.0 | 31.0 | 6.0 | 12.1 |
タグの定義と使用説明
<track> タグは、メディア要素(<audio> や <video> など)に外部テキストトラック、つまり字幕を指定します。字幕の形式には WebVTT 形式(.vtt 形式ファイル)があります。
この要素は、字幕ファイルやその他のテキストを含むファイルを指定するために使用され、メディアの再生中にこれらのファイルが表示されます。
HTML 4.01 と HTML5 の違い
<track> タグは HTML5 で新しく追加されたタグです。
オプションの属性
New:HTML5 の新しい属性。
| 属性 | 值 | 説明 |
|---|---|---|
| defaultNew | default | このトラックがデフォルトであることを指定します。ユーザーがどのトラックも選択しない場合は、デフォルトのトラックが使用されます。 |
| kindNew | captions chapters descriptions metadata subtitles |
テキストトラックのテキストタイプを指定します。 |
| labelNew | text | テキストトラックのラベルとタイトルを指定します。 |
| srcNew | URL | 必須です。トラックファイルの URL を指定します。 |
| srclangNew | language_code | トラックのテキストデータの言語を指定します。kind 属性の値が "subtitles" の場合、この属性は必須です。 |
グローバル属性
<track> タグは対応していますHTML のグローバル属性。
イベント属性
<track> タグは対応していますHTML のイベント属性。
その他の拡張