如何从鼠标悬停图像点击启动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而不是点击（）。