English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
O elemento <video> HTML é usado para incorporar reprodutores de mídia em documentos HTML ou XHTML, para suportar a reprodução de vídeos dentro do documento. Você também pode usar a tag <video> para conteúdo de áudio, mas o elemento <audio> pode ser mais apropriado em termos de experiência do usuário.
Exemplo online
Exemplo <!doctype html> <html> <head>-8" type="video <meta charset="UTF3<title>Uso do tag HTML video (Tutorial básico da web w/codebox.com)< </title> head> <body> <video controls>4<source src="movie.mp/mp4" type="video ">/<source src="movie.webm" type="video <p>Sua navegador não suporta o formato de vídeo. <a href="webm">39;t não suporta HTML5 video. Aqui está a <a href="movie.mp4">link para o vídeo</a> em vez de.</p> </video> </body> </html>testar e ver se </›
IEFirefoxOperaChromeSafari
todos os navegadores populares suportam.
O tag <video> define um vídeo, como um fragmento de filme ou outro fluxo de vídeo.
Atualmente, o elemento <video> suporta três formatos de vídeo: MP4、WebM、Ogg。
| navegadores | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | SIM | NÃO | NÃO |
| Chrome | SIM | SIM | SIM |
| Firefox | SIM a partir do Firefox 21 a partir da versão do Firefox no sistema Linux 3a partir da versão | SIM | SIM |
| Safari | SIM | NÃO | NÃO |
| Opera | SIM do Opera 25 a partir da versão | SIM | SIM |
MP4 = MPEG 4arquivo usa H264 codec de vídeo e o codec de áudio AAC
WebM = WebM arquivo usa o codec de vídeo VP8 codec de vídeo e o codec de áudio Vorbis
Ogg = Ogg arquivo usa o codec de vídeo Theora e o codec de áudio Vorbis
| formato | MIME-type |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
O tag <video> é do HTML5 nova tag.
Dica:Pode ser colocado entre <video> e </O conteúdo de texto é colocado entre os tags <video>, dessa forma, os navegadores que não suportam o elemento <video> podem exibir a informação do tag.
Novo: HTML5 Novos atributos adicionados.
| Atributo | Valor | Descrição |
|---|---|---|
| autoplayHTML5 | autoplay | Se este atributo estiver presente, o vídeo será reproduzido imediatamente após estar pronto. |
| controlsHTML5 | controls | Se este atributo estiver presente, exibirá controles para o usuário, como o botão de reprodução. |
| heightHTML5 | pixels | Definir a altura do player de vídeo. |
| loopHTML5 | loop | Se este atributo estiver presente, o arquivo de mídia será reproduzido novamente após a conclusão da reprodução. |
| mutedHTML5 | muted | Se este atributo estiver presente, a saída de áudio do vídeo será mudo. |
| posterHTML5 | URL | Especificar a imagem a ser exibida enquanto o vídeo está sendo baixado, até que o usuário clique no botão de reprodução. |
| preloadHTML5 | auto metadata none | Se este atributo estiver presente, o vídeo será carregado e preparado para reprodução ao carregar a página. Se usar "autoplay", ignore este atributo. |
| srcHTML5 | URL | URL do vídeo a ser reproduzido. |
| widthHTML5 | pixels | Definir a largura do player de vídeo. |
Suporte do <video> etiqueta Atributos globais do HTML.
Suporte do <video> etiqueta Atributos de eventos do HTML.