uniapp小程序引入腾讯视频插件

腾讯视频 | 小程序插件 | 微信公众平台

1. 引入腾讯视频插件

引入成功会在微信开发者工具中看到

2. 在pages.json文件下找到需要引入腾讯视频插件的页面并进行配置

3. 在页面中使用

只需要更换vid,vid就是视频id

例如:什么时间血液最黏稠?2个时间多喝水,或有助稀释血液,疏通血管_腾讯视频

右键视频

<player-component id="tvp-id" playerid="tvp" vid="u3249t7fdz0" :autoplay="false" />

需要在手机预览或者真机调试才能播放,微信开发者工具播放不成功。

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在Uniapp引入微信小程序插件,你可以按照以下步骤进行操作: 1. 在Uniapp项目的根目录下,找到`manifest.json`文件,并打开它。 2. 在`manifest.json`文件中,找到`mp-weixin`字段,这是用于微信小程序的配置。 3. 在`mp-weixin`字段中,找到`plugins`字段,如果没有,则手动添加该字段。例如: ```json "mp-weixin": { "plugins": {} } ``` 4. 在`plugins`字段下,添加你需要引入的微信小程序插件的配置。例如: ```json "mp-weixin": { "plugins": { "plugin-name": { "version": "1.0.0", "provider": "wxid" } } } ``` 其中,`plugin-name`是插件的名称,`version`是插件的版本号,`provider`是插件的开发者微信号。 5. 保存并关闭`manifest.json`文件。 6. 在Uniapp项目的根目录下,找到`main.js`文件,并打开它。 7. 在`main.js`文件中,找到`App`对象的`mp-weixin`字段,这是用于微信小程序的配置。 8. 在`mp-weixin`字段中,找到`usingComponents`字段,如果没有,则手动添加该字段。例如: ```javascript App.mpType = 'app'; App.mpWeixin = { usingComponents: {} } ``` 9. 在`usingComponents`字段下,添加你需要引入的微信小程序插件的组件。例如: ```javascript App.mpType = 'app'; App.mpWeixin = { usingComponents: { 'plugin-name': '@/plugin/plugin-name/plugin-name' } } ``` 其中,`plugin-name`是插件的名称,`@/plugin/plugin-name/plugin-name`是插件组件的路径。 10. 保存并关闭`main.js`文件。 现在,你已成功引入微信小程序插件Uniapp项目中。可以根据插件的文档和使用方式进行具体的调用和使用
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值