Como fazer postagem com áudio do youtube?

[Baiken Mitsuki]

Detalhes da questão

Endereço do fórum: http://rpgmundoninja.forumeiros.com/
Versão do fórum: PhpBB2

Descrição

Oi gente, gostaria de saber como anexar um áudio do youtube nas postagens.
Sei que existe a opção de anexar um video do youtube, mas gostaria de anexar apenas o áudio com opção de play e pause se possível...

Ah! Se tiver como fazer com uma playlist do youtube tb, me digam por favor!

Alguém poderia me ajudar com isso? É para um evento do rpg que administro. Os players estão precisando.

[Sir_Undead]

Descobri que o método pra compartilhar "só o áudio" dos vídeos, é você colocar a altura do vídeo em 25px, assim só mostra a barrinha. Mas parece que não dá pra definir aqui na forumeiros. Vou testar alguns jeitos, se conseguir edito aqui.

@Edit:

Consegui!

Código:

<center><object class="fitvidsignore" height="25" width="425"><param name="movie" value="http://www.youtube.com/v/54P7HP3P-wk?fs=1&amp;hl=pt_BR&amp;autohide=0"><param name="allowFullScreen" value="false"><param name="allowscriptaccess" value="always"><embed type="application/x-shockwave-flash" src="http://www.youtube.com/v/54P7HP3P-wk?fs=1&amp;hl=pt_BR&amp;autohide=0" allowfullscreen="allowfullscreen" allowscriptaccess="always" height="25" width="425"></object></center>

Seguinte, há dois links nesse código, estes links são os links do vídeo.
No caso este "https://www.youtube.com/v/54P7HP3P-wk?fs=1&hl=pt_BR&autohide=0"
Onde está 54P7HP3P-wk é o numero do vídeo, e para alterar o áudio, você altera ai.
No caso, acesse o vídeo que queria, usaremos este aqui que possui este link:
"https://www.youtube.com/watch?v=5-2nByd2cr4"
O que vier depois de "v=" é o ID do vídeo. No caso "5-2nByd2cr4" é o id deste vídeo. Agora, tome cuidado, pois pode ser que haja mais coisas depois do ID, no caso de playlist, vem informações a mais. Exemplo:
"https://www.youtube.com/watch?v=5-2nByd2cr4&list=RD5-2nByd2cr4" este é o link para uma playlist.
Observe que depois de "v=", há o ID do vídeo e depois "&list=RD5-2nByd2cr4", é só apagar tudo que vem do "&" adiante.

Resumindo, onde eu destaquei de verde no primeiro link, é onde você altera o ID do vídeo no código.


Esqueci de avisar sobre o HTML em mensagens. Para que o HTML funciona nas postagens, acesse:
Painel de Controle Geral Mensagens e e-mails Configuração
Em "Permitir HTML :" marque sim.
Agora, vá no seu perfil preferências Sempre permitir HTML
Mar que sim.

[RafaelS.]

Olá!

É como o @Sir_Undead disse, podemos fazer isso alterando a altura do vídeo.
Use as seguintes tags:

Código:

[youtube][/youtube]

E depois adicione a sua folha de estilos:

Código:

.post youtube {height: 25px !important}

Até mais.

[Baiken Mitsuki]

Mas usar as folhas de estilo?

Estou falando no caso de colocar esse audio em uma resposta do tópico, como essa que estou escrevendo agora...
Nesse caso teria como alterar a altura?

[RafaelS.]

Olá!

Sim sim, isso mesmo. Ao colocar esse código na folha de estilos, todos os vídeos do youtube que estiverem em uma mensagem a altura será reduzida para 25 pixels.

Até mais.

[Baiken Mitsuki]

Vixe...então todos os videos do youtube que forem postados no forum ficarão assim?
Hahaha que sinuca de bico. :/

Alguém sabe outro método? Que sirva apenas pra uma resposta especifica e não mude todos os videos do forum?

[RafaelS.]

Olá!

É claro que podemos, através de um código JavaScript, especificar o tópico.
Para isso irei precisar do link do tópico.

Até mais.

[Sir_Undead]

Já achei a solução viável para você. Não precisa alterar CSS nem usar JS.
"@Edit:

Consegui!

Código:

<center><object class="fitvidsignore" height="25" width="425"><param name="movie" value="http://www.youtube.com/v/54P7HP3P-wk?fs=1&amp;hl=pt_BR&amp;autohide=0"><param name="allowFullScreen" value="false"><param name="allowscriptaccess" value="always"><embed type="application/x-shockwave-flash" src="http://www.youtube.com/v/54P7HP3P-wk?fs=1&amp;hl=pt_BR&amp;autohide=0" allowfullscreen="allowfullscreen" allowscriptaccess="always" height="25" width="425"></object></center>

Seguinte, há dois links nesse código, estes links são os links do vídeo.
No caso este "https://www.youtube.com/v/54P7HP3P-wk?fs=1&hl=pt_BR&autohide=0"
Onde está 54P7HP3P-wk é o numero do vídeo, e para alterar o áudio, você altera ai.
No caso, acesse o vídeo que queria, usaremos este aqui que possui este link:
"https://www.youtube.com/watch?v=5-2nByd2cr4"
O que vier depois de "v=" é o ID do vídeo. No caso "5-2nByd2cr4" é o id deste vídeo. Agora, tome cuidado, pois pode ser que haja mais coisas depois do ID, no caso de playlist, vem informações a mais. Exemplo:
"https://www.youtube.com/watch?v=5-2nByd2cr4&list=RD5-2nByd2cr4" este é o link para uma playlist.
Observe que depois de "v=", há o ID do vídeo e depois "&list=RD5-2nByd2cr4", é só apagar tudo que vem do "&" adiante.

