小程序插件使用-腾讯视频插件

在使用插件前都得先去小程序开放平台添加插件到自己的小程序（注意添加后不是立刻能使用，需要等待审核，不过一般都会很快）

 设置 --- 第三方服务 --- 插件管理 ---添加插件  --- 腾讯视频 

腾讯视频插件的AppID: wxa75efa648b60994b

腾讯视频插件的版本号：1.1.1



 具体怎样使用腾讯视频插件呢？

 接入步骤如下：



 1.在app.json文件加入插件引入配置



 "plugins": { 
    "tencentvideo": { 
        "version": "1.1.1", 
        "provider": "wxa75efa648b60994b" 
      } 
  }

  2.新建一个Page： video；会自动生成四个文件 video.js,video.json,video.wxml,video.wxss
  
  3.我们在video.json文件里面加入如下配置：

 

 "usingComponents": { 
    "txv-video": "plugin://tencentvideo/video" 
   }

 

4.在video.wxml 中引入组件，代码如下:
 <txv-video playerid="txv1" vid="h07290i9vt0">
  </txv-video>
 

  注意：vid 这个值是动态配置的，腾讯视频每个视频都有的  

  5.运行~视频就播放了   

error示例:

jsEnginScriptError
Component is not found in path "plugin://wxa75efa648b60994b/txv-video" (using by "pages/video/video")
Error: Component is not found in path "plugin://wxa75efa648b60994b/txv-video" (using by "pages/video/video")  

  解决：
  video.json文件里面是不是写成了plugin://tencentvideo/txv-video，这样是错误的，应该是如下配置(v1.1.1)
 "usingComponents": { 
    "txv-video": "plugin://tencentvideo/video" 
  }
上面就是简单接入腾讯视频插件步骤！

另外官方还提供了插件 js api
const TxvContext = requirePlugin("tencentvideo");
let txvContext = TxvContext.getTxvContext('txv1') // txv1即播放器组件的playerid值

txvContext.play();  // 播放
txvContext.pause(); // 暂停
txvContext.requestFullScreen(); // 进入全屏
txvContext.exitFullScreen();    // 退出全屏
txvContext.playbackRate(+e.currentTarget.dataset.rate); // 设置播放速率
官方文档：https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wxa75efa648b60994b