Question

我有一张图片，当您点击它时会显示一个嵌入的YouTube视频。

http://jsfiddle.net/baumdexterous/NW557/

$(document).ready(function() {
   $("#player").click(function(e) {
   e.preventDefault();
   $("#player").html('<iframe width="475" height="267" src="//www.youtube.com/embed/mHX_JjoTplQ?rel=0&&controls=2&showinfo=0?autoplay=1" frameborder="0" allowfullscreen></iframe>');
  });
});

我希望我的视频在用户点击图片后自动播放，但即使我将自动播放= 1参数添加到YouTube网址后也没有任何反应。

如何在点击图像后进行视频自动播放？

Answer 1

您可以考虑阅读HTTP查询参数的工作原理。已经定义了三个参数，因此您需要将&autoplay=1添加到最后。

$(document).ready(function() {
   $("#player").click(function(e) {
   e.preventDefault();
   $("#player").html('<iframe width="475" height="267" src="//www.youtube.com/embed/mHX_JjoTplQ?rel=0&&controls=2&showinfo=0&autoplay=1" frameborder="0" allowfullscreen></iframe>');
  });
});

Answer 2

如果您正试图通过Youtube视频实现这一目标，我认为您应该尝试使用api进行此操作。它使用起来非常简单，您可以更好地控制视频命令和事件。

如何使用自定义图像自动播放YouTube视频？

2 个答案: