切换html按钮暂停和恢复功能

Question

我正在播放音频文件，我想暂停并恢复此文件。我有暂停（）和resume（）函数，我有以下html按钮

<a id="btn_pause" class="btn btn-success btn-large " onclick="$('#audioLayerControl')[0].pause()"><i class="icon-pause icon-white"></i></a>

我想切换用户点击暂停按钮时调用resume（）函数的按钮。 怎么会发生这种情况？

Answer 1

看起来像jQuery，所以删除内联事件处理程序并添加适当的事件处理程序更好 然后检查audio.paused属性，以便暂停音频

$('#btn_pause').on('click', function(e) {
    e.preventDefault();

    var audio = $('#audioLayerControl').get(0);

    if (audio.paused) {
        audio.play();
    } else {
        audio.pause();
    }

});