使用 jQuery 切换 URL iframe YouTube 视频和自动播放

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