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

<source>NEU

Bedeutung

Definiert unterschiedliche Bezugsquellen von Medieninhalten


Notation

<source [Attribute]>[Elementinhalt]</source>

Elternelemente

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

zum <audio> Element<audio> und zum <video> Element<video>.


Elementinhalt

void-Element, darf keinen End-Tag haben und ist ohne Inhalt.


Attribute

Kann folgende elementspezifische Attribute enthalten:
zum HTML5 Attribut mediamedia | zum HTML5 Attribut srcsrc | zum HTML5 Attribut typetype

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 | onended | 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
<audio controls="controls">
<source src="audio.ogg" />
<source src="audio.mp3" />
<source src="audio.wav" />
// <!-- Flash als Fallback-Lösung -->
<embed src="audio.swf" />
// <!-- Fehlermitteilung -->
Ihr Browser unterstützt das audio Element nicht!
</audio>
<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

Um alternative Medieninhalte innerhalb des <audio> oder <video> Elements zu definieren, steht das <source> Element zur Verfügung.


W3C Logo & WHATWG Logo Spezifikation

Tastaturkürzel