iframe HTML5视频全屏播放问题

背景：我采用了videojs视频播放器。视频播放页面是一个独立页面 包含了html5播放器代码。 主页面采用iframe 调用视频播放页面。

问题：点击全屏按钮，无法实现全频播放。 解决方法：只要在iframe 里增加一个属性 allowfullscreen 即可实现全屏播放

问题：网站再次改版后，引入固定的头部菜单以及一些动态的Js后发现以前可以全屏的视频 除了页面顶部菜单为白色可见，其余区域都变成了纯黑色，无法看到视频 。

解决方法：是了很多方式修改css都无效，最后发现把 video-js.css中的 .video-js.vjs-fullscreen 定义的position: fixed;这句话去除即可。