微信小程序video组件调用腾讯视频的解决方案
发布日期:2021-05-10 04:48:06 浏览次数:5 分类:技术文章

本文共 746 字,大约阅读时间需要 2 分钟。

最近在开发中碰到了微信小程序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的位置:在这里插入图片描述

这样就可以啦~~

转载地址:https://blog.csdn.net/tiffany_kim/article/details/115659514 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:uni-app(6)— 组件的基本使用
下一篇:uni-app(5)— condition启动模式配置

发表评论

最新留言

留言是一种美德,欢迎回访!
[***.207.175.100]2023年11月20日 07时43分52秒