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 サーバー経由でページを閲覧する必要があります。
JavaScript
track タグエレメントの定義については HTMLTrackElement を参照してください。