HTML5 <Video> tag suporta 3 formatos de vídeo comumente usados:
1. OGG = arquivo OGG com codificação de vídeo teora e codificação de áudio VORBIS;
2. MPEG4 = arquivo MPEG 4 com codificação de vídeo H.264 e codificação de áudio AAC;
3. WebM = arquivo webm com codificação de vídeo VP8 e codificação de áudio VORBIS.
Hoje em dia, os navegadores convencionais têm suporte diferente para formatos de vídeo. Acredito que o dia em que o HTML5 é lançado oficialmente apoiará mais formatos de vídeo, trazendo muitos benefícios para desenvolvedores e usuários.
Vamos falar sobre o uso de vídeos de tag de vídeo html5. Se você precisar exibir vídeos no navegador, tudo o que você precisa é copiar o seguinte código:
<vídeo src = filme.ogg width = 320 altura = 240 controles = controles>
Seu navegador não suporta a tag de vídeo.
</video>
Propriedades de controle para adicionar controles de reprodução, pausa e volume. Também é uma boa idéia incluir propriedades de largura e altura. O conteúdo inserido entre <dideo> e </video> é exibido por navegadores que não suportam elementos de vídeo.
O código acima usa um arquivo OGG que funciona para o Firefox, Opera e Google Chrome. Para garantir que seja adequado para o navegador Safari, o arquivo de vídeo deve estar no formato MPEG4. O IE8 não suporta tags HTML5 <Video> e o IE9 suporta essa tag, mas também deve usar o formato MPEG4.
O elemento de vídeo permite vários elementos de origem. O elemento de origem pode vincular arquivos de vídeo em diferentes formatos. O navegador detecta e usa o primeiro formato reconhecível, o código é o seguinte:
<largura do vídeo = 320 altura = 240 controles = controles>
<fonte src = filme.ogg type = video/ogg>
<fonte src = filme.mp4 type = video/mp4>
Seu navegador não suporta a tag de vídeo.
</video>
A seguir, são apresentadas as propriedades comuns da tag <dife>:
| propriedade | valor | descrever |
AutoPlay | AutoPlay | Se essa propriedade aparecer, o vídeo será reproduzido imediatamente após estar pronto. |
Controles | Controles | Se essa propriedade aparecer, um controle é exibido ao usuário, como um botão de reprodução. |
altura | pixels | Defina a altura do player de vídeo. |
laço | laço | Se essa propriedade aparecer, a reprodução começa novamente quando o arquivo de mídia terminou de jogar. |
pré -carga | pré -carga | Se essa propriedade aparecer, o vídeo será carregado quando a página é carregada e pronta para ser reproduzida. Se o AutoPlay for usado, esta propriedade será ignorada. |
src | url | URL do vídeo para reproduzir. |
largura | pixels | Define a largura do player de vídeo. |
O surgimento do vídeo de tag html5 melhorou bastante a experiência do usuário na Web e tornará mais conveniente para os usuários navegarem e usarem.