Question

我正在将videojs用于我的视频播放器。我的应用被锁定为纵向模式，但是当我第一次播放视频时（当看到大播放按钮时），我想进入全屏模式。如果用户退出全屏模式，则应将应用程序恢复为纵向模式，并内联而非全屏播放视频。如果用户想返回到全屏模式，则必须通过点击播放器右下角的全屏切换来输入它。我通过致电进入全屏模式使其工作

this.player.bigPlayButton.on('tap', () => {
  if (fullscreenOnStart) {
    this.player.requestFullscreen();
  }
});

但是，当我在大播放按钮（位于中心）之外点击时，它将不会进入bigPlayButton的轻击事件，并且视频也不会全屏播放。你们知道我必须听哪个点击事件才能请求全屏模式吗？谢谢！

Answer 1

我向div元素添加了一个事件侦听器，以实现所需的功能。现在，它仍然只在大播放按钮可见时发生，但是我也可以在按钮外部单击。

this.player.el().addEventListener('touchend', () => {
  if (!this.player.hasStarted() && fullscreenOnStart) {
    this.player.requestFullscreen();
  }
});

如果有人知道实现此目标的更好方法，或者videojs对此有所帮助，我仍然很想知道。

videojs首次播放时要求全屏显示

1 个答案: