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

How to auto play a YouTube video with a custom image?

本文关键字：YouTube 视频 自动播放 图像 何使用 自定义      更新时间：2023-09-26

我有一张图片，当你点击它时，它会显示一个嵌入的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 网址后，也没有任何反应。

点击图像后如何使视频自动播放？

您可以考虑阅读 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>');
  });
});

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

相关文章：