Como identificar que o elemento de mídia html5 está parado e aguardando a continuação da reprodução de mais mídias

Estou trabalhando comMediaSource eSourceBuffer para reproduzir vídeo html5. Estou buscando seqüencialmente fragmentos de DASH para continuar a reprodução ininterrupta de vídeo. Mas, às vezes, devido às condições da rede,SourceBuffer fica sem dados para continuar jogando. Quando esses dados chegam, o jogo é retomado. Mas entre esse período, o vídeo parece parado. Quero adicionar algumas indicações visuais sobre o elemento de mídia, de que ele está em pausa como seus dados obrigatórios em buffer.

Tentei vincular eventos 'em espera' e 'paralisados' em vídeo, mas nenhum dos eventos foi acionado.

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

Existe outra maneira de saber se a mídia foi interrompida e quando é retomada?

Obrigado.

questionAnswers(2)

yourAnswerToTheQuestion