Colocando um vídeo como background

Vimos anteriormente como adicionar um vídeo na sua página. Contudo, há uma opção visual muito interessante para este recurso: utilizá-lo como background.

É importante ressaltar que o uso de um vídeo como background deve seguir alguns critérios importantes:

• O arquivo deve ser pequeno, para não sobrecarregar a página;

• Disponibilize ao menos dois formatos de vídeo;

• Coloque uma imagem estática, similar ao vídeo, como backup. Desta forma, se o vídeo não carregar, sua página não ficará sem fundo;

No CSS:

.bg_video

{ position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; background-size: cover; }

No HTML:

<video autoplay loop poster="imagemdebackup.jpg" class="bg_video"> <source src="videos/bg.wmv" type="video/wmv"> <source src="videos/bg.mp4" type="video/mp4"> </video>

#Vídeo #Background #CSS