微信小程序 video组件详解及实例代码
编程学习 2021-07-04 20:00www.dzhlxh.cn编程入门
这篇文章主要介绍了微信小程序 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" />
js
Page({
data:{
// text:"这是一个页面"
hiddenVideo: true
},
/**
* 监听视频加载错误状态
*/
listenerVideo:function(e) {
console.log(e.detail.errMsg);
},
/**
* 监听button点击事件
*/
listenerButton:function() {
this.setData({
hiddenVideo: !this.data.hiddenVideo
})
}
})
相关文章：