Html source

Html source

A tag <source> em HTML é usada para anexar arquivos multimídia como áudio, vídeo e imagens. Os elementos <audio>, <video> e <picture> contêm o elemento <source>.

Atributos: Esta tag contém cinco atributos, conforme mencionado acima e descrito abaixo:

• src : É usado para manter o caminho do conteúdo da mídia.
• mídia: Defini o tipo de conteúdo de mídia.
• srcset : É usado para especificar a URL da imagem usada em diferentes situações.
• size:  Especifica os tamanhos da imagem em diferentes layouts de página.
• type: Especifica o recurso do tipo MIME.

A tag <source> nos permite que especificamos arquivos alternativos de vídeo, áudio e imagem que o navegador pode escolher, com base no suporte do navegador ou na largura da janela de visualização.

O navegador escolherá o primeiro <source> que ele suporta.

Veja o exemplo no código abaixo

Um reprodutor de áudio com dois arquivos de origem. O navegador escolherá o primeiro <source> que ele suporta:

<audio controls>
  <source src="aplausos.ogg" type="audio/ogg">
  <source src="aplausos.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

Veja o Resultado!

Neste artigo abordamos sobre a tag Html source.

Veja outros artigos sobre Tags HTML Lista Completa