Jquery mouseout 停止播放？

Question

大家晚上好我不知何故陷入了一个简单的问题，但无法弄清楚如何解决它。我是第一次玩 jquery。

现在在 mousenter 上它可以很好地播放音频文件，但我试图实现一个 on mouseout 函数来停止播放音频文件。我只是无法让它工作。

我希望有人能帮助我，那就太好了:)

<div class="buttonmit2ani">

            <audio id="beep-one"  preload="auto">
                <source src="audio/baby.mp3"></source>
                <source src="audio/beep.ogg"></source>
                Your browser isn't invited for super fun time.
            </audio> 
            <script>
              var beepOne = $("#beep-one")[0];
              $(".buttonmit2ani")
                .mouseenter(function() {
                  beepOne.play();
              );
            </script>               

</div>

Answer 1

试试这个:

var beepOne = $("#beep-one")[0];

$('.buttonmit2ani').mouseover(function(){
    beepOne.play();
}).mouseout(function(){
    beepOne.stop(); // need to write this method or .pause()
});