微信小程序video组件调用腾讯视频的解决方案

最近在开发中碰到了微信小程序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组件调用腾讯视频的解决方案的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。