腾讯视频小程序插件

腾讯视频小程序插件

腾讯视频小程序播放插件

只需要一个vid！！把视频上传到腾讯视频之后得到vid！！就可以在自己的小程序上播放视频了！！流畅到爆！！

// 在app.json里面引入插件，注意插件版本号填最新的版本号"plugins": { "tencentvideo": { "version": "1.2.4", "provider": "wxa75efa648b60994b" }}

// 在你们的json里面插入"usingComponents": { "txv-video": "plugin://tencentvideo/video"}

// 在你们的wxml上这样插入视频元素

有任何疑问请加qq群:807339057

付费去广告，过程中遇到任何问题，欢迎加群反馈

本github仓库就是一个示例项目，包含feed列表（不卡顿）、单视频、多视频场景

QQ小程序接入方式

QQ小程序也支持用视频播放插件啦，接入步骤与微信小程序类似，只是appid和版本号不一样，详见官方文档，尽量使用最新版本插件，如有问题，可在开发社区下查找或者到github提交issues

// 在app.json里面引入插件，注意插件版本号填最新的版本号"plugins": { "tencentvideo": { "version": "1.0.0", // QQ小程序插件版本号 "provider": "1109840991" // QQ小程序的APPID }}

播放器组件的使用方式与微信小程序一致，具体属性和事件请看下方

微信小程序接入方式

申请使用插件 appid:wxa75efa648b60994b

首先，参见微信官方的插件使用文档申请插件权限，在申请使用插件的使用时，填写以下appid:wxa75efa648b60994b

引入插件代码

参见官方文档与示例项目，尽量使用最新版本插件，如有问题，可在开发社区下查找或者到github提交issues

使用播放器组件

wxml

// 支持slot，用于在video上显示UI // 是否自动播放 video slot

组件元素支持的自定义属性：

vid 视频idplayerid 播放器标识符,需全局唯一，用于获取Video Context，进而手动控制播放width 视频宽度height 视频高度isHiddenStop 是否在不可见区域自动停止播放，默认false，即滑到不可见区域不停止播放isNeedMutex 是否互斥播放，默认true，即播放一个视频另一个播放的视频自动被暂停

组件元素支持的video属性，属性取值与video一致（插件支持小程序video的大部分属性）

autoplay 是否自动播放poster 视频海报，会根据视频vid拿一个默认值usePoster 是否使用海报图direction 视频全屏时方向objectFit 视频填充方式controls 视频播放控件showCenterPlayBtn 是否显示中间播放按钮

/* V1.2.4 */

enableDanmu 是否允许弹幕，默认falsedanmuBtn 是否显示弹幕button，默认falsedanmuList 弹幕数据列表，具体数据格式请看小程序官网video组件

/* V1.2.5 */

defn 视频清晰度，默认auto，可选值：流畅，标清，高清，超清，蓝光，4K，杜比

/* V1.2.6 */

title 视频全屏时显示的标题

/* V1.3.3 */

vslideGesture Boolean，非全屏下，上下滑动调节亮度和音量，默认falsevslideGestureInFullscreen Boolean，全屏下，上下滑动调节亮度和音量，默认trueenablePlayGesture Boolean，双击播放或者暂停视频，默认falseshowMuteBtn Boolean，是否显示静音按钮，默认falseplayBtnPosition String，播放按钮位置，默认bottom，可选值center

组件元素抛出的自定义事件

bindstatechange 播放状态变更事件，包含loading(资源加载中), ready(资源加载完成), playing(播放中，包含广告和视频), ended(广告和视频都播放完成), error，回调函数接受两个参数newstate，oldstate

组件抛出了小程序video抛出的所有事件，事件含义与video一致:

bindplay 播放bindpause 暂停bindended 播放结束，e.detail.isAd可以用来区分是广告还是视频bindfullscreenchange 全屏bindtimeupdate 播放进度更新事件binderror 视频播放错误信息

插件 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); // 设置播放速率txvContext.seek(time); //快进到某个时间//获取当前播放视频上下文，多个实例时特别有用var currPlayerId=TxvContext.getLastPlayId(); //获取当前播放视频的playeridvar currPlayerContxt=TxvContext.getTxvContext(currPlayerId) //获取当前播放视频的上下文，可进行play，pause等操作//开启和关闭播放器日志，默认关闭TxvContext.openLog() //开启TxvContext.closeLog() //关闭/* V1.2.4 */* `sendDanmu` 发送弹幕，具体数据格式请看小程序官网video组件* `hideVideo` 隐藏视频插件里面的播放器* `showVideo` 显示视频插件里面的播放器* `showContainer` 显示视频插件里面的最外层容器* `hideContainer` 隐藏视频插件里面的最外层容器/* V1.2.5 */* `hideVideoWithVoice` 隐藏视频插件，如果隐藏前正在播放，则隐藏后继续播* `showVideoWithVoice` 显示视频插件，跟上面的hideVideoWithVoice配合使用/* V1.2.6 */* `replay` 视频播放完成后，调用此方法可进行重播 用法：txvContext.replay(vid)，接受一个参数，需要重播的vid 骚操作，可以通过给vid前面或者后面加空格触发重播而不调用replay方法，如：vid+=" ";this.setData({vid})

版本功能迭代

V1.2.4及之前版本 全局只播放一个视频，并且视频滑出可见区域自动停止播放支持slot支持竖屏，海报支持广告暂停和全屏 V1.2.5 支持全屏下设置亮度支持全屏下切换清晰度 V1.3.3 cover-view改为view

常见问题

tips

Q&A

Q. 谁不能使用这个插件?A. 个人开发者不能使用视频插件，即使使用了，按理说提审会被拒绝Q. 视频播放资质问题？A. 使用视频插件播放不要求小程序主体具有文娱=》视频资质是因为视频插件具有文娱=》视频资质了，如果小程序主体还有用其他方式播放视频，那也需要文娱=》视频资质的。需要注意，如果小程序主体还有其他的需要资质功能，需要自己去办理，详细资质请看Q. 视频来源A. 禁止盗播腾讯视频版权视频，盗播是不能正常播放的，其他视频可以免费播放

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。