<track> - トラック情報 <track> - トラック情報trackは、audio要素や、video要素に対して、字幕、キャプション、チャプターなどのトラック情報を指定する際に用いられます。HTML5 で追加予定の要素ですが、まだ実装例も少なく、今後変更される可能性のある要素です。
| 属性 | 意味 |
|---|---|
| kind=kind | H5+。トラック情報の種別を指定します。 subtitles： サブタイトル（H5）（規定値） captions： キャプション（H5） descriptions： デスクリプション（H5） chapters： チャプター（H5） metadatas： メタデータ（H5） |
| src=url | H5+。情報ソースのURLを指定します。 |
| srclang=srclang | H5+。情報ソースの言語を指定します |
| label=label | H5+。トラックを指定する際にユーザが指定するラベルを指定します。 |
| default=default | H5+。このトラック情報をデフォルトとします。 |
| 属性 | 意味 |
|---|---|
| class=class | H5+。クラスを指定します。 |
| id=id | H5+。IDを指定します。 |
| style=style | H5+。スタイルシートを指定します。 |
| title=title | H5+。タイトルを指定します。 |
| dir=dir | H5+。文字の表示方向を指定します。 |
| lang=lang | H5+。言語を指定します。 |
| accesskey=key | H5+。アクセスキーを指定します。 |
| tabindex=n | H5+。タブインデックスを指定します。 |
| contenteditable=bool | H5+。要素を編集可能にします。 |
| contextmenu=id | H5+。コンテキストメニューを指定します。 |
| draggable=bool | H5+。ドラッグを可能にします。 |
| dropzone=value | H5+。ドロップを可能にします。 |
| hidden | H5+。要素を非表示にします。 |
| spellcheck=bool | H5+。スペルをチェックします。 |
| HTMLソース |
|---|
<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> |