uniapp获取视频第一帧展示,及视频的层级问题,亲测有效

9 篇文章 0 订阅
9 篇文章 0 订阅

上传视频等,默认为黑色,无法用视频的第一帧作为封面,以及视频的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组件不是原生的,故不存在无法覆盖的问题,完美解决
就搞定了,亲测有效 好用!!,有用请给点个赞~~~

评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值