Javascript 覆盖youtube嵌入静态图像，以及WordPress中的嵌入插件

我目前正在用WordPress开发一个网站和自定义主题。在某些页面上，YouTube视频将嵌入页面中。为了便于更新，我使用了一个插件嵌入YouTube视频，因此当用户粘贴视频URL时，它会自动嵌入

嵌入结果为以下HTML代码：

<div class="fluid-width-video-wrapper" style="padding-top: 56.25%;">
<iframe id="_ytid_72976" class="__youtube_prefs__" frameborder="0" mozallowfullscreen="" webkitallowfullscreen="" allowfullscreen="" type="text/html" src="//www.youtube.com/embed/fNKwb6dvNTE?enablejsapi=1&autoplay=0&cc_load_policy=0&iv_load_policy=3&loop=0&modestbranding=1&rel=0&showinfo=0&playsinline=0&autohide=1&theme=dark&color=red&wmode=opaque&vq=&controls=2&">
</div>

现在，我想将其与自定义缩略图结合起来。因此，基本上是添加一个图像，当单击图像时，它将被替换为嵌入jQuery，替换后视频将自动播放。最好是通过将图像添加到div或其他东西中，因为我不希望用户在每次添加新页面时都必须更改CSS或脚本

我见过几个类似的问题，但我不太明白如何使用这个插件

---

提前谢谢

你在这里试图做的事情对iPhone和iPad不起作用，因为它们不允许你进行自动播放。让你知道，很高兴知道！谢谢。你在这里试图做的事情对iPhone和iPad不起作用，因为它们不允许你进行自动播放。让你知道，很高兴知道！谢谢。你在这里试图做的事情对iPhone和iPad不起作用，因为它们不允许你进行自动播放。让你知道，很高兴知道！谢谢