微信小程序中關於騰訊視頻的使用與踩坑

在開發一個小程序項目時，須要在頁面中觀看視頻，就須要使用到微信小程序的騰訊視頻插件，這樣就能夠在頁面中引用騰訊視頻，而無需使用本身的服務器進行視頻的播放，節約了很大的服務器開支。可是微信小程序插件的文檔寫的很不清楚，所以將個人解決方法寫在這裏。

1、在小程序中引入插件。

進入微信公衆平臺，在設置中找到第三方服務，在插件管理中添加插件。搜索到騰訊視頻，點擊添加，同時打開騰訊視頻的詳情，在裏面找到該插件的appid與版本號。

接着是代碼部分，在app.json中添加

"plugins": {
    "tencentVideo": {
      "version": "1.1.1",
      "provider": "wxa75efa648b60994b"
    }
複製代碼

其中version是版本號，provider是appid。

2、在須要使用的頁面中引用該插件的組件

官方文檔並無關於該方法的具體說明，因此會致使出現沒法找到對應playerid的txv-video的問題

打開想要使用插件頁面的json文件，在裏面添加

"usingComponents": {
    "txv-video": "plugin://tencentVideo/video"
  }
複製代碼

這就表明着能夠在頁面中使用txv-video組件啦

3、在頁面中使用組件

進入wxml文件，在裏面添加

<txv-video vid="vid" playerid="txv1"></txv-video> 
複製代碼

這一步很簡單，vid是騰訊視頻的vid，playerid是該txv-video惟一識別碼，這個組件不能經過css進行樣式修改

4、在js中進行引入

若是你不想在js中對該插件進行控制的話，能夠不引入。

const TxvContext = requirePlugin("tencentVideo");
    let txvContext = TxvContext.getTxvContext('txv1');
    txvContext.play(); //播放
複製代碼

---

這就是我成功引用騰訊視頻插件的所有過程了，但願可以幫助到同樣使用這個插件遇到問題的人。