Javascript-全屏API exitFullscreen

当在已经全屏的DOM中全屏请求视频或iframe时，我试图防止出现与全屏API相关的webkit问题

如果在webkit浏览器中全屏拉入视频或iframe，是否有退出全屏的方法。其目的是简单地防止在DOM或文档已经处于全屏状态时出现全屏。我尝试：

document.webkitCancelFullScreen();
document.webkitExitFullscreen();

但它不起作用。你可以在这把小提琴上观察到这个错误： 或者在任何使用全屏模式的lightbox插件中，例如：

---

这似乎是webkit浏览器中的一个深层次问题。WebKiteExitFullScreen无法正常工作

你的样品对我有用，但不起作用。查看视频播放器样式和全屏状态按钮。即使没有全屏显示，HTML5视频播放器仍然全屏显示。只有当您先单击启动全屏，然后单击视频全屏时，才会发生这种情况。如果你返回（退出全屏），webkit浏览器只是有一个大问题，仍然保持全屏（即使浏览器不是全屏）。这对我也适用。页面全屏时，我无法将视频切换到全屏。但离开全屏，然后全屏播放视频是没有问题的。可能是特定于您的Safari版本的错误？不，此错误出现在Mac和Windows上的所有webkit浏览器（Safari、Google Chrome、Opera）中。要复制它，您需要单击“启动全屏”，然后单击视频全屏按钮，然后再次单击视频全屏按钮和“启动全屏”。现在，一切看起来都像是退出全屏，但事实并非如此！查看视频的全屏按钮。图标状态仍然与全屏一样，因为用户代理仍处于全屏状态。。。这是个大问题。如果使用escape，则不会出现此问题。有趣的是，我在第二个示例中遇到了此问题。我需要点击“退出全屏按钮”两次。你的样本对我有效，但它不起作用。查看视频播放器样式和全屏状态按钮。即使没有全屏显示，HTML5视频播放器仍然全屏显示。只有当您先单击启动全屏，然后单击视频全屏时，才会发生这种情况。如果你返回（退出全屏），webkit浏览器只是有一个大问题，仍然保持全屏（即使浏览器不是全屏）。这对我也适用。页面全屏时，我无法将视频切换到全屏。但离开全屏，然后全屏播放视频是没有问题的。可能是特定于您的Safari版本的错误？不，此错误出现在Mac和Windows上的所有webkit浏览器（Safari、Google Chrome、Opera）中。要复制它，您需要单击“启动全屏”，然后单击视频全屏按钮，然后再次单击视频全屏按钮和“启动全屏”。现在，一切看起来都像是退出全屏，但事实并非如此！查看视频的全屏按钮。图标状态仍然与全屏一样，因为用户代理仍处于全屏状态。。。这是个大问题。如果使用escape，则不会出现此问题。有趣的是，我在第二个示例中遇到了此问题。我需要点击“退出全屏按钮”两次。