Colocar somente a barra do player do YouTube no blog

Por:

| 29 de jul de 2011

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. Confira!

O post foi atualizado em: 27/06/2012

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: Layout / 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>
----------------------------------------------------------------------------------------------

Delete tudo que estiver em vermelho. Você só ira usar o que está entre as tags <embed... e... </embed>.
Obs: Cuidado para não apagar nehuma aspa ou trecho errado. 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>
----------------------------------------------------------------------------------------------

Substitua o seguinte trecho destacado em laranja:

----------------------------------------------------------------------------------------------
<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>
----------------------------------------------------------------------------------------------

Por este:

----------------------------------------------------------------------------------------------
?version=2&amp;hl=pt_BR
----------------------------------------------------------------------------------------------

O código inteiro deverá ficar assim:

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

Onde está height="349" altere para height="25"
O código final deverá estar assim:

----------------------------------------------------------------------------------------------
<embed src="http://www.youtube.com/v/YlUKcNNmywk?version=2&amp;hl=pt_BR" 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!

Para ver um exemplo em funcionamento clique aqui
Gerador de Senha - Crie senhas mais seguras
- Topo