javascript - 监听 HTML5 Audio 元素何时停止播放

Question

当 HTML5 音频元素停止播放时，我需要调用一个函数。具体来说，该函数将重置搜索栏并将暂停图标更改为播放图标。

这是我的 JavaScript:

var audio = document.getElementById('audio');

audio.addEventListener('ended', stopAudio);

function stopAudio() {
    audio.stop();
    $('.play-pause .play').show();
    $('.play-pause .pause').hide();
}

..只有里面的代码一旦调用就不会执行。音频正在成功播放并成功结束，它只是没有调用我的函数。我错过了什么？

Answer 1

这是因为当我认为您打算使用 getElementsByTagName 时，您正在使用 getElementById 并传递 audio，要么是这样，要么是您的错误音频元素的 id。