例
2字幕付きのビデオtracks :
<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>タグは、テキストを指定するtracksメディア要素(のため<audio>と<video> )。
この要素は、字幕、字幕ファイルやメディアが再生されているときに表示する必要があるテキストを含む他のファイルを、指定するために使用されます。
ブラウザのサポート
表中の数字は、完全に要素をサポートする最初のブラウザのバージョンを指定します。
素子 | |||||
---|---|---|---|---|---|
<track> | 18.0 | 10.0 | 31.0 | 6.0 | 15.0 |
HTML 4.01とHTML5の違い
<track>タグは、HTML5で新しく追加されました。
オプション属性
= HTML5で追加。
属性 | 値 | 説明 |
---|---|---|
default | default | ことを指定しtrack 、ユーザの嗜好が別のことを示していない場合は有効にする必要があるtrackより適切であろう |
kind | captions chapters descriptions metadata subtitles | テキストの種類を指定しtrack |
label | text | テキストのタイトル指定track |
src | URL | 必須。 URLを指定しtrackファイルを |
srclang | language_code | 言語を指定track (場合に必要なテキストデータをkind="subtitles" ) |
グローバル属性
<track>タグもサポートし、グローバルは、HTMLの属性 。
イベント属性
<track>タグもサポートしています。イベントは、HTMLの属性 。
関連ページ
HTMLチュートリアル: HTML5ビデオ
HTMLチュートリアル: HTML5オーディオ
HTML DOMリファレンス: Trackオブジェクト
デフォルトのCSS設定
なし。