JS方式

视频点播：

<div id="container"></div>
<!-- 使用相对协议，同时支持http和https -->
<script src='//vm.gtimg.cn/tencentvideo/txp/js/txplayer.js'></script>
<script>
    var player = new Txplayer({
        containerId: '点播容器dom的ID',
        vid: '点播vid',
        width: '600',
        height: '400',
        autoplay: true
    });
</script>

视频直播：

<script src="//ossweb-img.qq.com/images/js/jquery/jquery-1.11.3.min.js"></script>
<script src="//vm.gtimg.cn/tencentvideo/txvlive/2017/txvlive.js"></script>
<script>
    var config = {
        containerId: '直播容器dom的ID',
        vid: '直播ID',
        livepid: '',
        width: '670',
        height: '377',
        autoplay: true
        };
    var player = new TxvLive(config);
    player.on('ready', function () {
    //准备完成开始播放
    });
</script>

API：

player.play(); //播放视频，可用作无刷新切换

// 播放视频对象参数

player.play({vid: 'xxx', autoplay: true})

// 播放视频vid 字符串参数

player.play('xxx')

player.pause(); //暂停视频

player.togglePlayPause(); //暂停或播放视频

player.seekTo( Number::time ) //跳到指定时间点播放

player.getPlayerState() //获取视频播放状态(-1（未开始）、0（已结束）、1（正在播放）、2（已暂停）、3（正在缓冲）)

player.mute(); //静音

player.unMute();//取消静音

player.setPoster(String::url); //设置封面图