jQuery を使用して Youtube iframe の src 属性を動的に更新しようとしています。ここに私のHTMLがあります:
<iframe width="480" height="360" src="" frameborder="0" allowfullscreen></iframe>
<ul>
<li>Reading comprehension. <span>
http://www.youtube.com/embed/O9AuuYOdCGc?rel=0</span>
</li>
</ul>
そしてJavaScript
$('.manipulated li').click(function(e) {
var source = $(this).children('span').html();
$('iframe').attr('src',source);
});
目標は、li アイテムをクリックした後、iframe のソースが更新され、ユーザーが同じ iframe で別のクリップを再生することです。
アイデア、ここで何が間違っているのか、またはこれをどのように行うことができますか?