mpvue怎样运用腾讯视频插件？

1.在小顺序微信开放平台：设置 &＃8212; 第三方效劳里，请求腾讯视频插件

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中写入以下代码 翻开微信开发者东西发明视频已最先播放了

vid是腾讯视频的vid， 翻开腾讯视频网站，翻开恣意视频，右键 &＃8212; 视频信息，就能够看到vid ， 右键&＃8211; 复制调试信息，就能够把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);
}
}
}