微信小程序 video組件詳解及實例代碼

2019-11-20 08:51:35

字體：大中小

來源：轉載

供稿：網友

視頻播放組件與圖片加載組件也沒啥差別，使用起來也沒啥注意的

重要屬性：

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" />

Page({ data:{ // text:"這是一個頁面" hiddenVideo: true }, /** * 監聽視頻加載錯誤狀態 */ listenerVideo:function(e) {  console.log(e.detail.errMsg); }, /** * 監聽button點擊事件 */ listenerButton:function() {  this.setData({   hiddenVideo: !this.data.hiddenVideo  }) }})

相關文章：

hello WeApp                     icon組件
Window                             text組件                                 switch組件
 tabBar底部導航               progress組件                         action-sheet
應用生命周期                     button組件                            modal組件
頁面生命周期                     checkbox組件                       toast組件
模塊化詳                            form組件詳                            loading 組件
數據綁定                            input 組件                             navigator 組件
 View組件                         picker組件                             audio 組件
 scroll-view組件                  radio組件                               video組件
 swiper組件                       slider組件                             Image組件