Ouvir todos os eventos de vídeo html

Estava a brincar com o vídeo do html5 e estava a pensar se havia uma forma de listar os seus eventos à medida que acontecia.

Tenho um para o myVideo.addEventListener ('ended', videoEnded, false);

O que funciona bem, mas como posso criar um ouvinte que ouça todos os eventos e os nomeie?

myVideo.addEventListener('ALL',AddToLog,false);
function AddToLog(){
   console.log(eventname);
}
Todas as dicas são bem-vindas.

Dan.

Author: v3nt, 0000-00-00

2 answers

Não podes, tens de ouvir eventos específicos.

Você pode encontrar uma lista de eventos possivelmente disponíveis a partir de a especificação

 0
Author: Jani Hartikainen, 2011-10-14 09:22:59
Talvez alguém o ache útil para depurar. Se usar este excerto de código, poderá subscrever todos os Eventos <video> ou <audio> de uma vez.

Mas provavelmente é melhor estudar a lista de eventos da mídia a partir da especificação.

function addListenerMulti(el, s, fn) {
  s.split(' ').forEach(e => el.addEventListener(e, fn, false));
}

var video = document.getElementById('#video');

addListenerMulti(video, 'abort canplay canplaythrough durationchange emptied encrypted  ended error interruptbegin interruptend loadeddata loadedmetadata loadstart mozaudioavailable pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting', function(e){
    console.log(e.type);
});

Os créditos de múltiplos ouvintes de eventos vão para a solução de@RobG .

 1
Author: pwkc, 2018-06-28 09:47:10