[Tutorial] Background nos Videos

Encontrado em http://weheartit.com/entry/23544304

Eu vi esse tutorial no Trechy Teen, mas quando fui procurar não estava mais lá, o motivo todos sabem :\

Então procurei pelo google e achei em dois blogs, o Cute World e o Menina Imperfeita, porém em ambos as imagens que explicavam como fazer não apareciam mais. Decidi postar aqui como colocar um background no video, pois achei isso super legal, vocês podem ver um exemplo na postagem sobre o Simple Plan, aqui.

Copie o código abaixo e cole onde você quer usar (ex: postagem, barra lateral, etc):

<center><div style="background: url(URL DA IMAGEM) left no-repeat; height: 341px; width: 563px;">
<div style="float: left; padding-left: 30px; padding-top: 29px;">
<iframe allowfullscreen="" frameborder="0" height="284" src="LINK DO VIDEO" width="500"></iframe></div></div></center>

URL DA IMAGEM: Você vai colocar o link da imagem escolhida.

height: A altura da imagem.

width: A largura da imagem.

height: A altura do video.

width: A largura do video.

LINK DO VIDEO: Ahm, o link do video que eu vou explicar em seguida.

Agora sobre o link do video que você escolheu. Pelo o que vi, não é só pegar o link da página e pronto, colocar no código. Você tem que fazer o seguinte:

- Abaixo da área do video, vá no botão Compartilhar e depois que clicou nele, clique no botão Incorporar.

- Vai aparecer um código e mais umas opções em baixo.

- Na caixinha que está escrito Personalizado, você escolhe as medidas que quer, automaticamente ela muda o código que está em cima.

- Depois você copia só o link que está dentro da caixinha do código de incorporação e cola no lugar de LINK DO VIDEO, como expliquei acima.

Resultado:

Espero que eu tenha conseguido explicar direitinho e também que tenha ajudado (: