视频发行后的视频背景视差/空白

Question

我目前正在尝试在我的页面上添加具有视差效果的背景视频。 但是当我在视频上滚动时，我一直在视频下获得空白。 知道我该如何解决吗？

HTML：

<div class="row"> </div>
<div class="ParallaxVideo">
  <video autoplay muted loop>
  <source src="/my-video.mp4" type="video/mp4">
  </video>
</div>
<div class="row"> </div>

CSS：

   body {margin:0;}
  .row {background:black; display:block; height:500px;}
  .ParallaxVideo {height: 500px; padding-bottom: 50px; padding-top: 50px;}
  .ParallaxVideo video{min-width: 100%; position: fixed;  top:0; z-index: -999;}