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.

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.

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.

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?

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.

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?

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.

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.

RafaelS. escreveu: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

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

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

Sir_Undead escreveu: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!

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

Até mais.

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

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