我想在视频达到提示点时增加变量

时间:2017-02-25 11:33:00

标签: javascript jquery html video flowplayer

我正在使用流量播放器,当我的视频到达某个提示点时,我触发的警报值为i变量:

<script type="text/javascript"> 
    flowplayer(function (api, root) {
      api.bind("cuepoint", function () {
        api.pause();
        var i = 0 ;
        $(".quiz").slideDown(2000);
        $("."+i).fadeIn(2000);
        do {
            i++;
            alert(i);
            }
        while (i < 3);
        $('.done').click(function () {
        api.play();
        $(".quiz").slideUp(2000);
    });
      });
    });
</script>

现在我希望每次视频到达提示点时,第一次暂停时i的值应为1,然后第二次暂停应为2,依此类推......

当视频到达提示点时,所有警报中的i值始终为1!

2 个答案:

答案 0 :(得分:1)

i置于函数之外,如下所示: -

<script type="text/javascript"> 
    flowplayer(function (api, root) {
      var i = 0 ;
      api.bind("cuepoint", function () {
        api.pause();

        $(".quiz").slideDown(2000);
        $("."+i).fadeIn(2000);
        do {
            i++;
            alert(i);
             break;
            }
        while (i < 4);
        $('.done').click(function () {
        api.play();
        $(".quiz").slideUp(2000);
    });
      });
    });
</script>

注意: - 您一次又一次地重新初始化i,这就是为什么1总是作为输出

答案 1 :(得分:1)

我发现我并没有突破循环,是的,因为Anant告诉我需要在流媒体活页夹之前初始化我,这是工作代码:

<script type="text/javascript"> 
    flowplayer(function (api, root) {
        var i = 0 ;
      api.bind("cuepoint", function () {
        api.pause();

        $(".quiz").slideDown(2000);
        do {
            i++;
            alert(i);
            break;
            }
        while (i < 4);
        $('.done').click(function () {
        api.play();
        $(".quiz").slideUp(2000);
    });
      });
    });
</script>