Elemento video

Exemplo 1

Definindo largura e altura (width e height) com a exibição do controlador (controls) e solicitando o pré carregamento (preload)

<video src="videos/video.m4v" height="272" width="360" controls preload >
<p>Seu browser não é compatível, <a href="videos/video.m4v">baixe este vídeo em formato MP4</a></p>
</video>

Exemplo 2

Com o atributo poster para exibir um imagem caso o formato indicado no código não seja compatível com o browser do usuário

<video src="videos/video.ogv" height="272" width="360" controls preload  poster="videos/poster_video.jpg">
</video>

Exemplo 3

Servindo vídeo em vários formatos através do elemento source e com link para download como alternativa de segurança

<video height="272" width="360" controls preload poster="videos/poster_video.jpg">
<source src="videos/video.m4v"/>
<source src="videos/video.ogv"/>
<source src="videos/video.webm"/>
<p><a href="videos/video.m4v">Baixe o vídeo</a></p>
</video>

Exemplo 4

Oferecendo o Flash Player como alternativa e link para download

<video height="272" width="360" controls preload poster="videos/poster_video.jpg">
<source src="videos/video.m4v"/>
<source src="videos/video.ogv" />
<source src="videos/video.webm"/>
<object height="272" width="360" type="application/x-shockwave-flash" data="videos/player_flash.swf"> 
<!--player_flash.swf é o arquivo do player em Flash-->
<!--O atributo data é para o Firefox. O IE ,Safari e outros precisam do elemento param --> 
<param name="movie" value="videos/player_flash.swf"/> 
<param name="flashvars" value="autostart=false&controlbar=over&file=videos/video.flv"/> 
</object> 
<p><a href="videos/video.m4v">Baixe o vídeo</a></p>
</video>