如何从鼠标悬停图像单击开始 youtube 视频？

Question

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

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

到目前为止，我知道如何进行鼠标悬停，但不知道如何使视频在同一页面中工作。 谢谢

我的鼠标悬停代码---

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

Answer 1

看看这个答案： start/play embedded (iframe) youtube-video on click of an image

您可以将您的 Youtube 视频放在 iFrame 中并执行相同的操作，但您将使用 mouseover/mouseout 而不是 click()。