ReatJS页面上的全窗口VideoJS吗？

Question

我希望我的videoJS组件永久具有正确尺寸的全窗口。如何在ReatJS页面上执行此操作？

当前代码：

CSS：

.video-js {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

Javascript：

videoJsOptions = {
        controls: true,
        inactivityTimeout: 4000,
        fluid: true,
        sources: [
          {
            src: *,
            type: "video/mp4"
          }
        ]
      };

当前状态： 视频窗口将自己设置在屏幕底部，而视频窗口顶部的一部分将留在屏幕底部。

我想要什么： 窗户完全适合窗户，没有损失。