Jquery mouseover和mouseout问题

Question

我正在为我的视频制作自定义播放暂停按钮。但是，当我将鼠标悬停在按钮上时，按钮将保持闪烁。任何想法停止闪烁时，我将鼠标放在按钮上？由于

$('#fullplay') 
 
    .mouseover(function() { 
 
     $('#playpausevideo').fadeIn(); 
 
    }) 
 
    .mouseout(function() { 
 
     $('#playpausevideo').fadeOut(); 
 
    });

.container{ 
 
    
 
    } 
 

 
.playpausevideo{ 
 
    height:100px; 
 
    width:100px; 
 
    position:absolute; 
 
    background-image:url('/../../Images/onbigplan/bigfullplay.png'); 
 
\t background-repeat:no-repeat; 
 
\t background-position:center; 
 
    cursor:pointer; 
 
    display:none; 
 
    background-color:#000; 
 
    z-index:99999; 
 
} 
 
.playpausevideo.selected{ 
 
    height:100px; 
 
    width:100px; 
 
    position:absolute; 
 
    background-image:url('/../../Images/onbigplan/bigfullpause.png'); 
 
\t background-repeat:no-repeat; 
 
\t background-position:center; 
 
    cursor:pointer; 
 
    background-color:#ff0000; 
 
    z-index:99999; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="container"> 
 
    <div id="playpausevideo" class="playpausevideo noselected"></div> 
 
<video id="fullplay" autoplay muted loop poster="" width="400px" height:="300px"> 
 
    <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> 
 
    <source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg" /> 
 
</video> 
 

 
</div>

Answer 1

你可以换你的视频和按钮变成一个div，并听取有关该div mouseenter和mouseleave事件。

下面是一个jsfiddle的例子：http://jsfiddle.net/jp5ru8vz/