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

<source>NEU

Bislang standen zur Wiedergabe von Medieninhalten nur sehr rudimentäreInformationBedeutung: rudimentäreunvollständig, unvollkommen, nur in Ansätzen [vorhanden], unzureichend Lösungen in HTML zur Verfügung. Mit dem HTML5 <audio> und <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.

Die native Unterstützung von multimedialen Inhalten scheitert in der praktischen Anwendung am Format. Die lizenzrechtlichen Bedenken der Browserhersteller führten dazu, dass man sich auf keinen Standard bezüglich des Formats einigen konnte, eigentlich war das lizenzfreie ogg Format vorgesehen. Um alternative Medieninhalte innerhalb des <audio> oder <video> Elements zu definieren, steht das <source> Element zur Verfügung.

elementspezifischen Attribute
AttributBeschreibung
srcGültige URL zu dem jeweiligen Medieninhalt
typedefiniert den Type des Medieninhaltes
mediaDefiniert den erforderlichen Codec zur Wiedergabe

<audio> 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> Beispiel:

<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>

Notation

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

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


W3C Logo Spezifikation

Tastaturkürzel