微信小程序 視頻 組件


  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:加載進度變化時觸發,只支持一段的加載  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM