本站资源收集于互联网,不提供软件存储服务,每天免费更新优质的软件以及学习资源!

微信小程序新手教程video组件

电脑教程 diannaojiaocheng 1℃

微信小程序新手教程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" />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组件

喜欢 (0)