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>
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>
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>
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>