Javascript Jquery鼠标悬停和鼠标悬停问题

我正在为我的视频制作一个自定义播放暂停按钮。但是，当我将鼠标移到按钮上时，按钮将一直闪烁。你知道当我把鼠标移到按钮上时停止闪烁吗？谢谢

$（'fullplay'）
.mouseover（函数（）{
$（'playpausevideo'）.fadeIn（）；
})
.mouseout（函数（）{
$（'playpausevideo'）.fadeOut（）；
});
.container{
}
playpausevideo先生{
高度：100px；
宽度：100px；
位置：绝对位置；
背景图像：url（'/../Images/onbigplan/bigfullplay.png'）；
背景重复：无重复；
背景位置：中心；
光标：指针；
显示：无；
背景色：#000；
z指数：99999；
}
.playbausevideo.selected{
高度：100px；
宽度：100px；
位置：绝对位置；
背景图像：url（'/../../Images/onbigplan/bigfullpaise.png'）；
背景重复：无重复；
背景位置：中心；
光标：指针；
背景色：#ff0000；
z指数：99999；
}
您可以将视频和按钮包装到一个div中，然后收听该div上的
mouseenter
和
mouseleave
事件

下面是一个JSFIDLE示例：