2 つの字幕トラック付きビデオ:
<video width="320" height="240" controls>
<source src="forrest_gump.mp4" type="video/mp4">
<source src="forrest_gump.ogg" type="video/ogg">
<track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
<track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>
<track> タグは、メディア要素(<audio> と <video>)のテキスト・トラックを指定します。
この要素は、メディアの再生時に表示される、字幕、キャプションファイルやテキストを含む他のファイルを 指定する場合に使用します。
表中の数字は、要素を完全にサポートした最初のブラウザ・バージョンを指定しています。
要素 | |||||
---|---|---|---|---|---|
<track> | 18.0 | 10.0 | 31.0 | 6.0 | 15.0 |
<track> タグは、HTML5で新しく追加されました。
= HTML5 で新規追加。
属性 | 値 | 説明 |
---|---|---|
default | default | ユーザの好みが他のトラックの方が適切であることを示している場合を除き、そのトラックを有効にすることを指定する |
kind | captions chapters descriptions metadata subtitles |
テキスト・トラックの種類を指定する |
label | text | テキスト・トラックのタイトルを指定する |
src | URL | 必須。トラックファイルの URL を指定する |
srclang | language_code | トラック・テキストデータの言語を指定する(kind="subtitles" の場合は必須) |
<track> タグは、HTML のグローバル属性もサポートします。
<track> タグは、HTML のイベント属性もサポートします。
HTML チュートリアル:HTML5 Video
HTML チュートリアル:HTML5 Audio
HTML DOM リファレンス:Track オブジェクト
なし。