Carregando...

Html source

Postado: 6 de junho de 2022

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

Publicado por: Loop Nerd

304 Visualizações

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Artigos Relacionados