小程序插件使用-騰訊視頻插件

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

 設置 --- 第三方服務 --- 插件管理 ---添加插件  --- 騰訊視頻 

騰訊視頻插件的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