HTMLリファレンスマニュアル

HTMLタグ完全ガイド

HTML: <track> タグ

HTML <track> 要素はメディア要素（例えば <audio> または <video>）の子要素として使用されます。時序テキスト字幕（または時間に基づくデータ）を指定することができます。例えば、自動字幕処理などです。字幕形式にはWebVTT形式（.vtt形式のファイル）およびTTML（Time-Text Markup Language）形式があります。

trackにメディア要素に追加されるデータのタイプはkind属性で設定されます。属性値はsubtitles、captions、descriptions、chapters、またはmetadataです。この要素は、ユーザーが追加データをリクエストしたときにブラウザが公開する、タイムテキストを含むソースファイルを指します。
media要素の任意の二つのtrack子要素は同じkind、srclang、およびlabel属性を持ってはなりません。

オンラインの例

二つの字幕トラックを持つビデオ：

<video width="320" height="240" controls>
　　<source src="track.mp4" type="video/mp4">
　　<source src="track.ogg" type="video/ogg">
　　<track src="track_en.vtt" kind="track" srclang="en" label="English">
　　<track src="track_no.vtt" kind="track" srclang="no" label="Norwegian">
</video>

ブラウザの互換性

IEFirefoxOperaChromeSafari

IE 10、OperaおよびChromeブラウザが<track>タグをサポートしています。

タグの定義および使用方法

<track> タグはメディア要素（例えば <audio> または <video>）に外部テキストトラックを指定します。

この要素は、メディア再生時に字幕ファイルやテキストを含むファイルを規定します。これらのファイルは、メディアが再生されるときに表示されます。

HTML 4.01 と HTML5の間の違い

<track> タグは HTML5 の中で新しいタグ

オプションの属性

New ：HTML5 の中で新しい属性

属性	値	説明
defaultHTML5	default	デフォルトのトラックを指定します。ユーザーがトラックを選択しない場合にデフォルトトラックが使用されます。
kindHTML5	captions chapters descriptions metadata subtitles	テキストトラックのテキストタイプを指定します。
labelHTML5	text	テキストトラックのタグとタイトルを指定します。
srcHTML5	URL	必須です。トラックファイルのURLを指定します。
srclangHTML5	language_code	トラックテキストデータの言語を指定します。kind属性の値が"subtitles"の場合、この属性は必須です。

グローバル属性

<track> タグのサポート HTMLのグローバル属性。

イベント属性

<track> タグのサポート HTMLのイベント属性。

HTML: <tt> タグ HTML: <tr> タグ