html trackラベル

 

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属性は、そのトラックがデフォルトで使用されるべきものであることを示します。指定されたトラックがデフォルトです。