只需要一個vid!!把視頻上傳到騰訊視頻之后得到vid!!就可以在自己的小程序上播放視頻了!!流暢到爆!!

// 在你們的wxml上這樣插入視頻元素

本github倉庫就是一個示例項目

接入方式

申請使用插件 appid:wxa75efa648b60994b

首先，參見微信官方的插件使用文檔申請插件權限，在申請使用插件的使用時，填寫以下appid:wxa75efa648b60994b

引入插件代碼

參見官方文檔即可，目前最新版本為：1.1.0

使用播放器組件

wxml

vid="e0354z3cqjp" // 可使用vid="{{vid}}"的方式應用data變量

playerid="txv1"

autoplay="{{true}}" // 是否自動播放

>

組件元素支持的屬性:

vid 視頻id

playerid 播放器標識符

autoplay 是否自動播放

bindtimeupdate 播放進度更新事件，1.0.3后支持

bindstatechange 播放狀態變更事件，1.0.3后支持

binderror 錯誤信息，1.0.3后支持

插件 js api

const TxvContext = requirePlugin("tencentvideo");

let txvContext = TxvContext.getTxvContext('txv1') // txv1即播放器組件的playerid值

txvContext.play(); // 播放

txvContext.pause(); // 暫停

txvContext.requestFullScreen(); // 進入全屏

txvContext.exitFullScreen(); // 退出全屏

txvContext.playbackRate(+e.currentTarget.dataset.rate); // 設置播放速率