javascript - 在 chrome/safari 中滚动时背景图像模式表现得很奇怪

Question

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

如果您在 safari 或 chrome 中滚动页面，您会注意到背景图案存在一些问题。我相信这与 videoBG.js 文件有关，因为它适用于简单的 jpg 背景文件。

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

Answer 1

我通过移动标记中的<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 。