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

Hinzufügen des Video-Elements

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.

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 6
some-alt