微信小程序新手教程video组件,本篇默认已经成功安装微信小程序工具,来和范的软件库小编一起看看吧
video组件
视频播放组件与图片加载组件也没啥差别,使用起来也没啥注意的
重要属性:
wxml
<!--监听button点击事件--><button bindtap="listenerButton">点击显示视频组件</button><!--视频组件src资源地址,binderror为监听错误信息--><video
src="http://mvvideo1.meitudata.com/575c2b652d7375255.mp4"
style="width: 100%; height: 100%"
hidden="{{hiddenVideo}}"
binderror="listenerVideo" />123456789
js
Page({
data:{ // text:"这是一个页面"
hiddenVideo: true
}, /**
* 监听视频加载错误状态
*/
listenerVideo:function(e) {
console.log(e.detail.errMsg);
}, /**
* 监听button点击事件
*/
listenerButton:function() { this.setData({
hiddenVideo: !this.data.hiddenVideo
})
}
})
转载请注明:范的资源库 » 微信小程序新手教程video组件