配置微信小程序插件
注意事项
- 正式开始使用微信小程序插件之前需先在微信公众平台 -> 设置->第三方设置 -> 插件管理处添加插件
- 要保证项目内微信小程序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
注:貌似这个插件只能在小程序用