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