Discussion :

[thibal25]

Bonjour � tous je suis d�butant en javascript et j'ai r�cup�r� un code qui fonctionne mais que j'aimerai am�liorer. Il permet de lire une vid�o et de faire en sorte qu'elle se mette en pause pendant un certains temps puis qu'elle reprenne sa lecture... Actuellement le code met la vid�o 5 fois en pause mais lorsqu'elle se termine et se remet en boucle le script ne fonctionne plus. J'aimerai que ma vid�o se relance et que je ne sorte pas de la boucle. Ma vid�o ne dure que 9 secondes... Merci � l'avance pour votre aide.
Voici ma boucle:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var myvideo = document.getElementById('myvideo'),
var time = [1,3,5,7,9,11]; 
        var bools = [false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false]; 
        myvideo.addEventListener("timeupdate", function()
        {            
            for (i = 0; i <= 100; i++) 
            {
                if(this.currentTime >= time[i] && bools[i] == false) {
                this.pause();
 
 
                setTimeout(function(){ myvideo.play(); playbutton.style.visibility = "hidden"; }, 1000);
                bools[i] = true;
 
                }
            }
 
        });

[SylvainPV]

C'est un peu curieux cette boucle faite 100 fois avec une liste de 25 bool�ens "false", le tout pour faire 6 pauses. Il va falloir se d�cider sur le nombre

Essaie �a:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
var myvideo = document.getElementById('myvideo');
var time = [1,3,5,7,9,11]; 
var bools = []; 
myvideo.addEventListener("timeupdate", function()
{            
   for (var i = 0; i <= time.length; i++) 
  {
       if(myvideo.currentTime >= time[i] && !bools[i]) {
           myvideo.pause();
 
           setTimeout(function(){ myvideo.play(); playbutton.style.visibility = "hidden"; }, 1000);
           bools[i] = true;
      }
   }
 
});
 
myvideo.addEventListener("ended", function()
{            
  bools = []; // quand la vidéo est finie, on réinitialise la liste des passages déjà mis en pause 
});

L� je r�initialise quand la vid�o a fini d'�tre lue (�v�nement "ended"). Tu souhaites peut-�tre avoir un autre comportement, par exemple quand on repositionne le curseur sur la ligne de temps de la vid�o (�v�nement "seeked").

Tu as la liste des �v�nements disponibles en bas de cette page: https://developer.mozilla.org/fr/doc...video_en_HTML5

[thibal25]

Merci beaucoup. �a marche de cette mani�re:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
var time = [1,3,5,7]; /*This array holds the times at which the video has to stop. The time is in seconds.*/
        var bools = [false, false, false, false, false]; /*This holds the boolean for when the time has passed.*/
        myvideo.addEventListener("timeupdate", function()
        {            
            for (i = 0; i <= time.length; i++) /*The for loop to check for the conditions. 21 stops total*/
            {
                if(this.currentTime >= time[i] && bools[i] == false) {
                this.pause();
				console.log("ok")
				if (myvideo.paused) {
                playbutton.style.visibility = "visible";
 
                }
 
				myvideo.addEventListener("click", function () {myvideo.play()});
				setTimeout(function(){ myvideo.play(); playbutton.style.visibility = "hidden"; }, 1000);
                bools[i] = true;
 
 
                }
            }
 
        });
 
myvideo.addEventListener("seeked", function(){            
  bools = [false, false, false, false]; // quand la vidéo est finie, on réinitialise la liste des passages déjà mis en pause 
});

[SpaceFrog]

J'adore le

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var bools = [false, false, false, false, false];

[thibal25]

Je suis preneur si une meilleur solution existe. Malheureusement il n' y a qu'avec ces "false" que le code fonctionne...

[SylvainPV]

�a m'int�resse de savoir qu'est-ce qui n'allait pas dans mon code. En dehors de changer l'event "ended" par "seeked" comme sugg�r�.