Element HTML source służy do określania alternatywnych źródeł mediów w elementach multimedialnych. Sam w sobie niczego konkretnego nie reprezentuje. Adres pliku multimedialnego podaje się za pomocą atrybutu src. Jest to atrybut obowiązkowy tego elementu.
Przykład użycia
Element audio z dwoma alternatywnymi źródłami:
<audio controls>
<source src="foo.ogg" type="audio/ogg codecs=vorbis"> <!-- Format Vorbis w kontenerze Ogg -->
<source src="foo.mp3" type="audio/mpeg">
Twoja przeglądarka nie obsługuje elementu video języka HTML5.
</audio>Atrybuty obowiązkowe
Atrybutem obowiązkowym elementu source jest src (w elementach audio i video) lub srcset (w elemencie picture).
Atrybuty opcjonalne
Atrybuty globalne HTML5 oraz:
| Atrybut | Opis |
|---|---|
src |
Określa adres URL pliku dźwiękowego (w elemencie audio) lub wideo (w elemencie video) |
srcset |
Lista adresów i cech obrazów, które mają zostać wykorzystane w różnych sytuacjach, np. na ekranach o różnej gęstości pikseli, o różnej szerokości itd. (w elemencie picture) |
sizes |
Określa rozmiary obrazu dla różnych układów stron |
width |
Szerokość obrazu |
height |
Wysokość obrazu |
type |
Określa typ MIME wskazywanego pliku. Atrybutowi temu można dodatkowo zdefiniować parametr codecs. Szczegółowe informacje na temat stosowania tego parametru można znaleźć w dokumencie RFC4281 (w specyfikacji HTML5 w podrozdziale 4.8.8 znajduje się kilka przykładów jego użycia) |
media |
Określa rodzaj mediów, dla których wskazywany plik jest przeznaczony. Dzięki niemu przeglądarka może określić przed pobraniem zasobu czy zasób ten może być przydatny dla użytkownika |
Obsługa przez przeglądarki
| Firefox | Chrome | Opera | Safari | Internet Explorer |
|---|---|---|---|---|
| ✔ | ✔ | ✔ | ✔ | ✔ |