jQuery: остановить звук при отпускании мыши

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.