Javascript 如何从鼠标点击图像开始youtube视频？

我在网站上工作，遇到JavaScript，需要帮助

我有一个Youtube视频和两张图片。当我们显示站点时会显示一个图像，然后在鼠标悬停后会显示第二个图像。但第二张图片也应该是视频的链接。 一件重要的事情是，我想保持视频在同一页（没有弹出窗口）。 图像的大小也很小，但是视频应该调整大小

到目前为止，我知道如何做鼠标覆盖，但不知道如何使视频工作在同一页。 谢谢

我的鼠标密码---

---

看看这个答案：

您可以将Youtube视频放在iFrame中，并执行相同的操作，只需不使用click（）而使用mouseover/mouseout即可

<img src="1.png" onmouseover="this.src='2.png'" onmouseout="this.src='1.png'"/>