新聞中心
微信小程序怎么用視頻

引入視頻組件
1、在小程序的wxml文件中,使用
2、設(shè)置視頻組件的屬性,如src(視頻地址)、controls(顯示控制條)等。
設(shè)置視頻屬性
1、src:指定視頻文件的路徑或URL,可以是本地文件路徑,也可以是網(wǎng)絡(luò)視頻鏈接。
2、controls:是否顯示視頻控制條,默認(rèn)為true。
3、autoplay:是否自動(dòng)播放視頻,默認(rèn)為false。
4、loop:是否循環(huán)播放視頻,默認(rèn)為false。
5、objectFit:視頻適配模式,可選值為cover(鋪滿整個(gè)容器)、contain(保持寬高比縮放至容器大小)。
6、poster:視頻封面圖片的URL。
7、danmubtn:是否顯示彈幕按鈕,默認(rèn)為false。
8、showdanmunum:是否顯示彈幕數(shù)量,默認(rèn)為false。
9、binderror:當(dāng)發(fā)生錯(cuò)誤時(shí)觸發(fā)的事件處理函數(shù)。
10、bindended:當(dāng)視頻播放結(jié)束時(shí)觸發(fā)的事件處理函數(shù)。
11、bindplay:當(dāng)視頻開始播放時(shí)觸發(fā)的事件處理函數(shù)。
12、bindpause:當(dāng)視頻暫停時(shí)觸發(fā)的事件處理函數(shù)。
13、bindtimeupdate:當(dāng)視頻播放位置更新時(shí)觸發(fā)的事件處理函數(shù)。
事件處理函數(shù)示例
1、在對應(yīng)的js文件中,定義事件處理函數(shù),并在wxml文件中綁定相應(yīng)的事件。
2、在視頻播放結(jié)束時(shí)觸發(fā)一個(gè)自定義事件,可以在js文件中定義一個(gè)方法,并在wxml文件中綁定bindended事件。
相關(guān)問題與解答
問題1:如何在小程序中實(shí)現(xiàn)全屏播放視頻?
答:可以通過設(shè)置video組件的objectFit屬性為"cover",使視頻鋪滿整個(gè)容器;同時(shí)設(shè)置fullscreen屬性為true,實(shí)現(xiàn)全屏播放效果。
問題2:如何禁止用戶手動(dòng)控制視頻播放?
答:可以通過設(shè)置video組件的disabledefaultplayback屬性為true,禁止用戶手動(dòng)控制視頻播放。
本文題目:微信小程序怎么用視頻
URL分享:http://www.5511xx.com/article/cojpodg.html


咨詢
建站咨詢
