WordPress-响应性问题-垂直居中视频（未编码主题）

Question

我在我的wordpress网站上使用的是Uncode主题，我需要将视频动画放到标题中，标题高度应为100％。我使用主题页面构建器进行设置。

我将视频插入：

<div class="video-container">
  <video autoplay preload width="1280" height="720" poster="">
    <source type="video/mp4" src="https://birthdaycapsule.sk/wp-content/uploads/2018/07/Page_turn-final-Converted.mp4">
  </video>  
</div>

我在CSS中有这个：

.video-container {

  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; 
  overflow: hidden;
}

.video-container video {
  width:100% !important;
  height:auto !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,0%);
}

在我的Macbook上预览时，它工作正常，但比它小的任何东西都坏了。请问如何解决它的任何想法？

页面链接：http://birthdaycapsule.sk/creative-landing-2/