对象＃<htmlaudioelement>没有方法＆＃39;停止＆＃39; </htmlaudioelement>

Question

$(function(){
    var clickhover     = $('.click');
        var clickaudio = clickhover.find('audio')[0];

    clickhover.hover(function(){
       clickaudio.play();
    }, function(){
       clickaudio.stop();
    });
}

未捕获TypeError：对象＃没有方法'停止'？怎么做???

Answer 1

对于HTML5音频元素，此方法称为.pause()，而不是.stop()。

您可以在this MDN page上看到此方法的用法（等等）。

Answer 2

您可以创建stop()方法（因为当前不存在，因此您遇到的问题）：

HTMLMediaElement.prototype.stop = function(){
    this.pause();
    this.currentTime = 0;
};

使用HTMLMediaElement而不是HTMLAudioElement，应该允许在audio和video元素上调用相同的方法。