javascript - 在chrome/safari中滚动时出现奇怪的背景图像图案

http://testingprth.hostingsiteforfree.com/demo/

如果您以Safari或Chrome浏览器滚动页面，您会注意到背景图案存在一些问题。我相信这与videoBG.js文件有关，因为它可以与简单的jpg背景文件一起正常工作。

任何人都可以帮助/建议编辑哪一行，以便我可以使用此模式？谢谢。

最佳答案

我通过将<div id="bgpattern"></div>移到标记中的<div class="videoBG">...</div>之后对其进行了修复。有可能吗？

===编辑===

我不确定您是否需要执行此操作的脚本...我使用背景视频实现的网站仅使用以下标记。

<video id="videoplayer" poster="Static-Fall-Back-Image.jpg" autoplay="" loop="">
    <source src="Video.mp4" type="video/mp4">
    <source src="Video.ogv" type="video/ogg">
    <img src="Static-Fall-Back-Image.jpg" style="width:100%;">
</video>

使用以下CSS：

#videoplayer {
  min-width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
}

这当然可以在我开发的网站http://www.issuecentre.com上使用。