Comment savoir si un élément <video> est en cours de lecture ?

Question

Je constate que le Élément de média L'interface expose des attributs tels que paused , seeking et ended . Il manque toutefois à cette liste playing .

Je sais qu'il y a playing événements qui s'enflamme lorsqu'un élément commence jouer, et timeupdate événements périodiquement pendant la lecture, mais je cherche un moyen de déterminer si une vidéo est en cours de lecture. dès maintenant . Existe-t-il un moyen simple de le déterminer ?

Le plus proche que j'ai est :

!(video.paused || video.ended || video.seeking || video.readyState < video.HAVE_FUTURE_DATA)

Answer 1

var vid = document.getElementById("myVideo");
vid.onplaying = function() {
alert("The video is now playing");};

vous pouvez utiliser cette voir ceci

Answer 2

Vous pourriez vérifier l'état readyState s'il est supérieur ou égal à HAVE_FUTURE_DATA et si paused est faux. Cela pourrait confirmer que la vidéo est en cours de lecture.

Comme elle l'a expliqué dans l'affaire https://html.spec.whatwg.org/ l'événement de jeu sera déclenché lorsque : "readyState est nouvellement égal ou supérieur à HAVE_FUTURE_DATA et paused est false, ou paused est nouvellement false et readyState est égal ou supérieur à HAVE_FUTURE_DATA"