Inserindo vídeo no seu site usando o HTML 5

Pessoal, nesse post vou falar um pouco de uma das novidades mais esperadas do HTML 5, que é a de inserir vídeos no seu site usando APENAS códigos HTML. Você não precisa mais ficar dependendo de plugins (entenda-se Flash) para colocar vídeos em seu site. Isso diminuirá o tempo de carregamento do vídeo, tornando seu site mais leve e dinâmico.

Incluir vídeos diretamente no código HTML como conhecemos hoje, será muito mais simples. O HTML 5 possui tags específicas para a inserção de vídeos no corpo da página.

A forma de inserir vídeos será muito semelhante ao que é feito, hoje, com as imagens. Assim, será necessário indicar a origem do vídeo e definir sua altura e largura como o desenvolvedor desejar.

Além disso, há outras funções importantes que o HTML 5 apresenta:

- Definir se o vídeo irá tocar repetidamente ou uma vez só;

- Determinar se o vídeo começará a tocar assim que carregar a página;

- Visualizar os controles do vídeo, tais como: botão play/pause, volume e tempo decorrido do vídeo.

Veja abaixo os navegadores que aceitam os seguintes formatos de vídeo:

MP4:          OGV:          MOV:

Entretanto, o HTML 5 ainda está em fase de testes. Nem todos os navegadores adotaram todas as novas tags. A versão final do HTML 5 está prometida para 2012.

Veja mais desta matéria no meu blog sobre HTML5.

@Dukountra – O Do contra da X4IDS