Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

danfreitask

Direcionar link para player do youtube

Recommended Posts

Olá pessoal,

Estou com o seguinte problema:

Em uma página, no topo, tenho um iframe do Youtube.

Abaixo desse iframe, tenho uma lista de outros vídeos, que ao clicar neles, muda o vídeo do iframe automático.

Acontece que conforme rola a página pra baixo e clica em algum link que não está próximo ao topo, o vídeo abre certinho, mas não joga pro topo, fazendo o usuário ter que rolar a página pra cima pra poder assistir ao vídeo.

No caso, já estou usando o target para o vídeo clicado, rodar no player do topo.

Exemplo do código:

<!-- VÍDEO DO TOPO -->

<iframe src="https://www.youtube.com/embed/NFKODoxq5qwI?autoplay=1" name="janela" width="100%" height="597" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

<!-- LISTA DE VÍDEOS -->

<strong>Vídeo 1:</strong> <br>
<p><a href="https://www.youtube.com/embed/NFKODoxq5qwI?autoplay=1" target="janela">Video numero 1</a></p><br>
<strong>Vídeo 2:</strong> <br>
<p><a href="https://www.youtube.com/embed/NFKODoxq5qwI?autoplay=1" target="janela">Video numero 2</a></p><br>
<strong>Vídeo 3:</strong> <br>
<p><a href="https://www.youtube.com/embed/NFKODoxq5qwI?autoplay=1" target="janela">Video numero 3 </a></p><br>

Obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Danfreitas,

Adicione um ID pro iframe, remova o href dos anchors e adicione um anchor point pra eles. Atribua o link do vídeo ao iframe através de um data-href - Sim, precisará de JS ou PHP.

Exemplo:

<iframe id="video" src="...">

<a href="#video" data-href="http://youtu.be/aaa">Video</a>

Abraços!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.