这里有新鲜出炉的微信小程序入门,程序狗速度看过来!
微信小程序(weixinxiaochengxu),简称小程序,缩写 XCX,英文名 mini program,是一种不需要下载安装即可使用的应用,它实现了应用 "触手可及" 的梦想,用户扫一扫或搜一下即可打开应用。
这篇文章主要介绍了微信小程序 video 组件详解的相关资料, 需要的朋友可以参考下
主要属性:
效果图:
ml:
- <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)
- }
- })
来源: http://www.phperz.com/article/17/0717/330920.html