上传视频等,默认为黑色,无法用视频的第一帧作为封面,以及视频的video为原生组件,层级很高无法覆盖问题,虽然有cover-view,但很多场景还是不灵活,
方法:

视频组件video

 <video :src="item.url" :poster="" controls :show-center-play-btn="false" auto-pause-if-navigate></video>

重点
将video组件更换为image组件,地址仍写video的地址,在地址后面加上

'?x-oss-process=video/snapshot,t_0,f_jpg'

!!!下方代码的item就是地址

<image :disabled="false" :controls='false' :autoplay='false' :src="item+'?x-oss-process=video/snapshot,t_0,f_jpg'" mode=""></image>

因uniapp 的 image组件不是原生的,故不存在无法覆盖的问题,完美解决
就搞定了,亲测有效 好用!!,有用请给点个赞~~~

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