track

タグの概要

trackタグは、オーディオやビデオのトラックを定義するためのタグです。主に字幕やチャプターの情報を含める際に使用されます。

使用例:動画プレーヤーに字幕を表示する際に使用される。

基本の書き方(構文)

<track src="subtitle.vtt" kind="subtitles" srclang="en" label="English subtitles">

主な属性とその説明

src: トラックファイルのURLを指定します。

kind: トラックの種類を指定します(subtitles, captions, descriptions, chapters, metadata)。

srclang: トラックの言語を指定します。

label: トラックのラベルを指定します。

使用例

<video controls>
  <source src="video.mp4" type="video/mp4">
  <track src="subtitle.vtt" kind="subtitles" srclang="en" label="English subtitles">
</video>
<video controls>
  <source src="video.mp4" type="video/mp4">
  <track src="chapters.vtt" kind="chapters" srclang="en" label="Chapter markers">
</video>

よくある注意点・間違い

適切なトラックの種類や言語を選択することが重要です。不適切なトラックを表示するとユーザーエクスペリエンスが損なわれる可能性があります。