最近在開發中碰到了微信小程序video組件調用騰訊視頻的問題，就趁機來總結一下。

對方只給了我一個騰訊視頻的網頁鏈接，然后需要放置到小程序里面，大概開發前景是這樣的。

對方提供的視頻鏈接： https://v.qq.com/x/page/s054310niqf.html

解決方案： 通過騰訊視頻小程序播放插件解決。官方文檔

代碼示例說明：

備注： vid是從騰訊視頻網頁鏈接中獲取的，
例如我的案例中，視頻鏈接為：https://v.qq.com/x/page/s054310niqf.html ，則，s054310niqf為vid，以此方式查找就可以。

vid獲取方式示例圖：

最終效果圖：

wxml示例代碼：

<txv-video vid="s054310niqf" playerid="txv1" class="video"></txv-video> <text>廈門城市宣傳片——《We are 廈門》</text><txv-video vid="i0031cajh5q" playerid="txv1" class="video"></txv-video> <text>泉州城市宣傳片——《半城煙火半城仙》</text><txv-video vid="n0770gwvdkq" playerid="txv1" class="video"></txv-video> <text>漳州城市宣傳片——《花樣漳州》</text><txv-video vid="l03535remuo" playerid="txv1" class="video"></txv-video> <text>龍巖城市宣傳片——《龍巖映像》</text><txv-video vid="p3001chc4vf" playerid="txv1" class="video"></txv-video> <text>三明城市宣傳片——《一首歌一座城》</text>

當前頁面的json文件，我的目錄是video，所以我放在的位置是video.json文件當中：

{"usingComponents": {"txv-video": "plugin://tencentvideo/video"} }

app.json文件添加：

"plugins": {"tencentvideo": {"version": "1.2.4","provider": "wxa75efa648b60994b"}}

app.json添加plugins的位置：

這樣就可以啦~~

總結

以上是生活随笔為你收集整理的微信小程序video组件调用腾讯视频的解决方案的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。