在 iPad 上以全屏模式自动关闭视频

Question

当视频以全屏模式播放时，我想在视频结束时退出全屏。我在桌面和安卓上工作，但不适用于我的 iPad (v10.3.2(

退出全屏的代码如下所示

if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}

当视频结束时尝试退出时，我的iPad上不存在这些功能。

以下是触发全屏的代码：

if (screen.requestFullscreen) {
screen.requestFullscreen();
} else if (screen.mozRequestFullScreen) {
screen.mozRequestFullScreen();
} else if (screen.msRequestFullscreen) {
screen.msRequestFullscreen();
} else if (screen.webkitRequestFullscreen) {
screen.webkitRequestFullscreen((<any>Element).ALLOW_KEYBOARD_INPUT);
} else {
if (this.videoRef.nativeElement.webkitSupportsFullscreen) {
this.videoRef.nativeElement.webkitEnterFullscreen();
}
}

任何建议为什么在我的iPad上失败？

Answer 1

好吧，你可以用jQuery做到这一点

$('video').get(0).webkitExitFullscreen();

你可以在这里阅读更多关于这个方法的文档

https://developer.apple.com/documentation/webkitjs/htmlvideoelement/1629468-webkitexitfullscreen

以及如何在这里的Mozilla开发者专区使用它

https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API