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属性の指定が必要です。