html5视频背景

时间:2016-01-25 19:17:55

标签: html5 video background

我在本网站onemindlive.com中使用视频背景 我用循环。但是当视频在重启之前结束时 短暂停顿。 为什么不停止不能连续工作?

.landing-video {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.landing-video__image {
  display: block;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
}

<div class="landing-video">
  <video class="landing-video__image" poster="landing_video_background.jpg" autoplay loop muted>
    <source type="video/mp4" src="landing_video_background.mp4" type="video/mp4"></source>
  </video>
</div>

1 个答案:

答案 0 :(得分:0)

添加preload属性应该有帮助。暂停(从我看到的)是视频“倒带”。