trackタグ

trackは、動画やオーディオにトラック情報を指定するタグです。
解説
trackタグは、動画(videoタグ)やオーディオ(audioタグ)に字幕などのトラック情報(.vttファイル)を指定します。
コンテンツ・モデル
| カテゴリー (自カテゴリ) | なし |
| コンテキスト (親カテゴリ) | audioタグ、videoタグ |
| コンテンツ・モデル (子カテゴリ) | なし |
属性
trackタグには以下の属性が指定できます。
| 属性 | 説明 |
|---|---|
| kind | トラック情報の種類を指定する (例)kind="captions" ※以下の値を指定できます。 subtitles:字幕(翻訳版)※デフォルト値 captions:字幕(音声から) descriptions:動画の説明 chapters:動画の操作方法 metadata:スクリプトが使用する情報(システムが使用) |
| src | トラックファイルを指定する (例)src="test.vtt |
| srclang | 言語を指定する (例)srclang="ja" ※指定できる値の一例です。 ja:日本語 en:英語 es:スペイン語 zh:中国語 |
| label | トラック情報のタイトルを指定する (例)label="タイトル" |
| default | デフォルトのトラックを指定する (例)default ※値はありません。 |
| 属性 | 説明 |
|---|---|
| class | クラスを指定する (例)class="hoge" |
| id | IDを指定する (例)id="foo" |
| style | スタイルを指定する (例)style="color:red;" |
その他のグローバル属性値については、グローバル属性をご覧ください。
サンプル
videoタグにtrackタグを指定した例
<video src="sample.mp4">
<track kind="subtitles" src="subtitling.vtt" srclang="ja">
</video>
(subtitling.vtt)
WEBVTT
1
0:00:00.000 --> 0:00:05.000
字幕1
2
0:00:05.000 --> 0:00:10.000
字幕2
3
0:00:10.000 --> 0:00:20.000
字幕3
備考
- kind属性に"subtitles"を指定した場合は、srclang属性の指定が必要です。