Tag <source>


Definizione

Il tag HTML <source> si usa per indicare una o più risorse multimediali all'interno degli elementi <audio>, <video> e <picture>.

Possono coesistere più tag <source> nello stesso tag padre (vedi i precedenti), per definire lo stesso file risorsa ma in differenti formati.

I browser web sceglieranno il formato più idoneo in base a quelli supportati dallo stesso.

 

<source>

tag HTML

Il tag HTML <source> si usa per indicare una o più risorse multimediali per elementi media


Posizione: <body>
Tag di chiusura: No

Esempio

<!-- esempio con tag audio --> <audio controls autoplay muted> <source src="suoneria.mp3" type="audio/mpeg"> <source src="suoneria.ogg" type="audio/ogg"> <source src="suoneria.wav" type="audio/wav"> Riproduzione audio non supportata dal tuo browser. </audio>



Attributi

Attributo Valore Descrizione
src

URL

Indica il percorso/URL della risorsa per i tag <audio> e <video>
type

media type

Specifica la tipologia/funzione di un elemento.
media

media type

Specifica a quale dispositivo/display/documento è ottimizzata una risorsa.
srcset

URL

L'attributo srcset definisce la risorsa grafica tramite URL all'interno del tag <source> contenuto in <picture>
<source> supporta gli attributi di livello globale.

Compatibilità

Tutti i moderni browser supportano questo elemento.