С помощью JQuery, как играть видео, когда мышь вводится один раз и приостанавливать видео, когда мышь вводится дважды?

Question

Я хочу добиться эффекта, который, когда мышь пользователя входит в видеокадр, вызывает действие фильма. Кроме того, когда пользовательская мышь покидает видео, он все равно продолжит играть.

Однако, когда мышь пользователя снова входит в видеокадр, видео будет приостановлено. Есть ли способ достичь этого? Я новичок в этой области.

---

Вот то, что я до сих пор :

JQuery:

$(document).ready(function(){ 
    $('#video1').mouseover(
     function() 
      { 
       $(this).get(0).play(); 
      } 
     ); 
    }); 

HTML:

<video id = "video1" width = "420"> 
    <source src = "lololol.mp4" type = "video/mp4"> 
</video> 

Answer 1

Просто проверьте состояние видео. И вместо этого используйте событие mouseenter.

$('#video1').mouseenter(
    function() 
    { 
     if($(this).get(0).paused) 
      $(this).get(0).play(); 
     else 
      $(this).get(0).pause(); 
    } 
); 

Answer 2

Вы, вероятно, хотите создать переменную, увеличиваем его на MouseEnter, и проверить его значение для четной или нечетной:

var movieHoverCt = 0; 

$('#video1').mouseenter(function() { 
    if (movieHoverCt % 2 === 0) { // even 
     $(this).get(0).play(); 
    } else { // odd 
     $(this).get(0).stop(); 
    } 
    movieHoverCt++; 
});