Question

我使用的是FullPage JS，并且希望使用滚动内容来实现固定的视频背景。我将视频设置为第1部分但是在滚动时它会转换为白色背景。帮助会很棒！

Answer 1

你为什么这么复杂？查看这个简单的视频背景教程。 http://marketblog.envato.com/tips/video-background-html5-video/

CSS片段下面会为您完成这项工作。

video {
  margin: 0;
  padding: 0;
}
.content {
  position: relative;
  z-index: 2;
}
.video {
  position: fixed;
  z-index: 1;
}

相应的HTML部分

<body>
 <video id="my-video" class="video">
   <source src="media/demo.mp4" type="video/mp4">
   <source src="media/demo.ogv" type="video/ogg">
   <source src="media/demo.webm" type="video/webm">
 </video>
</body>

FullPage JS固定背景图像

1 个答案: