VideoJS - 全屏模式的自定义设置？

Question

我想默认隐藏 controlBar，但在全屏模式下重新启用它。我可以像这样隐藏 controlBar：

var player = videojs(videoTag[0], {
     controlBar: false
});

但是像

var player = videojs(videoTag[0], {
     controlBar: false,
     fullScreen: {
         controlBar: true
     }
});

好像不行。

是否可以从设置对象执行此操作，或者我应该 hide/show 它形成 CSS（使用 .vjs-fullscreen）？

提前致谢。

Answer 1

controlBar: false 在播放器选项中完全省略了控制栏。

相反，使用 player.controls(false) 禁用它们并使用 player.controls(true) 显示。

player.on('fullscreenchange', function(e) {
  if (player.isFullscreen()) {
    player.controls(true);
  } else {
    player.controls(false);
  }
});

VideoJS - custom settings for fullscreen mode?