微信小程式中如何使用騰訊視訊插件？

在微信小程式開發中如何使用騰訊視訊外掛程式？以下這篇文章跟大家介紹一下騰訊影片外掛程式使用教學。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。

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

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

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

進入微信公眾平台，在設定中找到第三方服務，在外掛程式管理中加入外掛程式。搜尋到騰訊視頻，點擊添加，同時打開騰訊視頻的詳情，在裡面找到該插件的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中文網其他相關文章！