【发布时间】：2014-11-13 08:07:52
【问题描述】：
我在一个网站上有一个 HTML5 视频，但不喜欢只是坐在海报图像上的控件的外观，所以我添加了这个 jQuery 来添加悬停控件，
$('#MSvideo').hover(function toggleControls() {
if (this.hasAttribute("controls")) {
this.removeAttribute("controls")
}
else {
this.setAttribute("controls", "controls")
}
});
理论上这是可行的，它确实会在悬停时添加控件，但如果您将鼠标停留在视频上，则控件会继续打开，然后关闭，然后打开，然后关闭，大约每秒重复一次。
它在这个小提琴http://jsfiddle.net/konbsda8/中做同样的事情
任何帮助将不胜感激！
【问题讨论】：
-
我检查了 jsFiddle，但我似乎没有得到你的结果。你用的是什么浏览器？
-
使用 Firefox 33.1，我担心这可能是浏览器问题，如果是可修复的浏览器问题？
-
绝对是浏览器问题，因为在 Chrome 中没有问题。如果您在 Firefox 上检查视频，您可以看到当鼠标在视频上移动时，属性 'controls="controls" ' 被添加和删除。我相信这是导致闪烁问题的原因。
-
是的，对不起，我应该提到这一点，问题是属性被反复添加和删除，而不是它只是闪烁。有没有办法编写我的 jQuery，以便在鼠标输入时设置属性并在鼠标退出时将其删除，并取消 IF 语句？
-
你试过mouseenter和mouseleave吗？考虑到 Firefox 的行为就像鼠标没有悬停在视频上一样，我怀疑它是否会起作用，但值得一试。
标签： jquery html html5-video