视频问答功能播放器(视频问答)视频弹题功能实例

视频问答播放器是一种互动教学工具，在视频播放过程中弹出题目卡，学员答题后才能继续观看，提升学习参与度。视频问答功能播放器(视频问答)视频弹题功能实例：

视频播放器的视频问答功能（也叫问答播放器、视频弹题、视频问答功能）是一种互动的教学功能，在教育培训机构中，用的比较多。视频问答功能，​主要是在视频播放过程中​，弹出问题卡片，学员回复问题后，再继续播放，增强学员的参与度和学习效果。 

视频问答播放器接口

如果您的业务场景需要更加灵活的控制方式，或者题库在自身的业务系统，还可以通过播放器提供的问答接口来实现。

问答相关的播放器接口： 

名称	参数及类型	说明
sendQuestion	(Array)	设置视频关联的问答题目
changeQuestion	（Number,Array）	替换指定时间点对应的问答题目

事件： 

名称	说明
onQuestionPopUp	问题弹出时触发
onQuestionSkip	问题被跳过时触发
onAnswerResult	提交答案后触发

使用方式： 

在播放器初始化后，可以通过sendQuestion接口设置本次视频播放过程中需要显示的问答题目。通过监听问答相关事件，可以进行自身业务的处理。changeQuestion用于修改指定时间点需要显示的问答题目，比如，答错回退后，再次弹题时显示不同的问题。

代码示例如下： 

<div id="player"> </div> 
<script src="//player.polyv.net/resp/vod-player/latest/player.js"></script> 
<script>
  var player = polyvPlayer({
    wrap: '#player',
    width: 800,
    height: 533,
    vid: '88083abbf5bcf1356e05d39666be527a_8',
});
player.on('s2j_onPlayerInitOver',
function(e) {
    var question1 = [{
        "examId": "1699e49ffeb",
        "question": "第1个问题:1 x 2 = ?",
        "choices": [{
            "answer": "1"
        },
        {
            "answer": "2",
            "right_answer": 1
        },
        {
            "answer": "3"
        },
        {
            "answer": "4"
        }],
        "answer": "",
        "wrongAnswer": "",
        "skip": true,
        "wrongTime": 5,
        "showTime": 10
    }];
    player.sendQuestion(question1);
});
window.onQuestionSkip = function(data, vid) {
    console.log('onQuestionSkip', data, vid);
}
window.onQuestionPopUp = function(data, vid) {
    console.log('onQuestio