怎么给HTML5 video视频添加封面图片
有些做视频网站的学员有这样一个问题,自己做的视频网站中放的视频的封面图片并不是自己想要的图片,怎么给自己的视频添加自定义的封面图片呢?
下面学做网站论坛就介绍一下怎么给HTML5 video视频添加封面图片的方法。通常情况下,网站的视频都使用VIDEO标签来播放了,给VIDEO标签视频添加封面图片,只需要给代码添加一个poster属性。代码如下:
<video poster="images/spbg.jpg" src="about.mp4" controls="controls">
您的浏览器不支持 video 标签。
</video>
代码里的poster="images/spbg.jpg"就是设置视频封面片的,images/spbg.jpg是封面图路径。