Voici ce que ma page html ressemble (test):Dynamiquement Swap Vidéo Youtube Sans Recharger la page
<div style="width: 640px;">
<object width="640" height="385"><param class="movie" name="movie" value="http://www.youtube.com/v/zkd5dJIVjgM"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/zkd5dJIVjgM" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>
<ul>
<li><a class="btn" href="http://www.youtube.com/watch?v=n3gYWBu1NDI">Video 1</a></li>
<li><a class="btn" href="http://www.youtube.com/watch?v=7o53S5JROfg">Video 2</a></li>
<li><a class="btn" href="http://www.youtube.com/watch?v=e2ZB-1kDOdQ">Video 3</a></li>
<li><a class="btn" href="http://www.youtube.com/watch?v=d-PDXAcUw0s">Video 4</a></li>
<li><a class="btn" href="http://www.youtube.com/watch?v=vCH8O1dLSbc">Video 5</a></li>
<li><a class="btn" href="http://www.youtube.com/watch?v=Q8kLlNt3Ue4">Video 6</a></li>
</ul>
</div>
et mon jquery ressemble à ceci:
$('.btn').click(function(e){
e.preventDefault();
var val = $(this).attr("href");
$('embed').attr('src', val);
});
Ce que je voudrais faire est être capable de cliquer sur chaque lien dans les éléments de la liste et que cette vidéo répale la vidéo actuelle qui s'y trouve. Chaque clic entraînera donc une vidéo différente occupant la vidéo en haut. Quelqu'un peut-il aider?
J'ai essayé, mais quand je clique sur une nouvelle URL, elle devient blanche et la nouvelle vidéo ne s'affiche pas à la place de la vidéo précédente. – Tillz
J'ai aussi ce problème. Si quelqu'un connaît la solution, postez une réponse. – thomallen