Exemplo
Um reprodutor de áudio com dois arquivos de origem. O navegador deve escolher qual arquivo (se houver) tem suporte para:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Tente você mesmo " Definição e Uso
O <source> tag é usada para especificar vários recursos de mídia para os elementos de mídia, como <video> e <audio> .
O <source> tag permite que você especifique arquivos de vídeo alternativos / áudio que o navegador pode escolher, com base no seu tipo de mídia ou suporte codec.
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente o elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <source> | 4.0 | 9 | 3,5 | 4.0 | 10.5 |
Diferenças entre HTML 4.01 e HTML5
O <source> tag é novo em HTML5.
Atributos
= Novo em HTML5.
| Atributo | Valor | Descrição |
|---|---|---|
| media | media_query | Especifica o tipo de recurso de mídia |
| src | URL | Especifica o URL do arquivo de mídia |
| type | media_type | Especifica o tipo de mídia do recurso de mídia |
Atributos globais
O <source> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <source> tag também suporta o evento Atributos em HTML .
Páginas relacionadas
Tutorial HTML: HTML5 Vídeo
Tutorial HTML: HTML5 áudio
Referência HTML DOM: Objeto Fonte
Configurações CSS padrão
Nenhum.