Client-Side: HTML CSS JavaScript
Desenvolvimento WEB: O Céu é o limite
Inserindo um vídeo usando o HTML 5
O que é ter a possibilidade de inserir um vídeo usando HTML5?
É claro que você sabe muito bem que o HTML5 é um conjunto de padrões web desenvolvido pela “Web Hypertext Application Technology Working Group”
O padrão HTML5 inclui muitas características para aplicações web dinâmicas incluindo áudio e vídeo.
No código abaixo você pode ver como funciona um vídeo usando HTML5.
<!DOCTYPE html> <html> <body> <video width="320" height="240" controls="controls" autoplay="autoplay"> <source src="www.clientside.com.br/exemplos/html5_video/movie.mp4" type="video/mp4" /> </video> </body> </html>
Veja aqui o exemplo completo funcionando: VER EXEMPLO
Só complementando, é importante oferecer algum tipo de compatibilidade para quando não for possível executar pela tag do HTML5, mesmo, ou, simplesmente, o browser não tiver suporte para algum tipo de formato (eg, ogg), enfim, “cercar” a exibição para tentar garantir que o video seja executado de qualquer maneira.
Fica algo como (altura e largura fictícios, claro):
Download do filme
Putz, mesmo colocando a tag “code” foi interpretado como se fosse código a ser renderizado e ele não exibiu no comentário… =/