如何在小程式中使用騰訊視訊插件

開發小程式專案中需要用到視訊服務，若是用自己的伺服器來播放會產生很大的開支，這時我們可以使用小程式的騰訊視訊插件，在頁面中引用騰訊影片即可。

如何在小程式中使用騰訊視頻外掛程式

在開發一個小程式專案時，需要在頁面中觀看視頻，就需要使用到微信小程式的騰訊視頻插件，這樣就可以在頁面中引用騰訊視頻，而無需使用自己的伺服器進行視頻的播放，節約了很大的伺服器開支。

推薦學習：navicat教程

在開發一個小程式專案時，需要在頁面中觀看視頻，就需要使用到微信小程式的騰訊視頻插件，這樣就可以在頁面中引用騰訊視頻，而無需使用自己的伺服器進行視頻的播放，節約了很大的伺服器開支。但是微信小程式插件的文檔寫的很不清楚，因此將我的解決方法寫在這裡。

在小程式中引入外掛程式。

進入微信公眾平台，在設定中找到第三方服務，在外掛程式管理中加入外掛程式。搜尋到騰訊視頻，點擊添加，同時打開騰訊視頻的詳情，在裡面找到該插件的appid與版本號。

接著是程式碼部分，在app.json中加入

plugins: {
    tencentVideo: {
      version: 1.1.1,
      provider: wxa75efa648b60994b
    }

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

在需要使用的頁面中引用該外掛程式的元件

官方文件並沒有關於該方法的具體說明，所以會導致出現無法找到對應playerid的txv-video的問題

開啟想要使用外掛頁面的json文件，在裡面加入

usingComponents: 
{
txv-video: plugin://tencentVideo/video
}

這就代表著可以在頁面中使用txv-video元件啦

在頁面中使用元件

進入wxml文件，在裡面加入

這一步很簡單，vid是騰訊影片的vid，playerid是該txv-video唯一識別碼，這個元件不能通過css進行樣式修改

在js中進行引入

如果你不想在js中對該外掛程式進行控制的話，可以不引入。

const TxvContext = requirePlugin(tencentVideo);
let txvContext = TxvContext.getTxvContext(\'txv1\');
txvContext.play(); //播放

這就是成功引用騰訊視頻插件的全部過程了，希望能夠幫助到一樣使用這個插件遇到問題的人

更多小程式開發教程，請關注PHP中文網！

以上是如何在小程式中使用騰訊視訊插件的詳細內容。更多資訊請關注PHP中文網其他相關文章！