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还是比较陌生,暂时不知道应该怎么使用传递参数进去。如果有知道的大佬,求不吝赐教。

 

扫描二维码关注公众号,回复: 2610021 查看本文章

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

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

当等于auto时:

当等于none时:

当等于meta时:

 

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

在ueditor.all.js

猜你喜欢

转载自blog.csdn.net/qq_37370501/article/details/81297913
今日推荐