沃梦达 / IT编程 / 前端开发 / 正文

HTML5 video视频播放标签如何添加封面图片

我们在用到HTML5 video视频视频标签时候,需要将视频添加封面图片,这个要怎么操作呢?通常情况下,网站的视频都使用VIDEO标签来播放了,给VIDEO标签视频添加封面图片,只需要给代码添加一个poster属性。代码如下: video poster="images/spbg.jpg" src=

我们在用到HTML5 video视频视频标签时候,需要将视频添加封面图片,这个要怎么操作呢?通常情况下,网站的视频都使用VIDEO标签来播放了,给VIDEO标签视频添加封面图片,只需要给代码添加一个poster属性。代码如下:
<video poster="images/spbg.jpg" src="about.mp4" controls="controls">
您的浏览器不支持 video 标签。
</video>
代码里的poster="images/spbg.jpg"就是设置视频封面片的,images/spbg.jpg是封面图路径。
 

本文标题为:HTML5 video视频播放标签如何添加封面图片