Örnek
İki kaynak dosyaları ile bir ses çalar. Tarayıcı hangi dosyanın seçmeliyim (if any) o desteği vardı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>
Kendin dene " Tanımı ve Kullanımı
<source> etiketi gibi medya unsurları için birden çok medya kaynakları belirtmek için kullanılır <video> ve <audio> .
<source> etiketi, tarayıcının medya türü veya codec desteği dayalı seçim olabilir alternatif video / ses dosyalarını belirlemenizi sağlar.
Tarayıcı Desteği
Tablodaki rakamlar tamamen elemanı destekleyen ilk tarayıcı sürümü belirtin.
| Eleman | |||||
|---|---|---|---|---|---|
| <source> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML 4.01 ve HTML5 Arasındaki Farklar
<source> etiketi HTML5 getirdiği bir yeniliktir.
Nitelikler
= HTML5'teki Yeni.
| nitelik | değer | Açıklama |
|---|---|---|
| media | media_query | medya kaynağının türünü belirtir |
| src | URL | medya dosyasının URL'sini belirtir |
| type | media_type | Medya kaynağın ortam türünü belirtir |
Küresel Nitelikler
<source> etiketi de destekliyor Küresel HTML Özellikleri .
Olay Nitelikler
<source> etiketi de destekler Olay HTML Özellikleri .
İlgili Sayfalar
HTML öğretici: HTML5 Video
HTML öğretici: HTML5 Ses
HTML DOM referansı: Kaynak Nesne
Varsayılan CSS Ayarları
Yok.