ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

HTML5 チュートリアル

HTML5 ホーム
HTML5 概要
HTML5 新しい要素
HTML5 ビデオ
HTML5 ビデオ/DOM
HTML5 オーディオ
HTML5 キャンバス
HTML5 Geolocation
HTML5 Web ストレージ

HTML5 フォーム

HTML5 Input タイプ
HTML5 フォーム要素
HTML5 フォーム属性

HTML5 リファレンス

HTML5 タグ
HTML5 属性
HTML5 イベント
HTML5 キャンバス 2d
HTML 妥当な DTD

HTML5 タグ

<!-->
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command>
<datalist>
<dd>
<del>
<details>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header>
<hgroup>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>

HTML5 <track> タグ

2つの字幕トラックを持つビデオ:

<video width="320" height="240" controls="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>

ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

<track> タグは、主要なブラウザのいずれもサポートしていません。


定義と用法

<track> タグは、メディア要素(<audio> と <video>)のテキスト・トラックを指定します。

この要素は、メディアが再生されている時に表示される、字幕、キャプションファイルや テキストを含む他のファイルを指定するために使用されます。


HTML 4.01 と HTML5 との相違点

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


オプションの属性

New : HTML5 で新規追加。

属性 説明
defaultNew default もしユーザーの好みにより別のトラックがより適切であることが示されなければ、 トラックを有効にすることを指定する
kindNew captions
chapters
descriptions
metadata
subtitles
テキストトラックの種類を指定する
labelNew text テキストトラックのタイトルを指定する
srcNew URL 必須。トラックファイルのURLを指定する
srclangNew language_code トラックテキストデータの言語を指定する(kind="subtitles" の場合は必須)

グローバル属性

<track> タグは、HTML5におけるグローバル属性 もサポートします。


イベント属性

<track> タグは、HTML5におけるイベント属性 もサポートします。