Cómo identificar que el elemento multimedia html5 está estancado y esperando que otros medios continúen reproduciéndose

Estoy trabajando conMediaSource ySourceBuffer para reproducir video html5. Estoy buscando secuencialmente fragmentos DASH para continuar la reproducción ininterrumpida de video. Pero a veces, debido a las condiciones de la red,SourceBuffer se queda sin datos para continuar jugando. Cuando llegan esos datos, se reanuda la reproducción. Pero entre este período, el video parece estancado. Quiero agregar alguna indicación visual sobre el elemento de medios, que está en pausa como sus datos requeridos de almacenamiento en búfer.

Intenté vincular eventos de 'espera' y 'estancados' en video, pero ninguno de los eventos se disparó.

var vid = $('video')[0];
vid.addEventListener('stalled', function(e) { console.log('Media stalled...');})

¿Hay alguna otra manera de saber si los medios se han estancado y cuándo se reanuda?

Gracias.

Respuestas a la pregunta(2)

Su respuesta a la pregunta