一、播放器API

页面可以主动调用播放器api，用于获取播放器数据、设置播放器数据或改变播放器播放行为。播放器所有api如下：

1、window下的api:

2、播放器对象下的api:

使用js播放代码时播放器对象是window.cc_js_Player，同一页面多个视频时会被覆盖，可通过 on_CCH5player_ready回调获取与视频相关的播放器对象。 使用window.createCCH5Player({...})方法主动创建播放器时此方法返回值即为播放器对象。

二、回调

1、 H5 video标签相关api二次封装后的回调

使用样例

注意：目前CC H5播放器有以下可选的回调函数，需要在CC H5播放器script加载之前向全局暴露这些函数

<script>
    function on_CCH5player_ready(obj) {
        console.log('CCH5player_ready', obj);
    }

    function on_CCH5player_play() {
        console.log('CCH5player_play');
    }

    function on_CCH5player_pause() {
        console.log('CCH5player_pause');
    }

    function on_CCH5player_ended() {
        console.log('CCH5player_ended');
    }
</script>

<script src="https://p.bokecc.com/player?vid=aaa&siteid=xxx&autoStart=false&width=600&height=490&playerid=bbb&playertype=1" type="text/javascript"></script>

2、播放器回调

播放器回调方法是window对象下的方法，所有回调方法如下：

3、播放器js加载完成回调

4、错误码

5、api示例

5.1自定义问答功能使用示例

var player = createCCH5Player({
    vid:'A4F81E6E8DD693A59C33DC5901307461',
    siteid: '2661F9756E5C832E',
    width: '600',
    height: '400',
    autoStart: 'true',
    //播放器容器，可以是选择器如#id或.class等，也可以是节点对象
    parentNode: '#playerContainer'
});
function on_CCH5player_ready() {
    var questions=[{
        "answers":[
          {"right":true,"id":1,"content":"A、选项一"},
          {"right":false,"id":2,"content":"B、选项二"},
          {"right":false,"id":3,"content":"C、选项三"},
          {"right":false,"id":4,"content":"D、选项四"}
        ],
        "showTime":5,
        "explainInfo":"",
        "explainWrongAns": "",
        "jump":true,
        "backSecond":-1,
        "keepPlay":true,
        "id":10,
        "content":"问答题目1"
    }]
      player.setQuestions(questions) // 设置问答

    var data = {
        "answers": [
            {"right": true, "id": 1, "content": "A、选项一"},
            {"right": false, "id": 2, "content": "B、选项二"},
            {"right": false, "id": 3, "content": "C、选项三"},
            {"right": false, "id": 4, "content": "D、选项四"}
        ],
        "showTime": 5,
        "explainInfo": "",
        "jump": true,
        "backSecond": -1,
        "keepPlay": true,
        "id": 12,
        "content": "问答题目12"
    }
    player.changeQuestionItem(data)  // 修改某个时间点的问答
}

5.2知识点功能使用示例

function on_CCH5player_ready() {
    setKnowledge();
}
function setKnowledge() {
    var data = {
        title: '知识点',
        category: [{
            cateId: 1,
            name: '知识点1',
            info: [{
                id: 1,
                time: 4,
                desc: '知识点详情1'
            }, {
                id: 3,
                time: 7
            }]
        }, {
            cateId: 2,
            name: '知识点2',
            info: [{
                id: 1,
                time: 40,
                desc: '知识点详情3'
            }]
        }]
    };
    window.cc_js_Player.setKnowledge(data);
}

5.3宣传图功能使用示例

function on_CCH5player_ready() {
    setPublicityPic();
}

function setPublicityPic() {
    var data = {
        url: 'xxxx',    // 图片地址(必填，地址格式需以“.jpg” 、“.jpeg”、 “.gif”、 “.png”结尾)
        linkUrl: 'xxxx',  // 跳转链接（非必填，无默认值，链接需包含“https://”协议头）
        size: 20, // 大小[0,100]，按照播放器宽度进行百分比等比例缩放（必填，默认10%）
        posX: 0, // 位置:以播放器左下角为原点，图片左下角为距离点，进行横纵轴百分比设置 （必填，默认0）
        posY: 0, // 同上
        changeVideoStatus: false, // 设置时是否改变播放状态，默认为否 （非必填）
        showTime: 10, // 设置显示时长/秒，显示时长倒计时结束后自动关闭，不传此参数即无自动关闭功能（非必填）
        canClose: true, // 设置是否允许手动关闭（非必填,默认值为true）
        closeTime: 4  // 设置关闭按钮倒计时多少秒后显示，canClose为true时此参数生效（非必填，无默认值）
    }
    window.cc_js_Player.setPublicityPic(data)
}