最新のWeb開発のチュートリアル
 

HTML <track> kind Attribute

<HTML <track>タグ

2字幕付きのビデオtracks

<video width="320" height="240" controls>
  <source src="forrest_gump.mp4" type="video/mp4">
  <source src="forrest_gump.ogg" type="video/ogg">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
  <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>

定義と使用法

kind属性は、テキストの種類を指定するtrack


ブラウザのサポート

表中の数字は完全に属性をサポートする最初のブラウザのバージョンを指定します。

属性
kind 18.0 10.0 31.0 6.0 15.0

HTML 4.01とHTML5の違い

<track>タグは、HTML5で新しく追加されました。


構文

<track src="subtitles_en.vtt" kind="subtitles" srclang="en">

属性値

説明
captions track対話と(聴覚障害者ユーザに適した)効果音の翻訳を定義します
chapters track (メディアリソースをナビゲートするのに適した)の章のタイトルを定義します
descriptions track 、ビデオコンテンツ(目の不自由なユーザーに適しています)のテキスト記述を定義します
metadata trackスクリプトで使用される内容を定義します。 ユーザーのためには表示されません
subtitles trackビデオの字幕を表示するために使用される、字幕を定義します

<HTML <track>タグ