【微信小程序】预览视频

本文解决预览视频无声的问题,通过调整muted属性实现有声播放,并提供获取视频首帧缩略图的方法,确保视频内容的完整展示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

送上代码:

<view class="prew_video" hidden="">
     <video id="prew_video" 
                autoplay="false" 
                muted="{{flase}}
                bindfullscreenchange="bindVideoScreenChange"
                src="http://kldn.kai12.cn/d2b4f578-de96-4307-d3c7-bedb7d83e432.mp4" ></video>
     <image class="delete" bindtap="bindDeleteVideo" src="http://kldn.kai12.cn/d2b4f578-de96-4307-d3c7-bedb7d83e432.mp4?vframe/jpg/offset/0|imageView2/1/w/268/h/150"></image>
</view>

注坑:
1、预览视频没有声音的问题;
解决:属性设置为muted="{{flase}}"

2、获取视频的第一张缩略图;
解决:

<image class="delete" bindtap="bindDeleteVideo" src="http://kldn.kai12.cn/d2b4f578-de96-4307-d3c7-bedb7d83e432.mp4?vframe/jpg/offset/0|imageView2/1/w/268/h/150"></image>

在视频地址后面加上参数:

?vframe/jpg/offset/0|imageView2/1/w/268/h/150
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值