English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
A etiqueta <source> em HTML especifica múltiplos recursos de mídia para os elementos <picture>, <audio> ou <video>. É um elemento vazio. Geralmente é usado para fornecer o mesmo conteúdo de mídia em vários formatos suportados por diferentes navegadores.
Reprodutor de vídeo com três arquivos de origem. O navegador precisa escolher o arquivo de origem que ele suporta (se todos forem suportados, pode escolher qualquer um):
!doctype html> <html> <head> <meta charset="UTF-8"> <title>Uso da etiqueta <source> em HTML (Tutorial Básico da Web oldtoolbag.com)</title> </head> <body> <video controls> <source src="movie.webm" type="video/webm"> <source src="movie.ogg" type="video/ogg"> <source src="movie.mov" type="video/quicktime"> I'm sorry; your browser doesn't support HTML5 video. </video> </body> </html>Teste e veja ‹/›
IEFirefoxÓperaChromeSafari
IE 9+Firefox, Opera, Chrome e Safari suportam a etiqueta <source>.
Notas:IE 8 e versões anteriores do navegador IE não suportam a etiqueta <source>.
O <source> etiqueta define recursos de mídia para elementos de mídia (como <video> e <audio>).
O <source> etiqueta permite que você defina dois vídeos/O arquivo de áudio é escolhido pelo navegador com base no suporte ao tipo de mídia ou codec.
O <source> etiqueta é um HTML5 novo rótulo em
Novo: HTML5 novo atributo em
| Atributo | Valor | Descrição |
|---|---|---|
| mediaHTML5 | media_query | Define o tipo do recurso de mídia, para que o navegador decida se deve baixar. |
| srcHTML5 | URL | Define o URL do arquivo de mídia. |
| typeHTML5 | MIME_type | Define o tipo MIME do recurso de mídia. |
Suporte ao <source> etiqueta Propriedades globais do HTML.
Suporte ao <source> etiqueta Propriedades de eventos do HTML.