InvalidStateError dans IE11 lors d'une tentative de rembobinage et de pause vidéo

Je construis un site Web où les vidéos commencent à être jouées lorsque vous déplacez le pointeur de la souris sur elles. Lorsqu'un utilisateur quitte la zone vidéo, il fait une pause et revient à la première image. Cela fonctionne parfaitement dans tous les navigateurs en dehors de IE. Quand j'ouvre la console de développement il me montre un "InvalidStateError" juste au-dessus de la partie de code qui manipule la fonction d'arrêt. Pourquoi IE se comporte-t-il comme ça? Merci pour toute contribution à ce sujet.InvalidStateError dans IE11 lors d'une tentative de rembobinage et de pause vidéo

Voici la partie du code qui déclenche l'erreur:

var figure = $('.servus_video').hover(playVideo, stopVideo); 

function playVideo(e) { 
    $('video', this).get(0).play(); 
} 

function stopVideo(e) { 
    $('video', this).get(0).currentTime = 0; 
    $('video', this).get(0).pause(); 
}

Screenshot from IE11 debugger

Source

2017-04-25 jim_mccann

Si vous supprimez la ligne: $ ('video', this) .get (0) .currentTime = 0; , ça marche dans IE? Je pense que c'est ce qui provoque votre problème (Voir: http: //stackoverflow.com/questions/20240088/issue-setting-currenttime-in-html5-video) –

Merci, cela corrige réellement l'erreur, mais je ne peux pas apprenez comment je pourrais implémenter l'écouteur d'événement "canplay", qui est mentionné dans votre lien, dans ma fonction hover. J'ai vraiment besoin de revenir à la première image. –

Il ne joue même pas dans IE11 et je ne sais pas pourquoi. J'ai cherché l'Internet pendant des heures mais je n'ai pas encore trouvé de solution. –

Ok, après les heures de dépannage j'ai réalisé que IE a répondu avec « Source non valide » que je ne pouvais pas voir parce que J'ai désactivé les contrôles pour la vidéo. Après avoir triplé les paramètres de mon encodeur et vérifié qu'ils étaient corrects, je suis tombé sur un document dans lequel MS indique que la hauteur maximale supportée d'un fichier vidéo est de 1088px. 1088 !? Mes vidéos étaient 720x1280px (portrait). Après avoir changé la résolution à 612x1088px tout a fonctionné.

https://msdn.microsoft.com/en-us/library/windows/desktop/dd797815(v=vs.85).aspx

Source

2017-04-26 12:05:23

InvalidStateError dans IE11 lors d'une tentative de rembobinage et de pause vidéo

Répondre

Questions connexes