Javascript Youtube模式不起作用

我正在实现一个插件，以模式（）加载youtube视频。问题在于模式中的交叉按钮

如果我不刷新页面，请单击模式上的交叉按钮，然后再次单击视频，单击事件将触发两次，而不是一次。我得到两个模式

我的JS运行此功能相当简单：

HTML代码：

<a id="runVideo"  data-video-id='XXXXXXX' class="white">
  <span class="glyphicon glyphicon-play-circle"></span> Want to know how we do that? Watch our video.
</a>

---

因此，如果您希望某个单击事件只发生一次，我们必须在每次单击时解除单击处理程序的绑定。所以，类似的事情解决了

$('#runVideo').bind('click', function() {
       $(this).unbind('click');
       alert('Clicked and unbound!');
       $("#runVideo").modalVideo({channel:'youtube'});
});

$('#runVideo').bind('click', function() {
       $(this).unbind('click');
       alert('Clicked and unbound!');
       $("#runVideo").modalVideo({channel:'youtube'});
});