javascript - 切换 URL iframe YouTube 视频并使用 jQuery 自动播放

Question

所以我正在尝试切换一些小的 youtube 缩略图静止图像，以便单击它们在顶部的主视频中加载相关的 youtube 视频。我几乎让它工作得很好。但在切换视频时，我希望它们开始自动播放。

这是我目前得到的 JSFiddle:http://jsfiddle.net/jw1sw01v/4/

jQuery:

$(document).on('click', '.ph-video', function (event) {
var change = $(this).find("img").attr("src").split("/");
$(".ph-master-video-section > iframe").attr("src","https://www.youtube.com/embed/" + change[4]);
});

如果您点击拇指，您会看到它的切换非常完美。就像它在开关上自动播放一样。

有什么想法非常感谢吗？

Answer 1

您需要添加到 iframe src : ?rel=&autoplay=1

$(document).on('click', '.ph-video', function (event) {
    var change = $(this).find("img").attr("src").split("/");
    $(".ph-master-video-section > iframe").attr("src", "https://www.youtube.com/embed/" + change[4]+"?rel=&autoplay=1");
});

检查这个JSFiddle