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

bookVideoelement Hinzufügen

Sie können Videodateien auf einer Webseite mit dem <video>-Element einbetten. Betrachten Sie das folgende Beispiel:

index.html

index.html

copy

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 standardmäßigen Wiedergabesteuerungen 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: legt die Standardlautstärke für die Audiodatei fest, 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: legt die Breite und Höhe des Videoplayers in Pixeln fest.

Hier ist ein Beispiel, das die Verwendung all dieser Attribute demonstriert:

index.html

index.html

copy
Note
Hinweis

Zusätzlich stehen zahlreiche JavaScript-Bibliotheken und APIs zur Verfügung, die erweiterte Funktionen für das Abspielen und Bearbeiten von Videoinhalten im Web bieten.

question mark

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

Select the correct answer

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

Suggested prompts:

Can you show me the example with all these attributes included?

What does the fallback message look like in practice?

Can you explain more about the `poster` attribute and how to use it?

bookVideoelement Hinzufügen

Swipe um das Menü anzuzeigen

Sie können Videodateien auf einer Webseite mit dem <video>-Element einbetten. Betrachten Sie das folgende Beispiel:

index.html

index.html

copy

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 standardmäßigen Wiedergabesteuerungen 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: legt die Standardlautstärke für die Audiodatei fest, 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: legt die Breite und Höhe des Videoplayers in Pixeln fest.

Hier ist ein Beispiel, das die Verwendung all dieser Attribute demonstriert:

index.html

index.html

copy
Note
Hinweis

Zusätzlich stehen zahlreiche JavaScript-Bibliotheken und APIs zur Verfügung, die erweiterte Funktionen für das Abspielen und Bearbeiten von Videoinhalten im Web bieten.

question mark

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

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 6
some-alt