項(xiàng)目場景：

微信小程序開發(fā): 實(shí)現(xiàn)小程序首頁視頻預(yù)加載功能

1.獲取設(shè)備的寬和高度

2.小程序video的使用

---

獲取設(shè)備的寬和高度

// 獲取設(shè)備的寬和高度getsize() {let that = this;wx.getSystemInfo({success(res) {that.setData({windowHeight: res.windowHeight + 'px',windowWidth: res.windowWidth + 'px'})},})},

---

小程序video的使用：

wxml

<video id="myVideo" src="https://xxxs" //視頻地址 binderror="videoErrorCallback" enable-danmu='{{false}}'danmu-btn='{{false}}'show-play-btn='{{false}}' show-center-play-btn='{{false}}' enable-progress-gesture='{{false}}'controls='{{false}}'autoplayobject-fit='cover'style="width:{{windowWidth}};height:{{windowHeight}};"></video>

wxss

/* pages/preloading/preloading.wxss */ .loadingback {width: 100%;height: 100%;position: fixed;top: 0;left: 0; } .toplogo{width: 400rpx;height: 100%;position: absolute;left: 50%;margin-left: -200rpx;top: 127rpx;

---

小結(jié)：

實(shí)現(xiàn)小程序首屏視頻加載功能，video涉及屬性參考

binderror 視頻播放出錯(cuò)時(shí)觸發(fā)

enable-danmu 是否展示彈幕，只在初始化時(shí)有效，不能動(dòng)態(tài)變更

danmu-btn 是否顯示彈幕按鈕，只在初始化時(shí)有效，不能動(dòng)態(tài)變更

show-play-btn 是否顯示視頻底部控制欄的播放按鈕

show-center-play-btn 是否顯示視頻中間的播放按鈕

enable-progress-gesture 是否開啟控制進(jìn)度的手勢

controls 是否顯示默認(rèn)播放控件（播放/暫停按鈕、播放進(jìn)度、時(shí)間）

autoplay 是否自動(dòng)播放

object-fit 當(dāng)視頻大小與 video 容器大小不一致時(shí)，視頻的表現(xiàn)形式

video微信開發(fā)文檔-飛機(jī)票

---

總結(jié)

以上是生活随笔為你收集整理的微信小程序-首屏视频加载的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。