Paramètres gestion vidéo

Bonjour

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

Code:

---

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:

---

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.

:roll:

C'est un peu normal...

Code:

---

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

Citation:

---

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.

Citation:

---

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:

---

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

---

est inutilement compliqué

Code:

---

vid.ontimeupdate = myFunction;

---

suffit amplement.

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

Citation:

---

Envoyé par Bovino

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:

---

1 2 3

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

---

Citation:

---

Envoyé par Bovino

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.

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é).

j'ai essayé ça

Code:

---

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