微信小程序 video組件詳解及實(shí)例代碼
視頻播放組件與圖片加載組件也沒啥差別，使用起來也沒啥注意的
重要屬性：
wxml
<!--監(jiān)聽button點(diǎn)擊事件-->
<button bindtap="listenerButton">點(diǎn)擊顯示視頻組件</button>
<!--視頻組件src資源地址，binderror為監(jiān)聽錯誤信息-->
<video
src="http://mvvideo1.meitudata.com/575c2b652d7375255.mp4"
style="width: 100%; height: 100%"
hidden="{{hiddenVideo}}"
binderror="listenerVideo" />
js
Page({
data:{
// text:"這是一個頁面"
hiddenVideo: true
},
/**
* 監(jiān)聽視頻加載錯誤狀態(tài)
*/
listenerVideo:function(e) {
console.log(e.detail.errMsg);
},
/**
* 監(jiān)聽button點(diǎn)擊事件
*/
listenerButton:function() {
this.setData({
hiddenVideo: !this.data.hiddenVideo
})
}
})
相關(guān)文章：
hello WeApp icon組件
Window text組件 switch組件
tabBar底部導(dǎo)航 progress組件 action-sheet
應(yīng)用生命周期 button組件 modal組件
頁面生命周期 checkbox組件 toast組件
模塊化詳 form組件詳 loading 組件
數(shù)據(jù)綁定 input 組件 navigator 組件
View組件 picker組件 audio 組件
scroll-view組件 radio組件 video組件
swiper組件 slider組件 Image組件
相關(guān)文章
JavaScript獲取上傳文件相關(guān)信息示例詳解
這篇文章主要為大家介紹了JavaScript獲取上傳文件相關(guān)信息示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要為大家介紹了TS 類型收窄教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
這篇文章主要介紹了JavaScript 對象詳細(xì)整理總結(jié)的相關(guān)資料,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了微信小程序 解決swiper不顯示圖片的方法的相關(guān)資料,本文對swiper不顯示圖片，進(jìn)行了幾種方法排查，根據(jù)我所遇到的問題提供了該如何解決，需要的朋友可以參考下2017-01-01
這篇文章主要為大家介紹了JavaScript 條件判斷使用技巧詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
JS觸摸屏網(wǎng)頁版仿app彈窗型滾動列表選擇器/日期選擇器
這篇文章主要介紹了觸摸屏網(wǎng)頁版仿app彈窗型滾動列表選擇器/日期選擇器的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-10-10
這篇文章主要介紹了微信小程序 canvas API詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10
jQuery幻燈片插件owlcarousel參數(shù)說明中文文檔
jQuery幻燈片插件owlcarousel是一個小巧強(qiáng)大兼容性強(qiáng)的幻燈片插件，兼容IE6以上所有瀏覽器，本文主要介紹了字的使用方法與中文參數(shù)與API說明2018-02-02
這篇文章主要介紹了用javascript制作qq注冊動態(tài)頁面,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友可以參考下2021-04-04
這篇文章主要介紹了微信小程序 View組件詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2016-09-09