HTML/Elemente/video
Aus SELFHTML-Wiki
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.
| 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 | |
| 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
- Spezifikation (W3C): The video-Element
Grundstruktur
- Multimedia und Grafiken
- Formulare
- Seitenstrukturierung
- Textstrukturierung
- Textauszeichnung
- Tabellen
- Skripte
- Interaktive Elemente