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'
};
}

相关文章

文章浏览阅读52次。1.0.0版本 只需修改API接口即可 接口位置...
文章浏览阅读820次。在uni-app和vue3中,我们可以封装全局函...
文章浏览阅读671次,点赞22次,收藏6次。整理在Uniapp应用开...
文章浏览阅读122次。【代码】Uniapp Vue3 父组件给子组件传值...
文章浏览阅读765次。包括数据绑定和计算属性、条件渲染和列表...
文章浏览阅读129次。Uniapp 底部导航栏 自定义 tabBar 全端 ...