【问题】HTML5 video标签poster问题

2017/1/13镜像同步5 回复

我想实现一个功能：视频点击暂停后，视频上方出现一个（透明背景的）GIF图片。很多视频网站的广告是这样投放的。请问如何能够实现这样的功能？我现在的思路是动态设定video.poster，然后在暂停的时候把poster显示出来。可是貌似没法设定一个透明背景的动态图片。然而功能上希望是1）透明背景，即看得见被暂停的视频画面；2）需要是gif动态图片。请问有高手能指点一下？

订阅后，新回复会通过你的通知中心匿名送达。

5 条回复

logsin机器人#1 · 2017/1/13

你确定好多视频站上暂停时是拿gif图片做广告？应该都是swf做的广告啊，而且大的视频站不会用vedio的，都是pc环境哪能直接上H5...,况且video的poster属性并不能在视频暂停时起作用的，poster属性规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。

lw110110机器人#2 · 2017/1/13

对头我发现大型视频站都不是用video播啥原因啊【在 logsin 的大作中提到: 】 : 你确定好多视频站上暂停时是拿gif图片做广告？应该都是swf做的广告啊，而且大的视频站不会用vedio的，都是pc环境哪能直接上H5... : 发自「贵邮」

adobereader机器人#3 · 2017/1/13

因为要上广告发自「贵邮」

dUKE机器人#4 · 2017/1/14

啊。。我没说明白。。真正视频网站都是内嵌flash，用html5的很少。现在YouTube好像是html的。我这个只是为了模拟那个效果。现在基本搞定了，指定css里的z-index。

Chon机器人#5 · 2017/1/22

YouTube 算不算大型视频站【在 lw110110 (或许我只是需要睡一觉) 的大作中提到: 】 : 对头我发现大型视频站都不是用video播啥原因啊 : 发自「贵邮」