如何在内部使用视频播放器调整模式大小的高度和宽度

Question

我正在尝试使用1个视频播放器来调整我的模式。我知道如何将样式放入其modal-dialog并放入modal-lg类，但如何调整，但是当我调整它或使其比正常更大时，它仍然没有调整，我想调整直到屏幕被模态播放器和视频播放器完全覆盖。

这是我当前的页面和模式

这是我的预期输出

谢谢，这是我的代码

 <div class="modal" id="myModal2">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-body">
            <div class="container" id='container'>
            <video controls playsinline id="player" width="100%">
          </video>   
            </div>
          </div>
        </div>

      </div>

    </div>