HTML <track> kind属性
例
2つの字幕トラックを持つ video 要素:
<video width="320" height="240" controls>
<source src="forrest_gump.mp4.html" type="video/mp4">
<source src="forrest_gump.ogg.html" type="video/ogg">
<track src="subtitles_en.vtt.html" kind="subtitles" srclang="en"
label="English">
<track src="subtitles_no.vtt.html" kind="subtitles" srclang="no"
label="Norwegian">
</video>
<source src="forrest_gump.mp4.html" type="video/mp4">
<source src="forrest_gump.ogg.html" type="video/ogg">
<track src="subtitles_en.vtt.html" kind="subtitles" srclang="en"
label="English">
<track src="subtitles_no.vtt.html" kind="subtitles" srclang="no"
label="Norwegian">
</video>
ブラウザサポート
![]()
![]()
![]()
![]()
![]()
Internet Explorer 10、Opera、Chrome は kind 属性をサポートしています。
定義と使い方
kind 属性はトラックの種類を規定します。
HTML 4.01 と HTML5 との違い
<track> タグは HTML5 の新しいタグです。
構文
<track src="subtitles_en.vtt.html" kind="subtitles" srclang="en">
属性値
| 值 | 説明 |
|---|---|
| captions | このトラックは、プレーヤーに表示される短い説明を定義します。 |
| chapters | このトラックは、メディアリソースをナビゲートするためのチャプターを定義します。 |
| descriptions | このトラックは、コンテンツが再生できない、または表示できない場合に、メディアの内容を音声で説明するための説明を定義します。 |
| metadata | このトラックは、スクリプトが使用するコンテンツを定義します。 |
| subtitles | このトラックは、ビデオに字幕を表示するための字幕を定義します。 |
その他の拡張
HTML <track> タグ