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

最新推荐文章于 2024-07-31 10:29:37 发布

tiffany_kim

最新推荐文章于 2024-07-31 10:29:37 发布

阅读量4.5k

点赞数 1

分类专栏：微信小程序文章标签：小程序

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/tiffany_kim/article/details/115659514

版权

本文介绍了如何在微信小程序中使用video组件播放腾讯视频。通过解析腾讯视频网页链接获取vid，利用腾讯视频小程序播放插件实现播放。详细步骤包括vid的获取方法和小程序配置示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在开发中碰到了微信小程序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

最低0.47元/天解锁文章

评论 3

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。