Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Hinzufügen des Video-Elements | Arbeiten mit Medien und Tabellen
Ultimatives HTML

Hinzufügen des Video-Elements

Swipe um das Menü anzuzeigen

Video-Dateien können mit dem <video>-Element in eine Webseite eingebettet werden. Siehe folgendes Beispiel:

index.html

index.html

In diesem Beispiel:

  • Das <video>-Element enthält ein <source>-Element, das die URL und den Dateityp der Videodatei angibt. Häufig unterstützte Formate sind WebM, MP4 und OGG;
  • Das Attribut controls zeigt die Standard-Steuerelemente für die Wiedergabe an;
  • Falls der Browser des Nutzers das Video-Element nicht unterstützt, wird eine Ersatzmeldung angezeigt.

Häufig verwendete Attribute für das HTML-Videoelement sind:

  • autoplay: startet die Videodatei automatisch, sobald die Seite geladen wird;
  • loop: lässt die Videodatei kontinuierlich wiederholen;
  • muted: schaltet den Ton standardmäßig stumm;
  • volume: gibt die Standardlautstärke für die Audiodatei an, von 0.0 (stumm) bis 1.0 (volle Lautstärke);
  • poster: gibt die URL eines Bildes an, das als Videovorschaubild angezeigt wird, bevor das Video abgespielt wird;
  • width und height: gibt die Breite und Höhe des Videoplayers in Pixeln an.

Beispiel zur Verwendung all dieser Attribute:

index.html

index.html

Note
Hinweis

Zusätzlich gibt es viele JavaScript-Bibliotheken und APIs, die zusätzliche Funktionen für das Abspielen und Bearbeiten von Videoinhalten im Web bereitstellen.

question mark

Welche der folgenden sind gültige Attribute, die Sie mit dem HTML-Element video verwenden können?

Wählen Sie alle richtigen Antworten aus

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 6

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Abschnitt 4. Kapitel 6
some-alt