track タグエレメント

　track タグエレメントは、<audio>、<video> エレメントといったメディアにテキストトラックのパラメーターを定義する HTML タグエレメントです。 字幕や注釈といったテキストを加えることができます。

<video autoplay muted>
	<track kind="subtitles" src="example.vvt">
	<source src="video.webm"></source>
	<source src="example.mp4"></source>
</video>

　track タグエレメントは、<audio>、<video> エレメントに包括する形にします。
　このタグエレメントは、<audio>、<video> エレメント内で最初に定義します。

　track タグエレメントの src 属性でメディアが再生中に表示する字幕、キャプション、またはテキストを含むファイル URL を指定します。 ファイルは WebVTT ( Web Video Text Tracks ) 形式、拡張子 .vtt または TTML ( Timed Text Markup Language ）形式、拡張子 .ttml である必要があります。

00:00:00.100 --> 00:00:10.000
このトラックは例を示すためのものです。

00:00:10.000 --> 00:00:20.000
動画ありの例は作成していません。

　表示時間は、-->を開始時間と終了時間ではさんだ形で表します。時間は、HH:MM:SS形式です。

　ローカルで開発する際の注意点として、.vttといった外部ファイルはセキュリティーの観点から読み込みエラーが出ます。web サーバー経由でページを閲覧する必要があります。