Javascript - 全屏API问题webkit浏览器

时间:2016-12-13 15:12:53

标签: javascript webkit html5-fullscreen

我有一个脚本,我可以在FullScreen模式下切换固定的DIV。此div还可以包含允许全屏的HTML5视频(例如灯箱中的视频)。但是,在webkit浏览器中,如果div进入全屏并且div也处于全屏状态,则会产生很大的冲突。 当全屏模式退出视频播放器和div时,布局完全被破坏,因为webkit浏览器仍然认为我们处于全屏模式...实际上当所有内容都不在FullScreen中时,HTML5的用户用户代理样式表视频(: - webkit-full-screen-ancestor:not(iframe))仍然存在,即使使用!重要规则也不会改变任何内容。

有没有人有这个问题的解决方案?在视频进入全屏幕之前,是否有一些解决方法或者可能是从DIV关闭全屏的方法...

这是一个小例子(关闭全屏时不保留视频样式):https://fiddle.jshell.net/VbfPC/4/

它在IE,FireFox中运行良好,但在谷歌浏览器和Safari中没有。

0 个答案:

没有答案