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

时间:2016-11-18 12:03:48

标签: video.js

我想默认隐藏controlBar,但在fullScreen模式下重新启用它。我可以像这样隐藏controlBar:

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

但是像

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

似乎不起作用。

是否可以从设置对象执行此操作,或者我应该只是隐藏/显示CSS形式(使用.vjs-fullscreen)?

提前致谢。

1 个答案:

答案 0 :(得分:0)

播放器选项中的

controlBar: false完全省略了控制栏。

相反,请使用player.controls(false)停用它们并player.controls(true)显示。

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