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