Resumindo, onde eu destaquei de verde no primeiro link, é onde você altera o ID do vídeo no código."

Esqueci de avisar sobre o HTML em mensagens. Para que o HTML funciona nas postagens, acesse:
Painel de Controle Geral Mensagens e e-mails Configuração
Em "Permitir HTML :" marque sim.
Agora, vá no seu perfil preferências Sempre permitir HTML
Marque sim.

[Baiken Mitsuki]

Olá!

É claro que podemos, através de um código JavaScript, especificar o tópico.
Para isso irei precisar do link do tópico.

Até mais.

A postagem em questão é para uma participante do forum. Ela vai postar no tópico do pátio central:

http://rpgmundoninja.forumeiros.com/t18-patio-central

[Destruidor(EIC)]

Olá Baiken Mitsuki,

O fórum precisa ter HTML habilitado para poder usar o recurso a seguir.
Tente responder usando o seguinte código para colocar o áudio.

Código:

<embed width="500" height="500" allowfullscreen="true" allowscriptaccess="always" scale="exactfit" quality="high" wmode="transparent" type="application/x-shockwave-flash" src="http://www.youtube.com/v/IDDOVIDEO?autoplay=1" pluginspage="http://www.macromedia.com/go/getflashplayer">

Teste este outro também:

Código:

<table style="visibility: hidden; z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"><tbody><tr class="zebraDois"><td align="left"><embed width="500" height="500" allowfullscreen="true" allowscriptaccess="always" scale="exactfit" quality="high" wmode="transparent" type="application/x-shockwave-flash" src="http://www.youtube.com/v/iddovideo?autoplay=1" pluginspage="http://www.macromedia.com/go/getflashplayer"></td></tr></tbody></table>

Mude onde está escrito "IDDOVÍDEO" para o ID do vídeo do Youtube, ou seja, a parte que vem na url depois do v=, como https://www.youtube.com/watch?v=XXX.

Mais alguma dúvida?
Cumprimentos,
Destruidor

[Sir_Undead]

Já postei isso Destruidor... @Baiken_Mitsuki resultou?

[Baiken Mitsuki]

Descobri que o método pra compartilhar "só o áudio" dos vídeos, é você colocar a altura do vídeo em 25px, assim só mostra a barrinha. Mas parece que não dá pra definir aqui na forumeiros. Vou testar alguns jeitos, se conseguir edito aqui.

@Edit:

Consegui!

Código:

<center><object class="fitvidsignore" height="25" width="425"><param name="movie" value="http://www.youtube.com/v/54P7HP3P-wk?fs=1&hl=pt_BR&autohide=0"><param name="allowFullScreen" value="false"><param name="allowscriptaccess" value="always"><embed type="application/x-shockwave-flash" src="http://www.youtube.com/v/54P7HP3P-wk?fs=1&hl=pt_BR&autohide=0" allowfullscreen="allowfullscreen" allowscriptaccess="always" height="25" width="425"></object></center>

Seguinte, há dois links nesse código, estes links são os links do vídeo.
No caso este "https://www.youtube.com/v/54P7HP3P-wk?fs=1&hl=pt_BR&autohide=0"
Onde está 54P7HP3P-wk é o numero do vídeo, e para alterar o áudio, você altera ai.
No caso, acesse o vídeo que queria, usaremos este aqui que possui este link:
"https://www.youtube.com/watch?v=5-2nByd2cr4"
O que vier depois de "v=" é o ID do vídeo. No caso "5-2nByd2cr4" é o id deste vídeo. Agora, tome cuidado, pois pode ser que haja mais coisas depois do ID, no caso de playlist, vem informações a mais. Exemplo:
"https://www.youtube.com/watch?v=5-2nByd2cr4&list=RD5-2nByd2cr4" este é o link para uma playlist.
Observe que depois de "v=", há o ID do vídeo e depois "&list=RD5-2nByd2cr4", é só apagar tudo que vem do "&" adiante.

Resumindo, onde eu destaquei de verde no primeiro link, é onde você altera o ID do vídeo no código.


Esqueci de avisar sobre o HTML em mensagens. Para que o HTML funciona nas postagens, acesse:
Painel de Controle Geral Mensagens e e-mails Configuração
Em "Permitir HTML :" marque sim.
Agora, vá no seu perfil preferências Sempre permitir HTML
Mar que sim.

Isso deu certinho!
Eu estava tentando com um código parecido, só que mais antigo!
Muito obrigada!

[Sir_Undead]

De nada, fico feliz em ter ajudado.
Não esqueça do joinha e do resolvido.

Até mais.

[Baiken Mitsuki]

An, venho tão pouco por aqui que não sei onde dar o joinha.
Me explica

[RafaelS.]

Senhores vamos evitar as mensagens supérfluas.

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".