sábado, 4 de fevereiro de 2012

Colocar somente a barra do player do YouTube no blog

Hoje ensinarei como incorporar somente a barra do player do youtube no seu blog, ocultando a parte do video. Bem útil caso você queira deixar somente a musica rolando no blog. Você pode ainda fazer com que a música role automaticamente assim que a página do seu blog for carregada.(opcional)
Confira!

1º Passo - Obtendo o código

Entre no Youtube e logo abaixo do video escolhido por vc, terá um botão escrito Compartilhar (clique nele).



Após clicar nele irá abrir-se uma caixa logo abaixo do video. Clique agora no botão Incorporar.
Mais abaixo irá aparecer uma outra caxinha com um código html de incorporação.
Antes de copiar este código, marque a opção  ' Usar código de incorporação antigo [?] '.
Copie o código (mantenha a janela do youtube aberta do geito que está, caso perca o código poderá pegá-lo novamente ser ter que repetir este processo)


2º Passo - Incorporando no blog

Após copiado, entre no Editor HTML das postagens e cole o código.

Se preferir pode adicionar como gadget, indo em: Design / Elementos de página / Adicionar um gadget. Escolha o gadget HTML  Javascript.
O código será mais ou menos parecido com este abaixo:

<object width="425" height="349"><param name="movie" value="http://www.youtube.com/v/YlUKcNNmywk?version=3&amp;hl=pt_BR"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/YlUKcNNmywk?version=3&amp;hl=pt_BR" type="application/x-shockwave-flash" width="425" height="349" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Mantenha somente os trechos destacados em vermelho, deletando todo o resto. Você só ira usar o que está entre as tags <embed... e... </embed>. Ficará assim:

<embed src="http://www.youtube.com/v/YlUKcNNmywk?version=3&amp;hl=pt_BR" type="application/x-shockwave-flash" width="425" height="349" allowscriptaccess="always" allowfullscreen="true"></embed>

Em... height="349", substitua o trecho 349 por 25.

Para que o vídeo execute automaticamente, substitua o trecho destacado acima em azul por este outro trecho:
&autoplay=1&loop=1

Devendo ficar assim o código:

<embed src="http://www.youtube.com/v/YlUKcNNmywk&autoplay=1&loop=1" type="application/x-shockwave-flash" width="425" height="25" allowscriptaccess="always" allowfullscreen="true"></embed>

É só Salvar sua postagem  ou Elemento de Página que o player já aparecerá somente com a barra, sem o video. Pronto!

0 comentários:

Postar um comentário

:a   :b   :c   :d   :e   :f   :g   :h   :i   :j   :k   :l   :m   :n   :o   :p   :q   :r   :s   :t