uni-app中引入腾讯视频插件,播放腾讯视频

配置微信小程序插件

注意事项

  • 正式开始使用微信小程序插件之前需先在微信公众平台 -> 设置->第三方设置 -> 插件管理处添加插件
    在这里插入图片描述
  • 要保证项目内微信小程序appid和申请插件的微信小程序appid一致插件才可使用

引入插件代码包

使用插件之前开发者需要在manifest.json中的mp-weixin内声明使用的插件,具体配置参照所用插件的开发文档

 /* 小程序特有相关 */
    "mp-weixin" : {
        "appid" : "xxxx",
        "setting" : {
            "urlCheck" : false,
            "postcss" : true
        },
        "usingComponents" : true,
		"plugins": {
		  "tencentvideo": {
		    "version": "1.2.4",
		    "provider": "wxa75efa648b60994b"
		  }
		}
    },

在页面中使用小程序插件

在 pages.json 对应页面的 style -> usingComponents 引入组件:

{
    "pages": [
        {
            "path": "index/index",
            "style": {
                "usingComponents": {
                    // #ifdef  MP-WEIXIN 
                     "txv-video": "plugin://tencentvideo/video"
                    // #endif
                }
            }
        }
    ]
}

在页面不需要其他配置,直接使用就可以

<template>
	<view class="">
		<txv-video vid="e0354z3cqjp" playerid="txv1"></txv-video>
	</view>
</template>

检查结果
配置好了,检查下是否有效吧,运行后可以看到通过vid就可以播放腾讯视频
在这里插入图片描述
参考文档:
腾讯视频插件文档:
https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wxa75efa648b60994b
Dcloud官方文档
https://uniapp.dcloud.io/component/mp-weixin-plugin
https://uniapp.dcloud.io/frame

注:貌似这个插件只能在小程序用

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值