官方网站:https://m.v.qq.com/txp/v3/src/jsapi/demos.html
腾讯视频统一播放器是视频应用于全平台播放(电脑,手机,平板电脑,电视[Sumsang],支持点播和直播,支持自定义插件的JavaScript框架。
基础使用
// html
<div id="mod_player"></div>
// js
var player = new Txplayer({
containerId: 'video_tag',
vid: 'r0018hmh1pa',
width: '100%',
height: screen.availHeight / 2,
// poster: obj.pic 视频封面地址
// 自动播放
autoplay: false,
});
var _playStatus = obj.playStatus;
下面是一些方法的踩坑记录
player.on('ready', () => { // 初始化使用下面的方法时必须先声明这个,不管里面写不写内容
});
var temp = 'a'
player.on('timeupdate', (parmas) => {
if (temp == 'a') { // 此方法用于让视频跳转到指定位置播放
// 虽然player提供了seekTo方法用于跳转到指定位置
// 但是在4G环境下此方法无效,只能采用下列方法解决
setTimeout( () => { // 部分机型在4G下不加定时器,也无法跳转
parmas.videoTag.currentTime = 200
}, 500)
temp = 'b'
}
if (player.getCurrentTime() == player.getDuration()) { // 用于播放结束触发时间
}
if (parmas.videoTag.currentTime >= obj.delayTime) { // 用于在播放到指定时间调用下列事件
}
});
player.on(eventName, callback)
player.trigger(eventName, args)
player.off(eventName, [callback])
player.once(eventName, callback)