微信小程序把玩（二十九）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
      })
  }

})