所以我试图切换一些小的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]);
});
如果你点击拇指,你会看到它完美转换。就像它在开关上自动播放一样。
任何想法都非常感激?
答案 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