HTML - Element: <video>

Mit dem <video>-Tag (HTML 5) und dem <source>-Tag (source = Quelle) können Video-Inhalte abgespielt werden. Beachten Sie, das die Browser nicht alle Formate unterstützen, hinterlegen Sie deshalb min. ein alternatives Format.

<!DOCTYPE html>
<html>
<head>
 <title>Video</title>
</head>
<body>

<h1>Video</h1>

<p>
<video width="320" height="240" controls>
 <source src="film.ogg" type="video/ogg">
 <source src="film.mp4" type="video/mp4">
</video>
</p>

</body>
</html>

Beispiel anzeigen

Tipp: HTML 5 beinhaltet auch ein neues Element für die Wiedergabe von Audio: <audio>-Tag.

Attribute

src="" - Gibt den Pfad zur Datei an.
width="" - Gibt die Breite des Anzeigebereichs an.
height="" - Gibt die Höhe des Anzeigebereichs an.
type="" - Gibt den Datentyp der Datei an.
controls - Gibt an, dass Steuerelemente (z. B. Wiedergabe/Pause Button etc.) angezeigt werden sollen.
preload - Gibt an, das die Datei beim laden der Seite mitgeladen wird.
loop - Gibt an, das immer wieder vom neuen gestartet wird, jedes Mal, wenn es abgespielt wurde.
autoplay - Gibt an, dass die Video Wiedergabe startet, sobald die Datei geladen ist.
autobuffer - Zwischenspeicherung aktivieren, damit das Video möglichst ruckelfrei wiedergegeben werden kann.