HTML/Elemente/video

Aus SELFHTML-Wiki
< HTML‎ | Elemente(Weitergeleitet von Video)
Wechseln zu: Navigation, Suche

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:
erlaubte Inhalte
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

Weblinks