HTML Trackタグについて
Trackタグの定義と使用説明
<track>タグは、HTML5で導入されたタグであり、<video>や<audio>要素に組み込まれ、字幕、キャプション、説明音声などの外部テキストトラックを追加するために使用されます。このタグは、ユーザーがビデオやオーディオの内容をよりよく理解するのを助けるためのものです。
ブラウザのサポート状況
<track>タグは多くのモダンブラウザでサポートされています。以下の表は主要ブラウザのサポート状況を示しています。
| ブラウザ | サポート状況 |
|---|---|
| Google Chrome | 完全サポート |
| Mozilla Firefox | 完全サポート |
| Microsoft Edge | 完全サポート |
| Safari | 完全サポート |
| Opera | 完全サポート |
対応属性
Trackタグには以下の属性があります：
| 属性 | 説明 |
|---|---|
| kind | トラックの種別を指定します。値は"subtitles"、"captions"、"descriptions"、"chapters"、"metadata"のいずれか。 |
| src | トラックファイルへのURLを指定します。 |
| srclang | トラックファイルの言語を指定します（例：en、jp）。 |
| label | トラックのタイトルを指定します。ユーザーがトラックを特定しやすくするために使用されます。 |
| default | この属性が指定されている場合、このトラックがデフォルトで使用されます。 |
対応イベント
<track>タグ自体には特有のイベントは存在しませんが、<video>や<audio>要素のイベントを使ってトラックの状態を監視することが可能です。
コード例
以下は<track>タグを使用した簡単な例です。
<video width="400" controls>
<source src="movie.mp4" type="video/mp4">
<track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
<track src="subtitles_jp.vtt" kind="subtitles" srclang="jp" label="日本語">
お使いのブラウザはvideoタグをサポートしていません。
</video>関連するQA
Q: <track>タグの使用目的は何ですか？
A: <track>タグは、ビデオやオーディオに字幕、キャプション、説明音声などの外部テキストトラックを追加するために使用されます。
Q: srclang属性は何を指定しますか？
A: srclang属性は、トラックファイルの言語を指定します。例えば、英語なら "en"、日本語なら "jp" と指定します。
Q: default属性は何のために使用されますか？
A: default属性は、そのトラックがデフォルトで使用されるべきものであることを示します。指定されたトラックがデフォルトです。