Colocar vídeo no fundo do site - Parte 01

O tutorial de hoje é de como colocar um vídeo no background do seu site. Vamos realizar o desenvolvimento desde a edição do vídeo até a inserção do código para seu funcionamento.

Requisitos para colocar um vídeo no fundo do site

Para colocar um vídeo no fundo do site vamos precisar das seguintes ferramentas:

1. Vídeo (pessoal ou baixado de algum site) - Lembrando sempre dos direitos autorais
2. Um programa para edição de vídeo
3. Um editor de códigos
4. Um editor de imagens

No nosso vídeo tutorial utilizamos um vídeo do youtube. Primeiramente fomos até o site Online Converter e baixamos no formato mp4 o vídeo que desejamos.

Características ideais para um vídeo no site

Após isso, realizamos a edição do vídeo no Camtasia observando as seguintes características:

1. Retirar o áudio do vídeo
2. Observar direitos autorais
3. Cortar o vídeo no máximo 15s (pelo tamanho)
4. Escurecer o vídeo para que possamos inserir texto sobre ele

Após editar o vídeo, vamos salvá-lo na menor resolução para não pesar muito no carregamento do site. Lembrando que o vídeo ficará no background e não há necessidade de alta resolução.

Na próxima aula inseriremos o código para colocar o vídeo no fundo.