video 組件 視頻組件 相關的api :wx.createVideoContext
支持的格式:
支持的編碼格式
video 組件的屬性:
src:類型 字符串 必填 要播放視頻的資源地址 (支持雲文件ID)
duration:類型 數字 指定視頻的時長
controls:類型 布爾 是否顯示默認控件(播放/暫停按鈕、播放進度、時間)
danmu-list:類型 array/object 彈幕列表
danmu-btn:類型 布爾 是否顯示彈幕按鈕,只在初始化有效,不能動態變更
enable-danmu:類型 布爾 是否展示彈幕,只在初始化有效,不能動態變更
autoplay:類型 布爾 是否自動播放
loop:類型 布爾 是否循環播放
muted:類型 布爾 是否靜音播放
initial-time:類型 數字 指定視頻初始播放位置
direction:類型 數字 設置全屏時視頻的方向,不指定則根據寬高比自動判斷
屬性值:0 正常豎向
90 屏幕逆時針90度
-90 屏幕順時針90度
show-progress:類型 布爾 若不設置,寬度大於240時才會顯示
show-fullscreen-btn:類型 布爾 是否顯示全屏按鈕
show-play-btn:類型 布爾 是否顯示視頻底部控制欄的播放按鈕
show-center-play-btn:類型 布爾 是否顯示視頻中間的播放按鈕
enable-progress-gesture:類型 布爾 是否開啟控制進度的手勢
object-fit:類型 字符串 當視頻大小與 video 容器大小不一致時,視頻的表現形式
屬性值:contain 包含
fill 填充
cover 覆蓋
poster:類型 字符串 視頻封面的圖片網絡資源地址或雲文件id,若 controls 為 false 此屬性無效
show-mute-btn:類型 布爾 是否顯示靜音按鈕
title:類型 字符串 視頻的標題,全屏時在頂部展示
play-btn-position:類型 字符串 播放按鈕的位置
屬性值:bottom controls bar 上
center 視頻中間
enable-play-gesture:類型 布爾 是否開啟播放手勢,即雙擊切換播放/ 暫停
auto-pause-if-navigate:類型 布爾 當跳轉其他小程序頁面時,是否自動暫停本頁面的視頻
auto-pause-if-open-native:類型 布爾 當跳轉到其他微信原生頁面時,是否自動暫停本頁面的視頻
vslide-gesture:類型 布爾 在非全屏下是否開啟 亮度與音量的調節手勢
vslide-gesture-in-fullscreen:類型 布爾 在全屏下是否開啟 亮度與音量的調節手勢
事件:
bindplay:當開始 / 繼續時觸發的 play 事件
bindpause:當暫停播放時觸發的 pause 事件
bindended:當播放到末尾時觸發的 ended 事件
bindtimeupdate:播放進度變化時觸發 ,觸發頻率 250ms 一次
bindfullscreenchange:視頻進入和退出全屏時觸發
bindwaiting:視頻出現緩沖時觸發
binderror:視頻播放出錯時觸發
bindprogress:加載進度變化時觸發,只支持一段的加載