07 abril 2014

Video dentro de um background


Quer colocar um nos videos?
Entre no blog:http://goimagines.blogspot.com.br/

Como colocar background nos vídeo

Fazendo a imagem
1- Vá ao youtube e pegue um vídeo de exemplo (qualquer vídeo, é só pra ver o tamanho)
2- Clique em compartilhar > incorporar (coloque o código  novo,porque o antigo eu não consegui,porque o video não foi.No código onde está "frameborder troquei o zero pelo numero  5 .e coloque a largura que deseja que os vídeos tenham (coloque uns 40px menor que a área da postagem), então vai aparecer a altura automaticamente. Isso serve pra descobrir a altura correta em relação à largura do vídeo, ou seja, pra ficar proporcional.
3- Agora que você tem a largura e a altura pode usar a criatividade pra criar a imagem! Lembre-se de fazer a imagem maior que o vídeo, para ficar com a "bordinha". 
Não desanime vale a pena quebrar a cabeça.Você pode fazer suas próprias molduras no :wwwphotoscape.com.
Baixe no seu computador ele é grátis

Código
Copie o código abaixo e cole na aba "Editar HTML" da postagem, fazendo as alterações necessárias:
<div style="background: url(URL DA IMAGEM) left no-repeat; height: 413px; width: 550px;"><div style="float: left; padding-left: 48px; padding-top: 60px;">CÓDIGO DO VÍDEO</div></div>

Entendendo:
- Onde está destacado de rosa, você vai substituir pelo que está sendo pedido.
- Onde está destacado de azul, você vai substituir pelo tamanho da sua imagem (largura: widht / altura: height)
- No que está destacado de roxo, você pode alterar para o vídeo ficar no lugar que você quiser em cima da imagem. Em padding-left você pode alterar o valor para a esquerda, lembrando que existem números positivos (1;) e negativos (-1;). Em padding-top altere para cima.

Você pode usar esse código para qualquer gadget é só colocar o código html desejado (c-box, contador, fanbox...) onde está escrito "código do vídeo".
No blog: http://goimagines.blogspot.com.br/
Você encontra muitos tutoriais:este eu tirei de lá,mas o crédito não é meu é dela.
Visite o blog e deixa um oi.
Essa moldura fui eu que fiz no photoscape,você pode fazer no tamanho que desejar.

Créditos do blog:goimagines.blogspot.com.br

Nenhum comentário:

Postar um comentário