uni-app微信小程序開發(fā) | 引入騰訊視頻小程序播放插件

一、 登錄微信小程序管理后臺(tái)添加騰訊視頻播放插件：

正式開始使用騰訊視頻小程序插件之前需先在微信公眾平臺(tái) -> 第三方設(shè)置 -> 插件管理處添加插件，如下圖所示：

二、在uni-app中引入插件代碼：

　　注意在使用uni-app開發(fā)微信小程序時(shí)與直接會(huì)用微信網(wǎng)頁(yè)開發(fā)工具開發(fā)微信小程序是有很大的差別的，因?yàn)閡ni-app可開發(fā)多平臺(tái)的原因，因此不同平臺(tái)的開發(fā)相應(yīng)的配置需要放到指定的位置才能夠生效。而uni-app引入騰訊視頻小程序有兩種方式一種是整個(gè)小程序可使用（小程序中所有的分包可以使用），第二種是指定對(duì)應(yīng)的分包可使用。

1.指定整個(gè)小程序可使用：

使用插件之前需要在manifest.json中的mp-weixin內(nèi)聲明使用的插件，具體配置參照所用插件的開發(fā)文檔：

"mp-weixin": {
        /* 小程序相關(guān)配置 */
        "usingComponents": true,//是否啟用自定義組件模式
        "appid": "小程序AppID",
        "plugins": {
            "tencentvideo": {
                "version": "1.3.6",
                "provider": "騰訊視頻小程序AppID"
            }
        }
    }

2.指定到對(duì)應(yīng)的分包中使用：

如果插件只在（同一個(gè)插件不能被多個(gè)分包同時(shí)引用）一個(gè)分包用到，可以單獨(dú)配置到分包中，這樣插件不會(huì)隨主包加載，可以在pages.json的subPackages中聲明插件：

{
  "subpackages": [
    {
      "root": "package1",//分包名稱
      "pages": [
        "pages/cat",
        "pages/dog"
      ],
      "plugins": {
        "tencentvideo": {
          "version": "1.3.6",
          "provider": "騰訊視頻小程序AppID"
        }
      }
    }
  ]
}　　

三、在pages.json全局配置文件中對(duì)要使用插件的頁(yè)面

配置如下條件編譯代碼：

"usingComponents": {
    // #ifdef  MP-WEIXIN
       "txv-video": "plugin://tencentvideo/video"
    // #endif
},

四、在vue頁(yè)面中使用騰訊視頻播放組件：

五、關(guān)于如何獲取騰訊視頻vid問題：

打開網(wǎng)頁(yè)騰訊視頻=>隨便找到一個(gè)視頻點(diǎn)擊鼠標(biāo)右鍵=>賦值鏈接地址（僅供參考）如下圖所示：

最后取視頻連接地址.html前面的那一小串英文數(shù)字編號(hào)即可，下圖所示：