¿Cómo saber si un elemento <video> se está reproduciendo actualmente?

Question

Veo que la interfaz MediaElement expone atributos como paused, seeking y ended. Desaparecido de la lista, sin embargo, es playing.

Sé que hay playing events que se activan cuando un elemento se inicia de juego, y timeupdate events eventos periódicamente durante el juego, pero estoy buscando una manera de determinar si un vídeo se está reproduciendo en este momento . ¿Hay alguna manera fácil de determinar esto?

El más cercano que tengo es:

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

Answer 1

No es un atributo específico que revelará si un MediaElement está jugando actualmente. Sin embargo, puede deducir esto del estado de los otros atributos. Si:

• currentTime es mayor que cero, y
• paused es falso, y
• ended es falso

entonces el elemento está jugando actualmente.

También es posible que deba comprobar readyState para ver si el medio se detuvo debido a errores.

Answer 2

Véase mi respuesta aquí: HTML5 video tag, javascript to detect playing status?

Básicamente, como se dijo antes no existe la propiedad única de comprobar pero de acuerdo a la especificación que es una combinación de condiciones.

Answer 3

var video = $('selector').children('video'); 

var videoElement = video.get(0); 

if (!videoElement.paused) {} 

Una forma de hacerlo es usando jQuery

Answer 4

Ha sido un largo tiempo, pero aquí hay una gran punta. Puede definir .playing como una propiedad personalizada para todos los elementos multimedia y acceder a ella cuando sea necesario. Aquí es cómo:

Object.defineProperty(HTMLMediaElement.prototype, 'playing', { 
    get: function(){ 
     return !!(this.currentTime > 0 && !this.paused && !this.ended && this.readyState > 2); 
    } 
}) 

Ahora usted puede usarlo en <video> o <audio> elementos como este:

if(document.querySelector('video').playing){ // checks if element is playing right now 
    // Do anything you want to 
}