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!
1º Passo - Obtendo o código
Entre no Youtube e logo abaixo do video escolhido por vc, terá um botão escritoCompartilhar (clique nele).
Após clicar nele irá abrir-se uma caixa logo abaixo do video. Clique agora no botãoIncorporar.
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&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&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&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&hl=pt_BR" type="application/x-shockwave-flash" width="425" height="349" allowscriptaccess="always" allowfullscreen="true"></embed>
----------------------------------------------------------------------------------------------
Por este:
----------------------------------------------------------------------------------------------
?version=2&hl=pt_BR
----------------------------------------------------------------------------------------------O código inteiro deverá ficar assim:
----------------------------------------------------------------------------------------------
<embed src="http://www.youtube.com/v/YlUKcNNmywk?version=2&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&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