HTML/Elemente/video

Das video-Element bettet Videos oder Filme ein und ermöglicht, sie ohne Plugins abzuspielen.

Syntax

Start-Tag: notwendig

End-Tag: notwendig

WAI‑ARIA‑Rolle

• keine

Elternelemente

Darf vorkommen in:

• allen Elementen, die fließenden Inhalt erlauben
• allen Elemente mit phrasing content

erlaubte Inhalte

• source
• track

Beispiel

<video src="Demofilm.mp4" controls>
  Dieser Film zeigt eine Demonstration des video-Elements.<br>
  Ihr Browser kann dieses Video nicht wiedergeben. Sie können es unter <a href="#">Link-Addresse</a> abrufen.
</video>

Die Video-Datei wird mit dem src-Attribut referenziert. Für den Fall, dass ein Browser das Video nicht laden kann, gibt es als Fallback einen kurzen Hinweis.

Attribute

Name	Inhalt	Standardwert	Bedeutung
Universalattribute
id	ID		identifiziert ein einziges Element innerhalb eines Dokuments
class	Token		ordnet ein Element einer oder mehreren Klassen zu.
accesskey	Text (string)		Tastaturkürzel
contenteditable	Boolean		editierbarer Inhalt
dir	ltr, rtl		definiert die Schreibrichtung innerhalb des Dokuments
draggable	Boolean		kann mit Drag & Drop gezogen werden
hidden		Boolean	versteckter Inhalt
lang	Sprachkürzel		legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766]
spellcheck	Boolean		Rechtschreibprüfung Sollte auch für input type="password" deaktiviert werden.
style	String (Text)		notiert direkt in einem Element- style sheet data
tabindex	NUMBER		zeigt an, ob dieses Element fokusiert werden kann, ob es mithilfe der Tastaturnavigation angesteuert werden kann und in welcher Reihenfolge navigiert wird.
title	String (Text)		betitelt oder beschreibt ein Element.
autoplay	Boolesches Attribut		beginnt sofort mit dem Abspielen des Videos, wenn es mit dem Laden der Daten soweit fortgeschritten ist, dass dies ohne zu Stoppen bewerkstelligt werden kann.
buffered	Text (string)		liest aus, welche Zeitdauer bereits zwischengespeichert wurde, benutzt TimeRanges.
controls	Boolesches Attribut		aktiviert eine Leiste mit Steuerungsfunktionen für den Benutzer.
crossorigin	anonymous use-credentials||||
loading	auto, eager, lazy	auto	gibt an, ob Bilder bevorzugt oder erst später geladen werden sollen, wenn Seite gescrollt wird. (lazy-loading)
loop	Boolesches Attribut	false	legt fest, ob das Video nach Beendigung von vorne abgespielt wird.
mediagroup	Text (string)		ordnet das Video einer Gruppe zu.
muted	Boolesches Attribut	false	bestimmt, dass die Audio-Daten, die im Video enthalten sind, zu Beginn stumm geschaltet werden.
played	Text (string)		TimeRanges-Object, wie viel vom Video schon abgespielt wurde.
poster	URL		bestimmt eine URI des Vorschaubilds, bis der Benutzer das Video abspielt. Ist dieser Wert nicht gesetzt, wird solange nichts angezeigt, bis der erste Video-Frame verfügbar ist.
preload	auto metadata none	auto	legt fest, ob die Datei vorgeladen werden soll.
src	URL		legt eine bestimmte URI-Adresse der Videoquelle fest. Optional, können mehrere Videos über das source-Element eingebunden werden, wodurch der jeweilige Browser entscheiden kann, welcher Video-Typ verwendet wird.

Attribut: Pflichtattribut
Attribut: optionales Attribut

Siehe auch

• Multimedia
  • Audio und Video

Weblinks

• Spezifikation (W3C): The video-Element