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	CDATA		ordnet ein Element einer oder mehreren Klassen zu.
accesskey	ID		Tastaturkürzel
contenteditable	CDATA		editierbarer Inhalt
contextmenu			definiert Kontextmenü
dir	ltr, rtl		definiert die Schreibrichtung innerhalb des Dokuments
draggable	ID		kann mit Drag & Drop gezogen werden
dropzone	CDATA		Aktion bei Ablegen
hidden			versteckter Inhalt
lang	NAME		legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766]
spellcheck	ID		Rechtschreibprüfung Sollte auch für input type="password" deaktiviert werden.
style	CDATA		notiert direkt in einem Element- style sheet data
tabindex	NAME		zeigt an, ob dieses Element fokusiert werden kann, ob es mithilfe der Tastaturnavigation angesteuert werden kann und in welcher Reihenfolge navigiert wird.
title	CDATA		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	CDATA		liest aus, welche Zeitdauer bereits zwischengespeichert wurde, benutzt TimeRanges.
controls	Boolesches Attribut		aktiviert eine Leiste mit Steuerungsfunktionen für den Benutzer.
crossorigin	CDATA
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	CDATA		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	CDATA		TimeRanges-Object, wie viel vom Video schon abgespielt wurde.
poster	CDATA		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	CDATA		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

• HTML/Tutorials/Multimedia

Weblinks

• Spezifikation (W3C): The video-Element