1.在小程序微信开放平台：设置-第三方服务，申请腾讯视频插件

2.应用成功后，可以在项目中使用

具体使用步骤如下：

1.将下面的代码添加到项目目录src中的main.js中，在这里代码将被编译成app.json

Config: {//如果页面前面有符号，会编译成第一页，其他页面可以随意填写。我们将自动将网络包条目中的条目页面添加到第3360页['页面/索引/主页面']。window : { backgroundtextstyle : ' light '，navigationbarbackgroundcolor : ' # 00b 26a '，navigationBarTitleText: '微信'，导航栏文字样式：' black '，}，//键码//myPlugin可以随意启动，但应该与页面中对应的组件路径一致。版本是插件版本号。该提供程序是插件appid“plugins”: {“my plugin”: {“version”:“1 . 1 . 1”，“provider”:“wxa 75 EFA 648 b 60994 b”} }，2。项目页面下的任何页面，如index下的main.js。

向配置字段添加以下代码。请注意，这里的myPlugin字段与上面的配置路径一致

使用组件' : { 'txv-video': '插件：//my plugin/video ' }

3.在index.vue文件中

在模板中写下以下代码，打开微信开发者工具，发现视频已经开始播放

txv-video vid=' m 0026 z2kibn ' play erid=' txv 1 ' : autoplay=' true '/txv-video vid是腾讯视频的vid。打开腾讯视频网站，打开任意视频，右键-视频信息，可以看到vid，右键-复制调试信息，可以复制包括vid在内的视频信息。

4.视频插件元素：支持的属性

vid video idplayerid播放器标识符自动播放会自动播放bindtimeupdate播放进度更新事件。1.1.0之后支持bindstatechange播放状态更改事件，1.1.0之后支持binderror错误消息，1.1.0之后支持。

5.视频插件的更多js方法如下

const txvContext=require plugin(' my plugin ')；导出默认{ data(){ return { TxVcontext : ' ' }；}，onLoad:函数(查询){ this . TxVcontext=TxVcontext . GetXVcontext(' txv 1 ')；//txv1是player组件的playerid值，} methods : {//play play 3360 function(){ this . txv context . play()；}，//paue : function(){ this . txvcontext . pause()；}，//输入全屏requestfullscreen :函数(){ this . txvcontext . request full screen()；}，//退出全屏退出全屏：函数(){this。txvcontext。退出全屏()；}，//设置播放速率playrate:函数(e){ this . txv context . playback rate(e . current target . dataset . rate)；}}}以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。