jQuery：在mouseleave上停止音频

Question

当有人徘徊div时，我正在使用以下脚本播放声音。

$(document).ready(function(){
 var birdaudio = birdhover.find('audio')[0];    

 $('.sound').mouseenter(function(){ birdaudio.play(); });
 $('.sound').mouseleave(function(){ birdaudio.stop(); });
});

它实际上有效，但音频一直播放到声音结束，即使不再徘徊。有什么我可以做的，以防止这种情况？我不想当你'鼠标'去div时音频会停止。

希望得到帮助！

Answer 1

HTML5媒体元素没有.stop()。您必须在元素上调用pause()。

为了完全复制停止的功能（停止音频并将其播放位置设置为最开始），您将使用pause()跟随birdaudio.currentTime = 0来电。