首页 > 微信 > 详细

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

时间:2017-02-26 17:08:12      阅读:231      评论:0      收藏:0      [点我收藏+]
原文:微信小程序把玩(二十九)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
      })
  }

})

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

原文:http://www.cnblogs.com/lonelyxmas/p/6444806.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!