<track> - トラック情報

目次

概要

形式
<track kind="..." src="...">
サポート
https://caniuse.com/mdn-html_elements_track
カテゴリ
該当なし
親要素
audio, video要素 (フローコンテンツ よりも前に記述)
子要素
無し(Empty)
タグの省略
開始タグ:必須 / 終了タグ:無し
属性
グローバル属性
default
kind
label
src
srclang

説明

trackは、<audio> 要素や、<video> 要素に対して、字幕、キャプション、チャプターなどのトラック情報を指定する際に用いられます。HTML5 で追加されました。

属性

グローバル属性
詳細は グローバル属性 を参照してください。
kind=kind
LS/H5。トラック情報の種別を指定します。
subtitles
サブタイトル(H5)(規定値)
captions
キャプション(H5)
descriptions
デスクリプション(H5)
chapters
チャプター(H5)
metadatas
メタデータ(H5)
src=url
LS/H5。情報ソースのURLを指定します。
srclang=srclang
LS/H5。情報ソースの言語を指定します
label=label
LS/H5。トラックを指定する際にユーザが指定するラベルを指定します。
default=default
LS/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>