Chrome / Safari HTML5视频全屏模式无法正常运行

Question

我已经在自己的网站中实现了Video.js播放器，但是Chrome和Safari略有问题。 视频播放器的父级具有附加的position relative属性，因此，全屏模式会将视频对齐到其父级的左侧和顶部。 就像我将视频播放器设置为position: absolute; top: 0; left: 0; position: absolute; top: 0; left: 0; 。 这仅在Chrome和Safari中发生，而在Firefox中不发生。 有人遇到过这个问题吗？

Answer 1

我注意到该容器具有关键帧动画 ，这最终成为问题！ 我有一个默认加载的fadeIn动画，这显然引起了问题。 通过删除animation属性，它开始在野生动物园和Chrome中使用。 不幸的是，我不确定为什么。