求教！怎么实现点击图片，在原网页上播放视频的功能？

[逍遥小丸子]

大家好！有个问题请教一下：

想实现的效果是这样的：
图片中的位置是调用的优酷视频，但是优酷视频截图太模糊了。
所以想，能不能在那里放一张图片，当鼠标点击图片的时候，开始播放视频：



非常感谢！

[智商众筹]

做一个div，fixed定位到屏幕中间，中间包含视频，隐藏起来，点击图片显示它就行

[逍遥小丸子]

谢谢你的回答。 我们程序说“视频是用的优酷播放器，不能点图片直接播放，只能点击图片隐藏，然后再点视频播放” 只能这样了吗？

[ChanKalam]

引用 2 楼 dnruanjian 的回复:

谢谢你的回答。 我们程序说“视频是用的优酷播放器，不能点图片直接播放，只能点击图片隐藏，然后再点视频播放” 只能这样了吗？

是这样的，点击图片出现视频窗口，再点视屏播放。 或者可以用video标签，自选图片当封面，一点击就可以开始播放

[ChanKalam]

引用 2 楼 dnruanjian 的回复:

谢谢你的回答。 我们程序说“视频是用的优酷播放器，不能点图片直接播放，只能点击图片隐藏，然后再点视频播放” 只能这样了吗？

刚才去看了下，优酷有他播放器的API提供，可以在JS调用播放。 点击图片后开始播放是可以实现的

[jason09527]

js实现了。或者调用api活着hook事件处理什么的。都可以实现。