微信小程序把玩(二十九)video组件

时间:2022-09-15 20:53:08

原文:微信小程序把玩(二十九)video组件

微信小程序把玩(二十九)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" />

js

Page({
data:{
// text:"这是一个页面"
hiddenVideo: true
},
/**
* 监听视频加载错误状态
*/
listenerVideo:function(e) {
console.log(e.detail.errMsg);
},
/**
* 监听button点击事件
*/
listenerButton:function() {
this.setData({
hiddenVideo: !this.data.hiddenVideo
})
} })