微信小程序添加视频video组件
来源:互联网 发布:怎么设置网络防火墙 编辑:程序博客网 时间:2024/05/17 05:07
- 小程序视频组件video标签
- wxml
<View>1.播放网络视频</View><view > <video style="width: 100%;height=400px;margin:1px;" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400" binderror="videoErrorCallback"></video></view><View>2.播放本地视频</View><view style="display: flex;flex-direction: column;"> <video style="width: 100%;height=400px;margin:1px;" src="{{src}}"></video> <view class="btn-area"> <button bindtap="bindButtonTap">打开本地视频</button> </view></view>
js
Page({ data: { src: '' }, /** * 打开本地视频 */ bindButtonTap: function() { var that = this //拍摄视频或从手机相册中选视频 wx.chooseVideo({ //album 从相册选视频,camera 使用相机拍摄,默认为:['album', 'camera'] sourceType: ['album', 'camera'], //拍摄视频最长拍摄时间,单位秒。最长支持60秒 maxDuration: 60, //前置或者后置摄像头,默认为前后都有,即:['front', 'back'] camera: ['front','back'], //接口调用成功,返回视频文件的临时文件路径,详见返回参数说明 success: function(res) { console.log(res.tempFilePaths[0]) that.setData({ src: res.tempFilePaths[0] }) } }) }, /** * 当发生错误时触发error事件,event.detail = {errMsg: 'something wrong'} */ videoErrorCallback: function(e) { console.log('视频错误信息:') console.log(e.detail.errMsg) }})
来自 脚本之家
阅读全文
0 0
- 微信小程序添加视频video组件
- 微信小程序video组件小视频
- 【微信小程序】video视频组件问题
- 微信小程序例子——使用video组件播放视频
- 微信小程序例子——使用video组件播放视频
- 微信小程序媒体组件(三)video
- 微信小程序video组件播放不了
- 微信小程序之----video视频播放
- 微信小程序把玩(二十九)video组件
- 微信小程序开发—(十六)video视频播放
- 微信小程序 Video API
- Video---HTML5视频video
- react-native-beautiful-video-recorder 视频记录器组件
- react-native播放视频组件 react-native-video的用法
- 视频video
- 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义
- 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义
- 微信小程序------媒体组件(视频,音乐,图片)
- 震惊!移动VIN码识别原来这么。。。
- AS快速编写NDK例子
- StringBuffer类
- Ubuntu编译Android源码
- .net 实现word、excel、ppt、pdf预览功能
- 微信小程序添加视频video组件
- IDE maven 创建spring boot 用hibernate 实现连接数据库
- 程序员的八重境界
- python-operator模块
- PAT A1040. Longest Symmetric String (25)
- Largest prime factor(筛选法)
- 沙盒
- C++学习笔记【第二部分第十二章:动态内存】
- [js高手之路]学生问的一道javascript面试题[来自腾讯]