Question

使用html5视频，并想知道是否有办法在事件发生时列出事件。

我有一个结束 - myVideo.addEventListener（'ends'，videoEnded，false）;

哪个工作正常，但我怎样才能创建一个监听器来监听每个事件并命名它们？

myVideo.addEventListener('ALL',AddToLog,false);
function AddToLog(){
   console.log(eventname);
}

欢迎任何指示。

丹

Answer 1

也许有人会发现它对于调试很有用。使用此代码段，您可以一次预订所有<video>或<audio>事件。

但是最好从the specification研究媒体事件列表。

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);
});

多个事件监听者的功劳归于@RobG's solution。

Answer 2

你做不到。你需要听特定的事件。

您可以在the specification

中找到可能提供的活动列表

收听所有HTML视频事件

2 个答案: