微信小程式中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
  })
 }

})

#rrreee

##相關文章：

hello WeApp                      icon類元件Win     text組件                                                             modal組件
頁面生命週期                    checkbox組件                      

 toast組件

模塊化詳                           form組件詳                            loading 組件

數據綁定                           input 組件                             navigator 組件

View組件                          picker組件                             audio 組件

scroll-view組件                 radio組件                                  slider組件                    P中文網！

相關推薦：

微信小程式使用radio顯示單一選項功能【附原始碼】###############微信小程式之form元件的介紹#######################################

以上是微信小程式中video組件的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！