Javascript 仅在Safari中播放视频时显示Videojs播放按钮

我有一个非常恼人的bug，它给我带来了一些问题，但只有在Mac上的Safari 6.1上。我正在使用videojs库进行视频检测，并在较旧的浏览器上使用Flash。videojs库在初始化每个视频时为DOM添加一个播放按钮，您可以单击该按钮开始视频播放。它还可以根据视频容器的状态将vjs暂停和vjs播放添加到视频容器中，我正在使用它们在播放视频时隐藏播放按钮

在除Safari 6.1之外的所有其他浏览器上，这都可以正常工作，但在该浏览器中，第一个视频播放正常，但页面上的任何后续视频在启动时仍在视频顶部显示播放按钮，这非常难看。最烦人的是，如果我打开开发工具，取消勾选显示：无样式，然后重新勾选，它会突然工作正常。这就像给浏览器一个戳，它突然意识到“嘿，我不应该显示这个，我最好快点隐藏它”

如果有人能给我指点是什么导致了这一切，我会非常感激，因为我正在疯狂地试图找出它

谢谢

编辑：

---

最后我找到了这个答案，我想我会把答案留在这里，以防有人遇到和我一样的问题。当videojs脚本的多个实例加载到页面上时，会发生这种情况。他们最终互相冲突。希望这有助于任何人与我有同样的问题。谢谢大家的回复。

我在这里没有访问mac电脑的权限，但您是否尝试过将css属性应用于“播放”按钮

---

，重置css3硬件加速/gpu相关属性经常会为我修复奇怪的显示错误。祝你好运

我已经做了更多的调查，如果我取出所有的videojs事件处理程序，比如pause/play/end，那么错误仍然会发生，并且只有当页面上有超过1个视频时才会发生。抱歉，伙计，我用Safari 7.0.2切掉了它，它也在那里。所以它比你想象的更广，它也在最新的狩猎中。这一定是他们在显示中添加的方式：无，因为在我的Safari中，我甚至不能用inspector触发它，尽管样式确实显示了它，但计算值完全忽略了它。我会更深入地研究它，但是您的所有代码都被缩小了。不幸的是，在这一点上，我能给你的最好建议就是将此作为错误报告给videojs库开发人员。