返回

提供微商城·微分销·小程序开店需求

5分钟开通你的微信商城店铺!
HiShop > Hi小程序 > 小程序热点 >

腾讯视频小程序插件开发文档

2018-06-25 作者:秩名

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

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

本github仓库就是一个示例项目

接入方式

申请使用插件 appid:wxa75efa648b60994b

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

引入插件代码

参见官方文档即可,目前最新版本为:1.1.0

使用播放器组件

wxml

vid="e0354z3cqjp" // 可使用vid="{{vid}}"的方式应用data变量

playerid="txv1"

autoplay="{{true}}" // 是否自动播放

>

组件元素支持的属性:

vid 视频id

playerid 播放器标识符

autoplay 是否自动播放

bindtimeupdate 播放进度更新事件,1.0.3后支持

bindstatechange 播放状态变更事件,1.0.3后支持

binderror 错误信息,1.0.3后支持

插件 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); // 设置播放速率

推荐文章

微分销 产品资料 领取开店礼包 免费体验
门店管理 裂变获客 商城开发 免费注册