mpvue 如何使用騰訊視頻插件？

1.在小程序微信開放平臺：設置 --- 第三方服務裏，申請騰訊視頻插件

2.申請成功後就能夠在項目中使用了

具體使用步驟以下：
1.在項目目錄src下的main.js中加入下面代碼，這裏代碼會被編譯到app.json中

config: {
    // 頁面前帶有 ^ 符號的，會被編譯成首頁，其餘頁面能夠選填，咱們會自動把 webpack entry 裏面的入口頁面加進去
    pages: ['^pages/index/main'],
    window: {
      backgroundTextStyle: 'light',
      navigationBarBackgroundColor: '#00B26A',
      navigationBarTitleText: 'WeChat',
      navigationBarTextStyle: 'black',
    },   
    //重點代碼 
    //myPlugin  這個能夠隨意起，不過要和pages中的對應組件路徑保持一致，version是插件版本號   provider是插件appid
    "plugins": {
      "myPlugin": {
        "version": "1.1.1",
        "provider": "wxa75efa648b60994b"
      }
    }



  },

2.在項目pages下任意頁面 例如index下main.js
config字段中加上如下代碼 注意這裏的myPlugin字段 和上面的配置路徑保持一致

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

3.在index.vue 文件
template中寫入如下代碼 打開微信開發者工具發現視頻已經開始播放了

<txv-video vid="m0026z2kibn" playerid="txv1" :autoplay="true"></txv-video>

vid是騰訊視頻的vid， 打開騰訊視頻網站，打開任意視頻，右鍵 -- 視頻信息，就能夠看到vid ， 右鍵-- 複製調試信息，就能夠把vid在內的視頻信息複製出來。

4.視頻插件元素支持的屬性:

vid 視頻id
    playerid 播放器標識符
    autoplay 是否自動播放
    bindtimeupdate 播放進度更新事件，1.1.0後支持
    bindstatechange 播放狀態變動事件，1.1.0後支持
    binderror 錯誤信息，1.1.0後支持

5.視頻插件的更多js方法以下

const txvContext = requirePlugin("myPlugin");
export default {
      data() {
        return {
          txvContext : ""
        };
      },
    onLoad: function (query) {        
        this.txvContext = txvContext.getTxvContext('txv1');//txv1即播放器組件的playerid值
    },
    methods:{
       //播放
        play: function () {
            this.txvContext.play();
        },
        //暫停
        pause: function () {
            this.txvContext.pause();
        },
        //進入全屏
        requestFullScreen: function () {
            this.txvContext.requestFullScreen();
        },
        //退出全屏
        exitFullScreen: function () {
            this.txvContext.exitFullScreen();
        },
        //設置播放速率
        playrate: function (e) {
            this.txvContext.playbackRate(+e.currentTarget.dataset.rate);
        }
    }
}