English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML <video> é aplicável ao HTML 5+, usado para definir streams de mídia de vídeo para visualização online.
Muitos sites utilizam vídeos. HTML5 Fornece padrões para exibir vídeos.
Até agora, não existe um padrão específico para exibir vídeos em páginas da web.
Hoje, a maioria dos vídeos são exibidos através de plug-ins (como Flash). No entanto, não todos os navegadores possuem os mesmos plug-ins.
HTML5 Define um método padrão para incluir vídeos usando o elemento video.
Internet Explorer 9+, Firefox, Opera, Chrome e Safari suportam o elemento <video>.
Atenção: Internet Explorer 8 Ou versões mais antigas do IE não suportam o elemento <video>.
Para usar no HTML5 ao exibir o vídeo, tudo o que você precisa é:
<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Seu navegador não suporta a tag Video. </video>Teste e veja ‹/›
Ao mesmo tempo, o elemento <video> também oferece propriedades width e height para controlar o tamanho do vídeo. Se a altura e largura forem configuradas, o espaço necessário para o vídeo será reservado no momento do carregamento da página. Se essas propriedades não forem configuradas, o navegador não saberá o tamanho do vídeo e não poderá reservar espaço específico no momento do carregamento, a página mudará de acordo com o tamanho original do vídeo.
<video> com</O conteúdo entre as tags <video> é fornecido para navegadores que não suportam o elemento video.
O elemento <video> suporta múltiplos elementos <source>. O elemento <source> pode linkar a diferentes arquivos de vídeo. O navegador usará o primeiro formato reconhecível:
Atualmente, o elemento <video> suporta três formatos de vídeo: MP4, WebM e Ogg:
| navegador | MP4 | WebM | Ogg |
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | NO | NO |
| Opera | YES (a partir do Opera 25 起) | YES | YES |
MP4 = com H.264 MPEG com codificação de vídeo e áudio AAC 4 arquivo
WebM = com VP8 arquivo WebM com codificação de vídeo e áudio Vorbis
Ogg = arquivo Ogg com codificação de vídeo Theora e áudio Vorbis
| Formato | MIME-type |
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
HTML5 Os elementos <video> e <audio> também possuem métodos, propriedades e eventos.
Os métodos, propriedades e eventos dos elementos <video> e <audio> podem ser controlados com JavaScript.
Os métodos nele são usados para reprodução, pausa e carregamento, entre outros. As propriedades nele (como duração, volume, etc.) podem ser lidas ou configuradas. Os eventos DOM podem notificá-lo, por exemplo, que o elemento <video> começou a reproduzir, pausou, parou, etc.
Os métodos simples no exemplo nos mostram como usar o elemento <video>, ler e definir atributos, e como chamar métodos.
Criar uma reprodução simples de vídeo/Controles de pausa e ajuste de tamanho:
Os exemplos acima chamam dois métodos: play() e pause(). Eles também usam duas propriedades: paused e width.
Mais referências, por favor, consulte HTML5 Áudio/Manual de Referência do DOM Video.
| Etiqueta | Descrição |
| <video> | Define um vídeo |
| <source> | Define vários recursos de mídia, como <video> e <audio> |
| <track> | Definido na Trajetória de Texto do Player de Mídia |