【微信小程序】预览视频

送上代码：

<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

【微信小程序】预览视频相关推荐

微信小程序预览无法播放视频
微信小程序预览无法播放视频,但是用开发工具可以播放,真机调试也可以播放,是因为勾选了"不校验合法域名.web-view(业务域名).TLS 版本以及 HTTPS 证书"吗?
微信小程序预览 word、excel、ppt、pdf 等文件
目录微信小程序预览 word.excel.ppt.pdf 等文件预览效果前言注意点实现代码微信小程序预览 word.excel.ppt.pdf 等文件预览效果前言微信官方提供了相关的 ...
【预览pdf】:uniapp在微信小程序预览pdf，兼容安卓/IOS
前言提示:因最近项目需求,项目需要用uniapp来开发微信小程序预览pdf的功能, 后端以链接形式返回pdf地址. 一.方法概述开始用uniapp提供微信自带方法:wx.downloadFile( ...
实现微信小程序预览文件，预览页面添加倒计时
项目场景: 提示:1.实现小程序预览doc.docx.xls.xlsx.ppt.pptx.pdf类型文件 2.进入页面展示文件内容.开始按钮,点击,按钮变为[(**s)]倒计时 3.倒计时结束后,此按 ...
微信小程序-预览图片识别二维码
wx.getImageInfo(Object object) 获取图片信息.网络图片需先配置download域名才能生效. 测试图片地址:http://mmbiz.qpic.cn/mmbiz_png/ ...
微信小程序预览常见问题未找到app.json这个怎么解决
第一步.查看项目中文件,确实没有app.json 文件那说明HbuilderX在编译之后会自己生成 app.json.因为此文件是微信小程序的标配入口文件. 所以开始找一下HbuilderX在编译 ...
解决uniapp开发微信小程序预览pdf文件ios\安卓兼容问题
问题项目需要用uniapp来开发微信小程序,其中,有一个功能是预览pdf, 后台以链接形式返回pdf地址,一开始使用web-view做链接跳转,但是出现ios文件可以正常打开,android打不开的 ...
微信小程序预览服务器图片,微信小程序实现图片选择并预览功能
本文实例为大家分享了微信小程序实现图片选择并预览的具体代码,供大家参考,具体内容如下 (一).功能说明做的是一个意见反馈,用户发表意见和上传图片,限制了最多只能上传三张图片. 其他要点:textar ...
微信小程序预览base64图片
起因:微信小程序下载图片,请求后台返回一堆乱码的字符解决办法 1.请求部分加上 responseType: 'arraybuffer' 2.由于微信官方不再维护wx.arrayBufferToBas ...
微信小程序预览文件，word、xlsx文件打不开？
预览文件的时候发现表格,word打不开,查了官方文档没有解决办法,后来解决了赶紧整理一下. 按照微信开发文档里的写,pdf可以预览成功,但word和xlsx不能预览官方文档并没有收录这个bug,生成 ...

【微信小程序】预览视频

【微信小程序】预览视频相关推荐

最新文章

热门文章