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

来源: 发布时间:2019-11-07 16:57:07 点击数:

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

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

1、获取视地址

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

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

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

3、添加代码

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

  1. <video src="视频地址" poster="图片地址" width="598" height="398" controls="controls">,具体如下图,

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

前台预览效果:
米拓学堂
带封面视频添加成功后,可删除编辑器中之前为获取链接地址添加的内容。



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

米拓学堂米拓学堂

学堂首页
在线直播
往期回顾
在线交流