Javascript 如何将视频放在全屏上

我想把这段视频放在全屏上，它在桌面屏幕上工作，但在移动屏幕上不工作

还有我的css：

.videoHomeContact {
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
  }

---

尝试添加视口元标记：

<meta name="viewport" content="width=device-width, initial-scale=1">

---

vh表示视口高度，vw表示视口宽度

您可以使用JavaScript全屏打开和关闭它

      function openFullscreen(elem) { //Parameter is the video element
    if (elem.requestFullscreen) {
      elem.requestFullscreen();
    } else if (elem.mozRequestFullScreen) { /* Firefox */
      elem.mozRequestFullScreen();
    } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari, Opera */
      elem.webkitRequestFullscreen();
    } else if (elem.msRequestFullscreen) { /* IE/Edge */
      elem.msRequestFullscreen();
    }

这可行吗

*{
框大小：边框框；
}
.v形头{
高度：100vh；
显示器：flex；
对齐项目：居中；
颜色：#fff；
}
.集装箱{
最大宽度：960像素；
左：1rem；
右侧填充：1rem；
保证金：自动；
文本对齐：居中；
}
.全屏视频包装{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
高度：100vh；
溢出：隐藏；
}
.全屏视频包装视频{
最小高度：100vh；
最小宽度：100vw；
}
.标题覆盖{
高度：100vh；
位置：绝对位置；
排名：0；
左：0；
宽度：100vw；
z指数：1；
背景：#225470；
不透明度：0.85；
}
.标题内容{
z指数：2；
}
.标题内容h1{
字体大小：50px；
页边距底部：0；
}
.标题内容p{
字体大小：1.5rem；
显示：块；
垫底：2rem；
}

欢迎大家
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。是否有必要明确规定履行义务的时间？Debitis准ullam aperiam

了解更多
A节
Lorem ipsum dolor，坐在amet Concertetur Adipising Elite的位子上。在这一点上，不允许最低限度的药物和其他非最有效的药物，即临时药物和累积药物。贝塔·莫利塔实习，相似性，为代表国家利益的人提供解决方案

B节
Lorem ipsum dolor，坐在amet Concertetur Adipising Elite的位子上。在这一点上，不允许最低限度的药物和其他非最有效的药物，即临时药物和累积药物。贝塔·莫利塔实习，相似性，为代表国家利益的人提供解决方案

您能提供html代码吗？也许这会有帮助，有很多关于它的教程youtube@Fantantonio是的，```@Wendymontagon桌面和移动视频必须不同。。。根据视频的类型，如果是纵向视频，将在横向屏幕上裁剪，如果是横向视频。。它将根据你想要的方式从侧面裁剪…你可以裁剪吗？@himanshuBansal这不是问题：）我认为这不适用于视频背景视频在中间，但不要全屏：(

      function openFullscreen(elem) { //Parameter is the video element
    if (elem.requestFullscreen) {
      elem.requestFullscreen();
    } else if (elem.mozRequestFullScreen) { /* Firefox */
      elem.mozRequestFullScreen();
    } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari, Opera */
      elem.webkitRequestFullscreen();
    } else if (elem.msRequestFullscreen) { /* IE/Edge */
      elem.msRequestFullscreen();
    }