1. Javascript API方式
<script type="text/javascript" src="//vm.gtimg.cn/tencentvideo/txp/js/iframe/api.js"></script>
<script>
// 点播
var player = new Txp.Player({
containerId: 'video_container',
vid: 'w0022948t5m'
});
// 直播
var player = new Txp.LivePlayer({
containerId: 'video_container',
vid: '140313501',
livepid: '29',
});
</script>
构造函数
构造函数的参数与对应iframe引入方式的参数大部分一致(注意直播和点播不同),详细参数可以下滚本页找到iframe引入方式说明
allowFullScreen()
是否允许全屏
接口
如斯调用:
player.getVolume()
.then(function (res) { console.log(res) })
.catch(function (err) { console.error(err) })
1. Txp.Player 或者 Txp.VodPlayer
play()
播放pause()
暂停getVolume()
获取音量setVolume(volume: number)
设置音量getPlayRate()
获取播放速率setPlayRate(playrate: number)
设置播放速率getCurrentTime()
获得当前时间getPlayerState()
获得当前播放状态getDefinition()
获得清晰度seek(time: number)
跳转进度getCid()
获得视频cidgetVid()
获得视频vidgetDuration()
获得视频时长setOuterReportData(reportData: string)
设置乘风上报的字段 参数需要 encodeURIComponentgetPlayerSize()
获取播放器的尺寸getVideoSize()
获取视频的尺寸
2. Txp.LivePlayer
play()
播放stopVideo()
停止getVolume()
获取音量setVolume(volume: number)
设置音量mute()
静音unmute()
取消静音setFullScreen(fullscreen: boolean)
设置全屏getPlayTime()
获取播放时间getPlayStatus()
获取播放状态updateLoginStatus(isLogin: boolean)
通知播放器更新登录状态 [true: 已登录, false: 未登录]
事件
如斯调用:
player.on('adStart', function() {
// ...
})
1. Txp.Player 或者 Txp.VodPlayer
adStart
广告开始adEnd
广告结束playStateChange
播放状态变更definitionChange
清晰度变更timeupdate
时间变化error
出错
2. Txp.LivePlayer
showLogin
播放器通知页面需要登录(例如:在使用jsapi时,如果是未登录,点击弹幕输入框的登录按钮,则会触发这个事件)
2. IFrame Player 引入方式
点播
<iframe src="//v.qq.com/txp/iframe/player.html?vid=a00221hqpko" allowFullScreen="true"></iframe>
支持的参数列表
vid : string
点播idcid : string
点播专辑idlid : string
点播栏目idwidth : number | string
指定视频的宽度height : number | string
指定视频的高度volume : number
指定视频的播放音量autoplay : boolean
控制视频是否自动播放mini : boolean
是否使用迷你皮肤bullet : boolean
控制视频是否有弹幕开关starttime : number
控制视频开播时间点ptag : string
控制视频播放来源additionplugin : string
添加某些插件,逗号分隔(具体插件名请rtx咨询我们,用iframe jsapi的时候传数组,直接引用iframe的时候传字符串)disableplugin : string|array
去掉某些插件,逗号分隔(具体插件名请rtx咨询我们,用iframe jsapi的时候传数组,直接引用iframe的时候 传字符串)platId: number
平台id,目前只有qzone用到guid: string
顾名思义 guid ,浏览器唯一标识clientReportInfo: string(JSON字符串)
腾讯视频特有的PC客户端上报信息outerReportData: string
乘风上报数据信息 (需要encodeURIComponent)show1080p: number (1 | 0)
是否显示1080p,默认不显示flashvars: string
flash透传参数
直播
<iframe src="v.qq.com/txp/iframe/live.html?vid=140313501&livepid=1825" allowFullScreen="true"></iframe>
支持的参数列表
vid : string
直播流idlivepid : number
直播节目idwidth : number | string
指定视频的宽度height : number | string
指定视频的高度autoplay : boolean
控制视频是否自动播放bullet: boolean
是否显示弹幕输入框 (需要搭配openLogin
事件,如果是直接引用iframe的方式,那么点击弹幕输入框的登录,会直接跳转到v.qq.com首页)allowFullScreen: boolean
是否显示全屏按钮isLogin: function
返回用户是否登录 (仅 js api的方式下支持)