Html 5 - tag

Felipe Pelini

Trabalho sobre html 5 tag <video> html 5

faculdade de tecnologia ftec caxias do sul 2012

Índice Introdução 3 Tag <video> HTML5 4 atributos da tag <video> 5 Formatos de video 6 conversão de videos 7 easy video html 5 converter 8 Conclusão 10 Bibliografia 11

Introdução Este trabalho tem o objetivo de apresentar os recursos da nova tag <video> incluída no padrão html5. Serão apresentados os codecs mais utilizados, navegadores com suporte a este novo recurso, problemas de compatibildiade, métodos de conversão de vídeo e a utilização da tag em uma página web utilizando apenas html.

Tag <video> html5
Atualmente o player mais utilizado na internet é o flash, mas este depende de um plugin instalado no navegador para ser utilizado ao modo que alguns navegadores não suportem este plugin. A tag <video> tem como principal objetivo, substituir ou pelo menos dar uma opção aos atuais players de video sem a necessidade de instalção de plugins ou software de terceiros.
A tag <video> se utiliza de uma estrutura simples e compacta como vemos no exemplo:
<video width="320" height="240" controls="controls" > <source src="video.mp4" type="video/mp4" /> Seu navegador não suporta este tipo de video.
</video>
Nessa estrutura fica fácil identicar os elementos principais que fazem parte da tag:
<video> - representa a abertura da tag.
Width e height - atributo da tag <video> representam a largura e altura do vídeo que será apresentado em pixels.
Controls – atributo da tag <video> que mostra controles, como play, stop e volume.
<source> - fonte do vídeo.
Mensagem – para o caso do navegador não suportar nenhum dos codecs.
</video> - representa o fechamento da tag.
A tag <video> aceita ainda outros atributos que veremos no próximo tópico.

Atributos da Tag <video>
Como podemos ver na estrutura da tag, podemos utilizar