Was ist das HTML5-Videoelement?

Das HTML5-<video>-Element ist eine standardmäßige Browserkomponente zum Einbetten der Videowiedergabe. Es kann auf eine oder mehrere Quelldateien verweisen und Wiedergabesteuerungen, Untertitel, Vorschaubilder und Barrierefreiheitsbeschriftungen bereitstellen.

In der Praxis geht es beim Video-Markup hauptsächlich darum, die richtigen Attribute für den jeweiligen Anwendungsfall zu kombinieren und sicherzustellen, dass der Fallback-Text aussagekräftig ist.

Toolbeschreibung

Dieses Tool generiert einen sofort kopierbaren <video>-Block mit gängigen Attributen wie Quelle, Vorschaubild, Abmessungen, Preload-Verhalten, automatischer Wiedergabe, Schleife und Steuerungen. Außerdem wird eine Live-Vorschau im Browser angezeigt.

Es ist nützlich, wenn Sie Video-Markup schnell zusammenstellen möchten, ohne sich jeden Attributnamen merken zu müssen.

Beispiele

  • Ein standardmäßig eingebettetes Video mit Steuerungen und einem Vorschaubild
  • Ein stummgeschaltetes Hintergrundvideo in einer Schleife
  • Ein responsives Video-Tag mit benutzerdefiniertem Fallback-Text

Funktionen

  • Viele gängige HTML5-Videoattribute an einem Ort
  • Bearbeitbarer Fallback-Text für nicht unterstützte Browser
  • Generiertes HTML und Sandbox-Vorschau nebeneinander

Funktionsweise

Das Tool erstellt das <video>-Markup anhand der von Ihnen ausgewählten Optionen und rendert eine Vorschau, wobei nach Möglichkeit dieselben Quelleinstellungen verwendet werden. Der generierte Code ist dafür vorgesehen, in Ihre eigene Seite kopiert zu werden.

Die Vorschau hängt weiterhin davon ab, ob der Browser die Medien-URL laden kann. Daher hängt der Erfolg der Wiedergabe von der Quelle selbst ab.