html中视频的封面+ueditor的视频封面

1.video标签有两个属性:poster和preload

2.其中poster是指定某一张图作为视频的封面,这个图与视频是两个完全独立的文件。

2.1在ueditor中如果要对所有上传的视频指定一个封面的话,修改方式:

a).ueditor.config.js的428添加’poster’

b).ueditor.all.js的17668行添加

其中路径使用封面的保存路径。

本方法会对在ueditor中的所有上传视频添加同一个封面。

2.2想要不同封面,初步思路是在编辑器外使用一个上传图片的按钮,通过传图片url的方式传递给video标签的poster属性,但是因为对于ueditor还是比较陌生,暂时不知道应该怎么使用传递参数进去。如果有知道的大佬,求不吝赐教。

 

3.使用preload属性,该属性可以用于指定视频的预加载方式。

  • auto - 当页面加载后载入整个视频
  • none - 当页面加载后不载入视频
  • meta - 当页面加载后只载入元数据

当等于auto时:

当等于none时:

当等于meta时:

 

所以如果ueditor需要显示视频封面,可以通过preload属性来进行设置

在ueditor.all.js

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值