Chrome / Safari HTML5视频全屏模式无法正常工作

Question

我已将Video.js播放器实施到我的网站中，但Chrome和Safari存在轻微问题。视频播放器的父母附加了position relative属性，因此全屏模式会将视频对齐到其父级的左侧和顶部。就像我要将视频播放器设置为position: absolute; top: 0; left: 0;一样。这只发生在Chrome和Safari中，但不适用于Firefox。有人遇到过这个问题吗？

Answer 1

我注意到容器有一个关键帧动画，最终成了问题！我有一个fadeIn动画，默认加载，显然导致了问题。通过删除animation属性，它开始在safari和chrome中工作。不幸的是，我不确定为什么。