Exemplo
Reproduzir um vídeo:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Tente você mesmo " Definição e Uso
O <video> tag especifica de vídeo, como um clipe de filme ou de outros fluxos de vídeo.
Atualmente, existem 3 formatos de vídeo suportados para o <video> elemento: MP4, WebM , e Ogg :
| Browser | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES from Firefox 21 from Firefox 30 for Linux |
YES | YES |
| Safari | YES | NO | NO |
| Opera | YES From Opera 25 |
YES | YES |
- MP4 = MPEG 4 arquivos com codec de vídeo H264 e codec de áudio AAC
- WebM = WebM arquivos com codec de vídeo VP8 e codec de áudio Vorbis
- Ogg = Ogg com codec de vídeo Theora e codec de áudio Vorbis
Tipos de MIME para formatos de vídeo
| Formato | MIME-type |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente o elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <video> | 4.0 | 9 | 3,5 | 4.0 | 10.5 |
Diferenças entre HTML 4.01 e HTML5
O <video> tag é novo em HTML5.
Dicas e Notas
Dica: Qualquer texto entre o <video> e </video> tag será exibido em navegadores que não suportam o <video> elemento.
Atributos opcionais
= Novo em HTML5.
| Atributo | Valor | Descrição |
|---|---|---|
| autoplay | autoplay | Especifica que o vídeo começa a tocar assim que ele está pronto |
| controls | controls | Especifica que os controles de vídeo deve ser exibido (como um botão de play / pause etc). |
| height | pixels | Define a altura do player de vídeo |
| loop | loop | Especifica que o vídeo vai começar tudo de novo, cada vez que ele for concluído |
| muted | muted | Especifica que a saída de áudio do vídeo deve ser silenciado |
| poster | URL | Especifica uma imagem a ser mostrada enquanto o vídeo está baixando, ou até que o usuário pressiona a tecla do jogo |
| preload | auto metadata none | Especifica se e como o autor pensa que o vídeo deve ser carregado quando a página é carregada |
| src | URL | Especifica o URL do arquivo de vídeo |
| width | pixels | Define a largura do player de vídeo |
Atributos globais
O <video> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <video> tag também suporta o evento Atributos em HTML .
Páginas relacionadas
HTML DOM de referência: HTML de áudio / vídeo DOM Reference
Configurações CSS padrão
Nenhum.