画像・メディア
<track> 字幕を付ける
意味
<video> に字幕や説明を付ける場合に使います。字幕はWebVTT(.vtt)形式のファイルで用意します。音を出せない場所で見る人や、耳の不自由な人にも内容が伝わります。
コード
<video src="/movie/intro.mp4" controls>
<track src="/movie/intro-ja.vtt" kind="subtitles" srclang="ja" label="日本語" default>
</video>プレビュー(初期表示)
ブラウザ対応
| ブラウザ | 対応 |
|---|---|
| Chrome | 23〜 |
| Firefox | 31〜 |
| Safari | 6〜 |
| Edge | 12〜 |
| Chrome Android | 25〜 |
| Safari iOS | 6〜 |
出典: MDN Web Docs(`@mdn/browser-compat-data`)