您所在的位置: 下载吧  >  软件教程  >  聊天软件 > 正文

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

  • 时间:2017-01-04 16:17
  • 来源:下载吧
  • 编辑:xwgod

  微信小程序新手教程video组件,本篇默认已经成功安装微信小程序工具,来和下载吧小编一起看看吧

  

video组件

微信小程序新手教程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
     })
 }

})

人气排行