Element-Referenz
HTML 5 doctype - weil html einfach einfach ist.
nach oben

<video>NEU

Bedeutung

Integriert audiovisuelle Medieninhalte


Notation

<video [Attribute]>[Elementinhalt]</video>

Elternelemente

Kann gemäß der HTML5 Spezifikation innerhalb der folgenden Elemente vorkommen:

Liste der HTML 5 Block-ElementeBlock-Elemente und Liste der HTML 5 Inline-ElementeInline-Elemente.


Elementinhalt

Kann Text mit folgenden anderen HTML-Elementen enthalten:
zum <source> Element<source> und zum <track> Element<track>.


Attribute

Kann folgende elementspezifische Attribute enthalten:
zum HTML5 Attribut audioaudio | zum HTML5 Attribut controlscontrols | zum HTML5 Attribut heightheight | zum HTML5 Attribut looploop | zum HTML5 Attribut posterposter | zum HTML5 Attribut preloadpreload | zum HTML5 Attribut srcsrc | zum HTML5 Attribut widthwidth

Des Weiteren kann das Element folgende allgemeinen Attribute und Event-Handler enthalten:
zum HTML5 Attribut accesskeyaccesskey | zum HTML5 Attribut classclass | zum HTML5 Attribut contenteditablecontenteditable | zum HTML5 Attribut contextmenucontextmenu | zum HTML5 Attribut datadata | zum HTML5 Attribut dirdir | zum HTML5 Attribut draggabledraggable | zum HTML5 Attribut hiddenhidden | zum HTML5 Attribut idid | zum HTML5 Attribut itemitem | zum HTML5 Attribut itempropitemprop | zum HTML5 Attribut langlang | zum HTML5 Attribut spellcheckspellcheck | zum HTML5 Attribut stylestyle | zum HTML5 Attribut subjectsubject | zum HTML5 Attribut tabindextabindex | zum HTML5 Attribut titletitle

onabort | onblur | oncanplay | oncanplaythrough | onchange | onclick | oncontextmenu | ondblclick | ondrag | ondragend | ondragenter | ondragleave | ondragover | ondragstart | ondrop | ondurationchange | onemptied | onerror | onfocus | onkeydown | onkeypress | onkeyup | onloadeddata | onloadedmetadata | onloadstart | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | onmousewheel | onpause | onplay | onplaying | onprogress | onratechange | onreadystatechange | onscroll | onstalled | onsuspend | ontimeupdate | onvolumechange | onwaiting


Beispiel
<video src="/video-datei.ogg" type="video/ogg" controls="controls" poster="video.png">
Der Video-Tag wird von Ihrem Browser nicht unterstützt.
</video>
<video width="440" height="320" controls="controls" autoplay loop>
<source src="/video-datei.webm" type="video/webm" />
<source src="/video-datei.ogg" type="video/ogg" />
<source src="/video-datei.mp4" type="video/mp4" />
// <!-- Flash als Fallback-Lösung -->
<embed src="/video-datei.swf" type="application/x-shockwave-flash">
Der Video-Tag wird von Ihrem Browser nicht unterstützt.
</video>

Erläuterung

Mit dem HTML5 <video> Element ist nun das Abspielen einer Vielzahl von Medieninhalten in HTML möglich und dies ohne die bisher genutzten Adobe Flash oder Plug-Ins von Drittanbietern.

Für das <video> Element sollten mehrere Video-Standards definiert werden, von denen allerdings nicht jedes der Formate Ogg (Theora), MPEG4 (H.264), WebM (VP8) von jedem Browser unterstützt wird. Bei der Einbindung des <video> Elements müssen daher mindestens zwei Formate definiert werden, aus denen der jeweilige Browser das von ihm ausgabefähige Format auswählt.


W3C Logo & WHATWG Logo Spezifikation

Tastaturkürzel