Beispiel
Video abspielen:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Versuch es selber " Definition und Verwendung
Das <video> -Tag gibt Video, wie ein Movieclip oder andere Video - Streams.
Derzeit gibt es drei unterstützten Videoformate für das <video> Element: MP4, WebM und Ogg :
| Browser | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES from Firefox 21 from Firefox 30 for Linux |
YES | YES |
| Safari | YES | NO | NO |
| Opera | YES From Opera 25 |
YES | YES |
- MP4 = MPEG-4-Dateien mit H264 Video-Codec und AAC-Audio-Codec
- WebM = WebM-Dateien mit VP8 Video-Codec und Audio-Codec Vorbis
- Ogg = Ogg-Dateien mit Theora-Video-Codec und Audio-Codec Vorbis
MIME-Typen für Video-Formate
| Format | Mime Typ |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Element vollständig unterstützt.
| Element | |||||
|---|---|---|---|---|---|
| <video> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Unterschiede zwischen HTML 4.01 und HTML5
Das <video> -Tag ist neu in HTML5.
Tipps und Hinweise
Tipp: Jeder Text zwischen dem <video> und </video> Tags werden in Browsern angezeigt werden, die nicht unterstützen <video> Element.
Optionale Attribute
= Neu in HTML5.
| Attribut | Wert | Beschreibung |
|---|---|---|
| autoplay | autoplay | Gibt an, dass das Video so schnell zu spielen beginnen wird, wie es bereit ist, |
| controls | controls | Gibt an, dass Video-Steuerelemente (wie eine Play / Pause-Taste, etc.) angezeigt werden sollen. |
| height | pixels | Legt die Höhe des Video-Players |
| loop | loop | Gibt an, dass das Video wieder von vorne beginnen wird, ist es jedes Mal fertig ist |
| muted | muted | Gibt an, dass der Audioausgang des Video stumm geschaltet werden sollte, |
| poster | URL | Gibt ein Bild angezeigt werden, während das Video heruntergeladen wird, oder bis der Benutzer trifft die Play-Taste |
| preload | auto metadata none | Gibt an, ob und wie der Autor meint, sollte das Video geladen werden, wenn die Seite geladen |
| src | URL | Gibt die URL der Videodatei |
| width | pixels | Legt die Breite des Video-Players |
globale Attribute
Das <video> -Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Das <video> -Tag unterstützt auch der Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - DOM - Referenz: HTML Audio / Video DOM Referenz
Standard CSS-Einstellungen
Keiner.