将悬停功能添加到按钮会导致模态问题

Question

我有一个按钮，当它悬停在上面时会发出脉冲，当点击它时会显示一个模态框。

我的问题是，当点击按钮时，在模态内部显示的视频位置偏离中心并闪烁。不知道发生了什么，我认为悬停正在弄乱模态中的内容并将悬停影响应用到模态内部。

HTML

<div class="explainerPlay pull-center">
<h1><a href="#videoModal"><i class="fa fa-play-circle" data-toggle="modal" data-target="#videoModal"></i></a></h1>
<div class="modal hide fade" id="videoModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" tabindex="-1">

JQuery的

 /*animate button*/
    $(".explainerPlay").hover(function(){
        $(this).addClass('animated customPulse');
    },function(){

        $(this).removeClass('animated customPulse');
    });