微信小程序中关于腾讯视频的使用

在开发一个小程序项目时，需要在页面中观看视频，就需要使用到微信小程序的腾讯视频插件，这样就可以在页面中引用腾讯视频，而无需使用自己的服务器进行视频的播放，节约了很大的服务器开支。

一、在小程序中引入插件。

进入微信公众平台，在设置中找到第三方服务，在插件管理中添加插件。搜索到腾讯视频，点击添加，同时打开腾讯视频的详情，在里面找到该插件的appid与版本号

在app.json中添加

"plugins": {

    "tencentvideo": {

      "version": "1.3.18",

      "provider": "wxa75efa648b60994b"

    }

 

 

 

二、在需要使用的页面中引用该插件的组件

打开想要使用插件页面的json文件，在里面添加

  "usingComponents": {

    "txv-video": "plugin://tencentvideo/video"

  }

三、在页面中使用组件

    <txv-video wx:if="{{!videoItem.hide && videoItem.vid && !videoError}}" width="100%" height="100%" title="{{videoItem.contentBrief || ''}}" vid="{{videoItem.vid}}" playerid="{{videoItem.vid}}" autoplay="{{videoItem.autoPlay}}" show-center-play-btn='{{true}}' loop="{{false}}" isHiddenStop="{{true}}" binderror="loadedError"></txv-video>

vid是腾讯视频的vid，playerid是该txv-video唯一识别码，这个组件不能通过css进行样式修改

转载：https://blog.csdn.net/weixin_34233618/article/details/91479418