小程序-腾讯视频插件

小程序使用插件：https://developers.weixin.qq.com/miniprogram/dev/framework/plugin/using.html

1，首先要在小程序管理后台的“设置-第三方服务-插件管理”中添加插件。开发者可登录小程序管理后台，通过 appid 查找插件并添加。如果插件无需申请，添加后可直接使用；否则需要申请并等待插件开发者通过后，方可在小程序中使用相应的插件。

2，引入插件代码包
放到主包和放到子包，影响各自包的大小。建议放到子包中

app.json

主包中配置：

"plugins": {
    "tencentvideo": {
      "version": "1.3.6",
      "provider": "wxa75efa648b60994b"
    }
 },
 
子包中配置： 
 
  "subpackages":[
    {
      "root": "xxx",
      "pages": [
        "path路径"
      ],
      "plugins": {
        "tencentvideo": {
          "version": "1.3.6",
          "provider": "wxa75efa648b60994b"
        }
      }
    }

3，使用插件
在 json 文件引入插件

details.json

{
  "navigationBarTitleText": "详情",
  "usingComponents": {
    "txv-video": "plugin://tencentvideo/video"
  }
}

腾讯视频小程序插件文档：https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wxa75efa648b60994b

注意点：txv-video 显示广告时 定义了z-index为11，所以注意自己样式中z-index的值

相关属性：

组件元素支持的自定义属性：

    vid 视频id
    playerid 播放器标识符,需全局唯一，用于获取Video Context，进而手动控制播放
    width 视频宽度
    height 视频高度
    isHiddenStop 是否在不可见区域自动停止播放，默认false，即滑到不可见区域不停止播放
    isNeedMutex 是否互斥播放，默认true，即播放一个视频另一个播放的视频自动被暂停

组件元素支持的video属性，属性取值与video一致（插件支持小程序video的大部分属性）

    autoplay 是否自动播放
    poster 视频海报，会根据视频vid拿一个默认值
    usePoster 是否使用海报图
    direction 视频全屏时方向
    objectFit 视频填充方式
    controls 视频播放控件
    showCenterPlayBtn 是否显示中间播放按钮

简单代码：

  <view hidden="{{tvphide}}">
        <txv-video 
            vid="{{vid}}" 
            width="{{width}}"
            height="{{height}}"
            playerid="txv0"
            autoplay='{{false}}' 
            controls="true"
            title="{{title}}"
            vslideGesture="{{true}}"
            enablePlayGesture="{{true}}"
            playBtnPosition="center"

            bindstatechange="onStateChange"
            bindtimeupdate="onTimeUpdate"
            showProgress="{{showProgress1}}"
            show-progress="{{false}}"
            bindfullscreenchange="onFullScreenChange">
        </txv-video>
    </view>