Javascript 多个youtube iFrame播放此视频

我有以下代码：

<a id="play-video" href="#">Play Video</a><br />

<iframe id="video" width="420" height="315" src="//www.youtube.com/embed/9B7te184ZpQ?rel=0" frameborder="0" allowfullscreen></iframe>

如何修改jquery：

$("#video")[0].src += "&autoplay=1";

---

因此，它只播放我将有多个iFrame的选定内容？

您可以将您的视频id更改为另一个。例如#video1，#video可精确控制要播放的视频，或将按钮和视频包装在一个div中。然后将代码更改为

<div>
<a id="play-video" href="#">Play Video</a><br />
<iframe id="video" width="420" height="315" src="//www.youtube.com/embed/9B7te184ZpQ?rel=0" frameborder="0" allowfullscreen></iframe>
</div>

---

演示

您可以将视频id更改为另一个。例如#video1，#video可精确控制要播放的视频，或将按钮和视频包装在一个div中。然后将代码更改为

<div>
<a id="play-video" href="#">Play Video</a><br />
<iframe id="video" width="420" height="315" src="//www.youtube.com/embed/9B7te184ZpQ?rel=0" frameborder="0" allowfullscreen></iframe>
</div>

---

演示

我不想硬编码它。我正在寻找一个动态的如何做这件事。。。像[这个]抱歉，测试了它，小提琴链接没有播放视频，控制台错误：TypeError:$（…）。父项（…）。子项不是函数谢谢你的时间，我不想硬编码它。我正在寻找一个动态的如何做这件事。。。像[这个]抱歉，测试了它和小提琴链接没有播放视频，控制台错误：TypeError:$（…）.parent（…）.child不是一个函数谢谢你的时间你说“选中”是什么意思？你说“选中”是什么意思？

$().ready(function () {
    $('.play-video').click(function () {
    //alert($(this).parent().children('#video').attr(src));
        $(this).parent().children('#video').attr('src', function () {
        return this + "&autoplay=1";
    });
  });
});