我有一个脚本，我可以在全屏模式下切换固定的 DIV。此 div 还可以包含允许全屏显示的 HTML5 视频（例如，灯箱中的视频）。但是，在 webkit 浏览器中，如果 div 进入全屏模式并且 div 也处于全屏模式，则会产生很大的冲突。当从视频播放器和 div 中退出全屏模式时，布局完全被破坏，因为 webkit 浏览器仍然认为我们处于全屏模式...实际上当一切都不是全屏模式时，HTML5 的用户代理样式表video (:-webkit-full-screen-ancestor:not(iframe)) 仍然存在，即使使用 !important 规则也不会改变任何内容。
有没有人有关于这个问题的解决方案？是否有一些解决方法或者可能是在视频全屏播放之前从 DIV 关闭全屏的方法...
这是一个小例子（关闭全屏时不保留视频样式）：https ://fiddle.jshell.net/VbfPC/4/
它在 IE、FireFox 中运行良好，但在 Google Chrome 和 Safari 中运行良好。