Videojs播放按钮显示,而视频仅在Safari中播放

时间:2014-02-24 17:40:42

标签: javascript video safari html5-video

我有一个严重烦人的错误导致我在this page上出现问题,但仅限于Mac上的Safari 6.1。我正在使用videojs库在旧浏览器上进行视频检测和回退到Flash。 videojs库在初始化时为每个视频的DOM添加一个播放按钮,您可以单击以启动视频播放。它还有助于将 vjs-paused vjs-playing 添加到视频容器中,具体取决于其状态,我正在使用这些来播放视频时隐藏播放按钮。

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

如果有人能给我任何关于造成这种情况的指示,我会非常感激,因为我会疯狂地试图找出它。

由于

编辑: 最后想出了这个,我想我会留下答案,万一有人遇到和我一样的问题。当videojs脚本的多个实例加载到页面上时会发生这种情况。他们最终相互冲突。希望这可以帮助任何有同样问题的人。感谢您的回复。

1 个答案:

答案 0 :(得分:0)

我在这里无法访问Mac,但您是否尝试将backface-visibility css属性应用于播放按钮?

Here is a similar link,重置css3硬件加速/ gpu相关属性经常为我修复奇怪的显示错误。祝你好运!

相关问题