HTML一覧CSS一覧FlexboxシミュレーターHTML一覧

画像・メディア

<track> 字幕を付ける

重要度2 / 5

意味

<video> に字幕や説明を付ける場合に使います。字幕はWebVTT(.vtt)形式のファイルで用意します。音を出せない場所で見る人や、耳の不自由な人にも内容が伝わります。

コード

HTML
<video src="/movie/intro.mp4" controls>
  <track src="/movie/intro-ja.vtt" kind="subtitles" srclang="ja" label="日本語" default>
</video>

プレビュー(初期表示)

ブラウザ対応

主要ブラウザの対応状況
ブラウザ対応
Chrome23〜
Firefox31〜
Safari6〜
Edge12〜
Chrome Android25〜
Safari iOS6〜

出典: MDN Web Docs(`@mdn/browser-compat-data`)