Discussion :

[rvm31]

Bonjour

J'essaye de gérer des événements sur une vidéo.

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 vid = document.getElementById("myVideo");
var lenght=vid.duration;
 
// Assign an ontimeupdate event to the video element, and execute a function if the current playback position has changed
vid.ontimeupdate = function() {myFunction()};
 
function myFunction() {
var test="la vidéo démarre";
if(vid.currentTime>1)test="la première seconde est passée";
if(vid.currentTime>3)test="déjà 3 secondes que vous avez commencé";
if(vid.currentTime=vid.duration)test="c'est fini";
 
    // Display the current position of the video in a p element with id="demo"
    document.getElementById("demo").innerHTML = vid.currentTime;
document.getElementById("demo2").innerHTML = test;
document.getElementById("dur").innerHTML = lenght;
}

Mais avec ce script ma video va directement à la fin, l'erreur vient de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if(vid.currentTime=vid.duration)test="c'est fini";

puisque cela fonctionnait avant cette ligne.
Ensuite je ne comprend pas pourquoi ma variable lenght me renvoie NaN
et dernière chose les texte apparait au dessus de la vidéo sur la page, mais si je met la vidéo plein écran le texte n'apparait plus.
Y a t-il une solution pour que le texte suive le format de la vidéo.

[Bovino]

C'est un peu normal...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if(vid.currentTime=vid.duration)test="c'est fini";

Tu indiques qu'il faut aller à la fin de la vidéo en affectant le currentTime...

Ensuite je ne comprend pas pourquoi ma variable lenght me renvoie NaN

Peut-être parce que ta vidéo n'est pas complètement chargée au moment où tu demandes sa durée.

les texte apparait au dessus de la vidéo sur la page, mais si je met la vidéo plein écran le texte n'apparait plus.

Il semblerait que "plein écran" signifie que la vidéo prenne tout l'écran et à priori, ça implique que les autres éléments de la page n'ont plus vraiment de place pour être affichés...

Pour finir

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

vid.ontimeupdate = function() {myFunction()};

est inutilement compliqué

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

vid.ontimeupdate = myFunction;

suffit amplement.

[rvm31]

Merci Bovino
J'ai corrigé l'erreur de comparaison

Peut-être parce que ta vidéo n'est pas complètement chargée au moment où tu demandes sa durée.

C'était effectivement ça j'ai modifié comme ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
vid.oncanplay= function(){
	document.getElementById("dur").innerHTML = vid.duration;
}

Il semblerait que "plein écran" signifie que la vidéo prenne tout l'écran et à priori, ça implique que les autres éléments de la page n'ont plus vraiment de place pour être affichés...

Alors existe t-il une fonction qui permet d'annuler la fonction plein écran, lorsque la vidéo est finie elle revient à sa taille d'origine, comme si on cliquait sur le bouton plein écran.

[Bovino]

Peut-être avec document.exitFullscreen() (sans oublier les versions préfixées au cas où), mais sans garantie que ça fonctionne avec les vidéos (jamais testé).

[rvm31]

j'ai essayé ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
vid.ontimeupdate = function() {myFunction()};
function myFunction() {
var test="la vidéo démarre";
if(vid.currentTime>1)test="la première seconde est passée";
if(vid.currentTime>3)test="déjà 3 secondes que vous avez commencé";
if(vid.currentTime>5)test="Plus de 5 secondes se sont écoulées";
if(vid.currentTime==vid.duration){
	document.exitFullScreen();
	test="qu\'est il arrivé au papillon de Big Buck Bunny<br><input type='radio' name='bbd' value='1'> il a mangé une pomme <br><input type='radio' name='bbd' value='2'> il s\'est mangé une pomme<br><input type='submit' value='repondre'>";
}

mais il y a encore quelque chose que je n'ai pas compris.
J'ai une erreur undefined is not a function