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

时间:2018-12-12 14:33:41

标签: video background parallax

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

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;}

0 个答案:

没有答案