Das video-Tag
Das Tag video ermöglicht es, einer HTML-Seite ein Video hinzuzufügen.
Mit ihm kann dieses Video auch gesteuert werden.
Der Pfad zur Videodatei wird über das
Attribut src oder das eingebettete Tag source angegeben.
Wenn Sie einen Player zur Steuerung der Wiedergabe
des Videos sehen möchten - sollten Sie das Attribut controls hinzufügen.
Ohne dieses Attribut werden Sie nichts sehen - Ton und Bild
wird es ebenfalls nicht geben.
Manchmal ist es nicht sehr praktisch, Videos direkt auf der
Website zu hosten (z.B. wenn Ihr Hosting ein
Limit für die Größe der Website hat). In diesem Fall
kann das Video auf YouTube hochgeladen und mit
dem Tag iframe eingebunden werden.
Attribute
| Attribut | Beschreibung |
|---|---|
src |
Gibt den Pfad zur Videodatei an.
Besser ist es jedoch, dafür das Tag source zu verwenden
(in diesem Fall kann das Video in verschiedenen Formaten angegeben werden).
|
preload |
Wird verwendet, um die Videodatei gleichzeitig mit dem Laden der Webseite zu laden.
Mögliche Werte: none (Datei nicht laden, Standard),
metadata (nur Metadaten laden: Dauer usw.),
auto (das gesamte Video beim Laden der HTML-Seite laden).
|
autoplay |
Der Ton beginnt sofort nach dem Laden der Seite zu spielen,
dabei wird das Vorhandensein des Attributs preload ignoriert.
Attribut ohne Wert. |
controls |
Fügt dem Video ein Steuerfeld hinzu.
Attribut ohne Wert. Standardmäßig (wenn das Attribut nicht vorhanden ist) wird das Steuerfeld nicht hinzugefügt. |
loop |
Wiederholt die Videowiedergabe in einer Endlosschleife:
Nach dem Ende beginnt sie von neuem.
Attribut ohne Wert. Standardmäßig (wenn das Attribut nicht vorhanden ist) wird die Aufnahme nur 1 Mal abgespielt.
|
poster |
Pfad zu einem Bild, das angezeigt wird, solange das Video nicht verfügbar oder nicht abspielbar ist.
Wenn das Attribut poster nicht angegeben ist, versucht der Browser, das erste Frame des Videos anzuzeigen.
|
height |
Das Attribut height legt die Höhe des Wiedergabebereichs des Videos fest (in Pixeln
oder Prozent).
Das Video selbst passt seine Größe nach oben oder unten an die vorgegebene Höhe an,
seine Proportionen bleiben dabei jedoch erhalten.
Standardwert: Die Höhe wird aus den Parametern des Videos übernommen, falls dieser Wert nicht verfügbar ist, dann wird der Wert des Attributs height
als gleich der Höhe des Bildes aus dem Attribut poster angenommen.
Wenn auch poster nicht angegeben ist - wird die Höhe
auf 150 Pixel gesetzt.
|
width |
Das Attribut width legt die Breite des Wiedergabebereichs des Videos fest (in Pixeln
oder Prozent).
Das Video selbst passt seine Größe nach oben oder unten an die vorgegebene Breite an,
seine Proportionen bleiben dabei jedoch erhalten.
Standardwert: Die Breite wird aus den Parametern des Videos übernommen, falls dieser Wert nicht verfügbar ist, dann wird der Wert des Attributs width
als gleich der Breite des Bildes aus dem Attribut poster angenommen.
Wenn auch poster nicht angegeben ist - wird die Breite
auf 150 Pixel gesetzt.
|
Beispiel . Player auf einer Webseite
Fügen wir unserer Seite einen Player mit einem Video hinzu.
Für Browser, die das
Tag video nicht unterstützen, wurde eine spezielle Nachricht
hinterlassen:
<video src="moovie.mp4" controls>
Ihr Browser unterstützt video in HTML5 nicht.
</video>
Beispiel .
Fügen wir für das Tag video
ein Tag source hinzu:
<video>
<source src="moovie.mp4" controls>
Ihr Browser unterstützt video in HTML5 nicht.
</video>
