移动设备的视频CSS问题

我正在用以下代码包装视频：

 .row-full {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  height: 780px;
  margin-top: 0px;
  margin-bottom: 0px;
  left: 50%;

}

我可以使用100vw的宽度，但我需要使用正确显示视频的确切高度。问题在于，在移动设备上，宽度会调整，但高度保持不变。有没有办法不用@media screen来调整高度？ 您可以看到问题的URL如下所示： 您可以尝试以下方法：

---

高度：自动我两个都试过了，但还有另一个元素造成了这种差距，即：div.widget-area.fadeup-effect.fadeInUpRemove-inline height from-from-front-page-1。太棒了！成功了。它不是内联的，而是从哪里添加的。无论如何，我做了一个覆盖，它的工作。