Beispiel
Ein Audio-Player mit zwei Quelldateien. Der Browser sollte die Datei (falls vorhanden) wählen sie hat die Unterstützung für:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Versuch es selber " Definition und Verwendung
Die <source> -Tag wird verwendet , um mehrere Medienressourcen für Medienelemente, wie zum Beispiel angeben <video> und <audio> .
Die <source> -Tag können Sie alternative Video / Audio - Dateien zu spezifizieren , die der Browser aus wählen können, auf der Grundlage seiner Medientyp oder Codec - Unterstützung.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Element vollständig unterstützt.
| Element | |||||
|---|---|---|---|---|---|
| <source> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Unterschiede zwischen HTML 4.01 und HTML5
Die <source> -Tag ist neu in HTML5.
Attribute
= Neu in HTML5.
| Attribut | Wert | Beschreibung |
|---|---|---|
| media | media_query | Gibt die Art der Medienressource |
| src | URL | Gibt die URL der Mediendatei |
| type | media_type | Gibt den Medientyp der Medienressource |
globale Attribute
Die <source> -Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Die <source> -Tag unterstützt auch der Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - Tutorial: HTML5 Video
HTML - Tutorial: HTML5 Audio
HTML - DOM - Referenz: Quellobjekt
Standard CSS-Einstellungen
Keiner.