JQuery mouseout перестает играть?

Question

Хороший вечер каждый, им как-то застрял на простой проблеме, но просто не может понять, как ее решить. Я играю в первый раз с jquery.

Теперь на mousenter он отлично воспроизводит аудиофайл, но я попытался реализовать функцию 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() 
}); 

Answer 2

Существует не .stop() функция (по крайней мере, не в Chrome). Используйте .pause()

var beepOne = $("#beep-one")[0]; 
 
$(".buttonmit2ani").mouseenter(function() { 
 
    beepOne.play(); 
 
}).mouseleave(function() { 
 
    beepOne.pause(); 
 
});

.buttonmit2ani { 
 
    width: 100px; 
 
    height: 100px; 
 
    background-color: #E9EAEE; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="buttonmit2ani"> 
 
    <audio id="beep-one" preload="auto"> 
 
    <source src="audio/acdc.ogg"> 
 
     Your browser is not invited for super fun time. 
 
    </audio> 
 
</div>