小程序教程

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

字号+ 作者: 来源: 2016-11-23 09:49 我要评论( )

视频播放组件与图片加载组件也没啥差别,使用起来也没啥注意的

重要属性:

wxml

  1. <!--监听button点击事件-->
  2. <button bindtap="listenerButton">点击显示视频组件</button>

  3. <!--视频组件src资源地址,binderror为监听错误信息-->
  4. <video
  5.     src="http://mvvideo1.meitudata.com/575c2b652d7375255.mp4"
  6.     style="width: 100%; height: 100%"
  7.     hidden="{{hiddenVideo}}"
  8.     binderror="listenerVideo" />
复制代码

js

  1. Page({
  2.   data:{
  3.     // text:"这是一个页面"
  4.     hiddenVideo: true
  5.   },
  6.   /**
  7.    * 监听视频加载错误状态
  8.    */
  9.   listenerVideo:function(e) {
  10.       console.log(e.detail.errMsg);
  11.   },
  12.   /**
  13.    * 监听button点击事件
  14.    */
  15.   listenerButton:function() {
  16.       this.setData({
  17.           hiddenVideo: !this.data.hiddenVideo
  18.       })
  19.   }

  20. })
复制代码


 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 微信小程序 轮播图 swiper图片组件

    微信小程序 轮播图 swiper图片组件

    2016-11-23 09:49

  • 微信小程序 开发 微信开发者工具 快捷键

    微信小程序 开发 微信开发者工具 快捷键

    2016-11-23 09:49

  • 微信小程序 页面跳转 传递参数

    微信小程序 页面跳转 传递参数

    2016-11-23 09:49

  • 微信小程序 如何获取时间

    微信小程序 如何获取时间

    2016-11-23 09:49

网友点评
d