只需要一个vid!!把视频上传到腾讯视频之后得到vid!!就可以在自己的小程序上播放视频了!!流畅到爆!!
// 在你们的wxml上这样插入视频元素
<tx-video vid="e0354z3cqjp"></tx-video>
本github仓库就是一个示例项目
首先,参见微信官方的插件使用文档申请插件权限,在申请使用插件的使用时,填写以下appid:wxa75efa648b60994b
如果您不是通过社交渠道找到我们再申请接入的话,请在本仓库里提一个issue留下你的联系方式(qq/微信)及小程序名字,以便后续联系。如果不留的话,可能不会给你们通过。
参见官方文档即可,目前最新版本为:1.0.3
wxml
<txv-video
vid="e0354z3cqjp" // 可使用vid="{{vid}}"的方式应用data变量
playerid="txv1"
autoplay="{{true}}" // 是否自动播放
></txv-video>
组件元素支持的属性:
vid视频idplayerid播放器标识符autoplay是否自动播放bindtimeupdate播放进度更新事件,1.0.3后支持bindstatechange播放状态变更事件,1.0.3后支持binderror错误信息,1.0.3后支持
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); // 设置播放速率