J'essaie d'incrémenter variable lorsque la vidéo atteint un point de repère

Question

J'utilise le flux joueur et quand ma vidéo atteint un certain point de repère je suis déclenchement d'alerte qui a de la valeur de la variable 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> 

maintenant Je veux chaque fois que la vidéo atteint le point de repère, la valeur de i à la première pause doit être de 1 puis à la deuxième pause devrait être 2 et ainsi de suite ...

Maintenant la valeur de i = 1 tout le temps dans tous des alertes lorsque la vidéo atteint le point de repère!

Answer 1

Apportez i en dehors de la fonction comme ci-dessous: -

<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> 

Note: - vous êtes réinitialisant i à nouveau et de nouveau et c'est pourquoi 1 toujours à venir en sortie

Answer 2

j'ai compris je n'étais pas sortir de la boucle et oui comme Anant dit que je devais i avant que le liant initialise de flowplayer, voici le code de travail:

<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>