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的呼叫。