自适应视频调整大小html / php

Question

我目前正在尝试为我创建的网站找到调整视频大小的解决方案。该视频位于一个容器中，该容器可以响应特定点，但随后会停止调整大小。由于我预见到该网站的大多数视图都是通过手机实现的，所以这很烦人，因为手机的像素分辨率会更低，很多视频会被切断。这是目前有问题的网站托管在免费的虚拟主机上：Website in question

CSS：

.container{
  max-width:960px;
  padding-left:1rem;
  padding-right:1rem;
  margin:auto;
  text-align:center;

}    

.fullscreen-video-wrap{
  position:absolute;
  top:0;
  left:0;
  width:101%;
  height:100vh;
  overflow:hidden;
}    

.fullscreen-video-wrap video{
  min-height:100%;
  min-width:100%;
}

@media(max-width:960px){
  .container{
    padding-right:3rem;
    padding-left:3rem;
  }
}

任何帮助将不胜感激！谢谢：）