<track> * - トラック情報（新）

■ 概要

項　　目説　　明
記述形式 <track kind="種類" src="トラック情報ファイル">
対応ブラウザー H5+
種　　類
（カテゴリー）		 なし
置ける場所 media要素（audio要素と video要素）の子要素（フロー・コンテンツより前）  
内包要素
（コンテンツ・モデル）		 空
（コンテンツ・モデル: 空）

■ 解説

<track> は，audio要素や，video要素に対して，字幕，キャプション，チャプターなどのトラック情報（テキスト・トラック）を指定する際に用いられる要素です。　単独タグで，終了タグは使用しません。

HTML5 で追加された要素ですが，まだ実装例も少ない要素です。

■ 属性

種　　類名　　称
【固有属性】 kind *，src，srclang *，label，default *
【グローバル属性】 accesskey，class，contenteditable *， dir，
hidden *，id， lang，spellcheck *，style，
tabindex，title，translate *
【ARIA role属性】 で
指定可能な値 （役割）		 なし
【ARIA aria-* 属性】 で
指定可能なもの		 ARIA グローバル状態とプロパティ   
kind属性
キーワードを指定する「列挙属性」で，<track> のテキスト・トラックの種類を指定します。　指定できる値は、次の通りです。

キーワード説　　明
subtitlesビデオの音声の字幕をビデオ映像のオーバーレイ表示します。　音声は再生できているにもかかわらず，ユーザが理解できないようなときに使用します。
captions音声の内容説明や解説を表示します。　音声が再生できない場合や聴き取りにくいときに使用します。
descriptionsビデオの内容説明や解説を表示します。　ビデオが再生できない場合やよい状態で見えないときに使用します。
chaptersチャプターのタイトルを表示します。　ビデオの再生位置を探すときに使用します。
metadataスクリプトで使用するトラックデータ。　ユーザー側には表示されません。

src属性
テキスト・トラックのファイル名（URL）を指定します。
srclang属性
テキスト・トラックの言語を BCP 47 言語タグ で指定します。
label属性
ユーザーに表示するテキスト・トラックのタイトルを指定します。　このタイトルは，ブラウザーがユーザーに，kind属性 で指定した 字幕（subtitles），説明（captions） や audio要素の解説（audio description ） の一覧を表示する際に使われます。
default属性
「Boolean属性」で，ユーザーからの選択がない場合に，このトラックを既定のトラックとして有効にします。　

■ CSSプロパティ

種　　類名　　称
【よく使うもの】

■ 使用例

HTMLソース
HTML
<body> ～ </body>		 
<video src="brave.webm">
 <track kind="subtitles" src="brave.ja.vtt" srclang="ja" label="Japanese">
 <track kind="subtitles" src="brave.en.vtt" srclang="en" label="English">
 <track kind="subtitles" src="brave.de.vtt" srclang="de" label="Deutsch">
</video>

■ 備考