Il Tag <source> HTML

Definizione e Utilizzo

Il tag <source> viene utilizzato per specificare risorse multimediali multiple per elementi multimediali, come <video>, <audio> e <picture>.Il tag <source> consente di specificare file video/audio/immagine alternativi che il browser può scegliere in base al supporto del browser o alla larghezza del viewport. Il browser selezionerà la prima <source> che supporta.

Attributi

media - Accetta qualsiasi media query valida che sarebbe normalmente definita in CSS. sizes - Specifica le dimensioni dell’immagine per diverse disposizioni di pagina. src - Obbligatorio quando <source> viene utilizzato in <audio> e <video>. Specifica l’URL del file multimediale. srcset - Obbligatorio quando <source> viene utilizzato in <picture>. Specifica l’URL dell’immagine da utilizzare in diverse situazioni. type - Specifica il tipo MIME della risorsa.

<audio controls>
  <source src="file.ogg" type="audio/ogg" />
  <source src="file.mp3" type="audio/mpeg" />
  Il tuo browser non supporta l'elemento audio.
</audio>