uni-app微信小程序开发之引入腾讯视频小程序播放插件

 

文章正文:

登录微信小程序管理后台添加腾讯视频播放插件:

  正式开始使用腾讯视频小程序插件之前需先在微信公众平台 -> 第三方设置 -> 插件管理处添加插件,如下图所示:

回到顶部 在uni-app中引入插件代码:

  注意在使用uni-app开发微信小程序时与直接会用微信网页开发工具开发微信小程序是有很大的差别的,因为uni-app可开发多平台的原因,因此不同平台的开发相应的配置需要放到指定的位置才能够生效。而uni-app引入腾讯视频小程序有两种方式一种是整个小程序可使用(小程序中所有的分包可以使用),第二种是指定对应的分包可使用。

指定整个小程序可使用:

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

1
2
3
4
5
6
7
8
9
10
11
"mp-weixin": {
        /* 小程序相关配置 */
        "usingComponents"true,//是否启用自定义组件模式
"appid""小程序AppID""plugins": {
            "tencentvideo": {
"version""1.3.6""provider""腾讯视频小程序AppID"
}
        }
}
指定到对应的分包中使用:

如果插件只在(同一个插件不能被多个分包同时引用)一个分包用到,可以单独配置到分包中,这样插件不会随主包加载,可以在pages.jsonsubPackages中声明插件:

{
  "subpackages": [
      "root""package1"//分包名称
: [
"pages/cat""pages/dog"
      ],
: {
"腾讯视频小程序AppID"
}
  ]
    // #ifdef  MP-WEIXIN
"txv-video""plugin://tencentvideo/video"
// #endif
<view>
           <!--vid中的腾讯视频id最好为动态的数据,方便管理-->
<txv-video :vid="VideoId" playerid="txv1"></txv-video>
</view>
 
 
export default {
        return {
'c3029q7tdnp'
};
}

相关文章

咱们国内现在手机分为两类,Android手机与苹果手机,现在用的...
前言 上一篇做了php的微信登录,所以也总结一下Java的微信授...
前言 上一篇文章写到如何上架IOS应用到Appstore,其中漏掉了...
文件-新建-1.项目 ┌─uniCloud 云空间目录,阿里云为uniClo...
Flexbox #Flex 容器 Flex 是 Flexible Box 的缩写,意为&...
globalStyle 用于设置应用的状态栏、导航条、标题、窗口背景...