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() 获得视频cid
• getVid() 获得视频vid
• getDuration() 获得视频时长
• setOuterReportData(reportData: string) 设置乘风上报的字段 参数需要 encodeURIComponent
• getPlayerSize() 获取播放器的尺寸
• 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 点播id
• cid : string 点播专辑id
• lid : string 点播栏目id
• width : 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 直播流id
• livepid : number 直播节目id
• width : number | string 指定视频的宽度
• height : number | string 指定视频的高度
• autoplay : boolean 控制视频是否自动播放
• bullet: boolean 是否显示弹幕输入框 （需要搭配openLogin事件，如果是直接引用iframe的方式，那么点击弹幕输入框的登录，会直接跳转到v.qq.com首页）
• allowFullScreen: boolean 是否显示全屏按钮
• isLogin: function 返回用户是否登录 (仅 js api的方式下支持)