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

【问题标题】：How to auto play a YouTube video with a custom image?如何使用自定义图像自动播放 YouTube 视频？
【发布时间】：2014-05-16 01:31:56
【问题描述】：

我有一张图片，当你点击它时，它会显示一个嵌入的 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>');
  });
});

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

点击图片后如何让视频自动播放？

【问题讨论】：

jsfiddle.net/adeneo/NW557/1
糟糕，我的错 - 我错过了 ?autoplay=1，应该是 &autoplay=1。谢谢！

标签： javascript jquery video youtube

【解决方案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>');
  });
});

【讨论】：

【解决方案2】：

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

【讨论】：