| 属性 | 機能 |
|---|---|
| autoplay | 自動で再生を開始する。これを無効にするにはautoplay="false"とするのではなく、この属性を除去する
※ブラウザで次のように設定されていると、この指定は機能しない
|
| buffered | |
| controls | |
| crossorigin | |
| height | |
| loop | |
| muted | |
| played | |
| preload | |
| poster | |
| src | |
| width |
サーバの設定によっては、ファイルの拡張子をMIME typeにマップする必要があります。たとえばApacheならば、それにはAddTypeディレクティブを用います。
AddType video/ogg .ogg .ogv AddType video/webm .webm AddType video/mp4 .mp4
ブラウザによってサポートされるファイルフォーマットが異なるため、次の4つのフォーマットの再生の可否はブラウザによって異なります。
OGG (Theora, Vorbis) |
WebM (VP8, Vorbis) |
MPEG-4 (AVC, AAC) |
Windows Media (VC-1, WMA) |
<video src="sample.ogv" controls="" width="240" height="180">非対応</video>
<video src="sample.webm" controls="" width="240" height="180">非対応</video>
<video src="sample.mp4" controls="" width="240" height="180">非対応</video>
<video src="sample.wmv" controls="" width="240" height="180">非対応</video>
| フォーマット | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| 基本サポート | 3.0 | 3.5 (1.9.1) | 9.0 | 10.50 | 3.1 |
| VP8 and Vorbis in WebM | 6.0 | 4.0 (2.0) | 9.0 (インストールが必要。たとえばWebM MF) |
10.60 | 3.1 (インストールが必要。たとえばPerian) |
| VP9 and Opus in WebM | 29.0 | 28.0 (28.0) | ? | ? | ? |
| Theora and Vorbis in Ogg | ○ | 3.5 (1.9.1) | × | 10.50 | 3.1 (インストールが必要。たとえばXiphQT) |
| H.264 and MP3 in MP4 |
○ |
部分的 | 9.0 | × | × |
| H.264 and AAC in MP4 |
○ |
部分的 | 9.0 | × | 3.1 |
このようにブラウザによる違いがあるため、クロスブラウザとするには複数のフォーマットを用意します。
ブラウザが対応するフォーマットで再生されるようにするには複数の形式を用意しておき、source要素で次のように記述します。source 要素 - HTML | MDN
<video controls="" width="240" height="180">
<source src="sample.ogv" type='video/ogg; codecs="theora, vorbis"' />
<source src="sample.webm" type="video/webm" />
<source src="sample.mp4" type="video/mp4" />
<p>video要素はサポートされていません。</p>
</video>
<source src='video.mp4' type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>4.8.8 The source element — HTML5: Edition for Web Authors
| イベント | 発生タイミング |
|---|---|
| error | エラーが発生したとき。詳細はHTMLMediaElement.errorで確認できる |
| ︙ |