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&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>
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&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:
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!
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&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>
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&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