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

时间:2017-02-03 12:40:06

标签: javascript jquery youtube

所以我试图切换一些小的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]);
});

如果你点击拇指,你会看到它完美转换。就像它在开关上自动播放一样。

任何想法都非常感激?

1 个答案:

答案 0 :(得分:3)

您需要添加到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