<track>: TRACK 要素
最終更新：2026-10-13
<track>TRACK 要素
audio や video のテキストトラック（字幕・キャプション・チャプター）を指定します。通常は .vtt ファイルです。
| カテゴリ | リンクとメディア |
|---|---|
| コンテンツモデル | 空要素 |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 自己完結 — 閉じタグ不要 |
| ステータス | 標準 |
📝 構文
<track src="..." kind="subtitles">⚙️ 属性
この要素はグローバル属性に加え、以下の属性をサポートします：
| 属性 | 値 | 説明 |
|---|---|---|
src | Track file URL, usually .vtt. | |
kind | Track kind: subtitles/captions/descriptions/chapters/metadata. | |
srclang | Language code of the track text, e.g. zh, en. | |
label | User-visible name of the track. | |
default | Marks this track as the default. |
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <track> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： track は空要素です。kind で種類（subtitles/captions/chapters など）を指定し、default で有効なトラックを指定します。
❓ よくある質問
Qtrack は何に使うものですか？
A
<track> は <video>/<audio> に字幕トラックを追加します。WebVTT 形式のファイルで、字幕（kind='subtitles'）やチャプター（chapters）、説明（descriptions）などのテキストトラックを提供し、表示の同期はブラウザが担います。Qtrack の srclang と kind は必須ですか？
Akind のデフォルトは subtitles なので省略できますが、明示するのがおすすめです。
srclang は kind が subtitles のとき必須です（srclang='ja' など）。字幕が複数言語あるときは default 属性で既定のトラックを指定します。アクセシビリティ関連の法規では、動画に字幕トラックを求めるのが一般的です。QWebVTT の字幕ファイルはどう書きますか？
Aテキストファイルを
WEBVTT で始め、各字幕ブロックは「タイムコード＋文字」です。00:00:01.000 --> 00:00:04.000 の次の行に本文を書き、.vtt として保存します。track では src='sub.vtt' で参照します。ローカルでのテストには HTTP サーバーが必要です（file:// では読み込まれません）。🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
