如何开始一个youtube视频从鼠标上的图像点击
How to start a youtube video from mouseover image click?
我正在做一个网站,遇到了JavaScript,需要帮助。
我有一个Youtube视频和两个图像。当我们显示站点时显示一个图像,然后鼠标悬停后显示第二个图像。但第二张图片也应该是视频的链接。一个主要的事情是,我想保持视频在同一页(没有弹出窗口)。此外,图像的大小很小,但视频应该调整大小。
到目前为止,我知道如何做鼠标悬停,但不知道如何使视频工作在同一页面。由于
我的鼠标悬停代码——
<img src="1.png" onmouseover="this.src='2.png'" onmouseout="this.src='1.png'"/>
看看这个答案:启动/播放嵌入(iframe) youtube-video点击图像
你可以把你的Youtube视频在一个iFrame和做同样的事情,除了代替click(),你将使用鼠标over/mouseout,因为你是
相关文章:
- 如何在鼠标悬停时在另一个图像上滑动图像.
- 鼠标悬停时如何居中放大背景图像
- 在鼠标悬停处隐藏图像
- 替换鼠标悬停时的图像源
- 如何在asp:linkButton上显示鼠标悬停事件上的图像
- jQuery淡化图像,但图像除外,鼠标悬停在图像上
- 将鼠标悬停在图像上时显示文本
- 更改鼠标悬停时映射图像热点的背景
- jQuery透明图像描述鼠标悬停时的幻灯片动画
- 将href链接添加到通过js鼠标悬停显示的图像
- 将鼠标悬停在图像效果上
- 将鼠标悬停在图像上时显示图像
- 如何在保持鼠标悬停功能的同时居中跨过图像
- 将鼠标悬停到网页框架时绑定图像预览
- 如何在鼠标移动事件时更改图像的窗口中心和宽度
- 创建随机图像交换并禁止鼠标悬停事件
- 鼠标悬停时随机更改背景图像
- 在Jquery中将鼠标悬停在图像上后获取输入标记的URL
- 在鼠标悬停/取消悬停父元素时,更改子图像的url哈希
- 如何使用onmousemove函数在每次鼠标移动时更改背景图像