Javascript 使用图像覆盖变量youtube嵌入视频，单击时隐藏图像，不使用硬编码jQuery自动播放

在我的网站上观看youtube/vimeo视频之前，我想先显示一张图像。有没有办法用jQuery或javascript实现这一点

我想用我自己的图像覆盖它，点击后，显示视频并自动播放，所有这些都不需要重新加载页面

图像和视频数据来自数据库，因此视频数据是可变的。我已经在这里找到了一个类似的问题：

但我的视频是可变的。是否有其他方法更改自动播放值

谢谢你的帮助

---

关于Jeroen

对于覆盖图像，您只需使用poster属性并给出图像的路径即可

<video id="myvid" autoplay controls poster="/overlay.jpg">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
</video>

var video = document.getElementById('myvid ');
var sources = video.getElementsByTagName('source');
sources[0].src = "http://example.com/new_url.mp4";
sources[1].src = "http://example.com/new_url.ogg";
video.load(); //reloads video without reloading page
video.play();