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

您所在的位置:网站首页 微信小程序video加载慢怎么办啊 微信小程序video组件调用腾讯视频的解决方案

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

2023-09-05 13:40| 来源: 网络整理| 查看: 265

最近在开发中碰到了微信小程序video组件调用腾讯视频的问题,就趁机来总结一下。

对方只给了我一个腾讯视频的网页链接,然后需要放置到小程序里面,大概开发前景是这样的。

对方提供的视频链接: https://v.qq.com/x/page/s054310niqf.html

解决方案: 通过腾讯视频小程序播放插件解决。官方文档

代码示例说明: 在这里插入图片描述 备注: vid是从腾讯视频网页链接中获取的, 例如我的案例中,视频链接为:https://v.qq.com/x/page/s054310niqf.html ,则,s054310niqf为vid,以此方式查找就可以。

vid获取方式示例图:在这里插入图片描述

最终效果图: 在这里插入图片描述

在这里插入图片描述 wxml示例代码:

厦门城市宣传片——《We are 厦门》 泉州城市宣传片——《半城烟火半城仙》 漳州城市宣传片——《花样漳州》 龙岩城市宣传片——《龙岩映像》 三明城市宣传片——《一首歌一座城》

当前页面的json文件,我的目录是video,所以我放在的位置是video.json文件当中:

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

app.json文件添加:

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

app.json添加plugins的位置:在这里插入图片描述

这样就可以啦~~



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3