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 のイベント属性。

その他の拡張