項目場景：

微信小程序開發: 實現小程序首頁視頻預加載功能

1.獲取設備的寬和高度

2.小程序video的使用

---

獲取設備的寬和高度

// 獲取設備的寬和高度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;

---

小結：

實現小程序首屏視頻加載功能，video涉及屬性參考

binderror 視頻播放出錯時觸發

enable-danmu 是否展示彈幕，只在初始化時有效，不能動態變更

danmu-btn 是否顯示彈幕按鈕，只在初始化時有效，不能動態變更

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

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

enable-progress-gesture 是否開啟控制進度的手勢

controls 是否顯示默認播放控件（播放/暫停按鈕、播放進度、時間）

autoplay 是否自動播放

object-fit 當視頻大小與 video 容器大小不一致時，視頻的表現形式

video微信開發文檔-飛機票

---

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。