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

Question

当视频以全屏模式播放时，我想在视频结束时退出全屏。我可以在桌面和 android 上使用它，但不能在我的 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();
}

None 这些功能存在于我的 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

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

Auto-close video in fullscreen mode on iPad

javascript

html5-fullscreen

angular