这篇文章主要介绍了微信小程序 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) } })
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
更多微信小程序 video组件详解。