如何给网站视频添加封面图片?

来源: 发布时间:2018-09-06 12:08:15 点击数: 40

米拓建站系统,在后台有编辑器的地方都可以添加视频,支持本地上传MP4格式视频以及第三方分享的通用代码视频,如何添加视频请参考教程;

基于本地上传的MP4视频未播放前是黑色的封面,接下来给大家介绍下如何给网站上上传的MP4视频添加封面展示图片;

1、获取视地址

在编辑器中上传MP4视频后,点击编辑器的html,可获取到视频链接地址src对应的值:

2、获取封面图片链接地址

可以是其他平台的图片链接,也可以先在编辑器中的多图上传上传封面图片后,再点击编辑器的html获取图片链接地址src对应的值:

3、在编辑器html模式下,粘贴以下代码,并把对应的视频地址和封面图片地址填写进去

<video src="视频地址" poster="图片地址" width="598" height="398" controls="controls"></video>

再点击html,然后点击保存(直接在html编辑状态点击保存无法保存成功)

前台预览效果:

带封面视频添加成功后,可删除编辑器中之前为获取链接地址添加的内容。



欢迎关注“米拓学院”公众号,我们将定期推送建站及推广相关知识!

米拓学院

学院首页
米拓建站
邮件咨询
学院地址