Html 滚动时出现问题的视频上的背景图案图像

我的代码

我使用视频作为背景，滚动时，它会在屏幕上创建不需要的水平线，如屏幕所示：

这里是视频链接。上下滚动查看图案是否不一致：

---

谢谢

您能提供一个JSFIDLE吗？^我没有50次重复，所以我必须在回答部分发布此信息。我会在查看云纹效果后更新它？问题可能是因为浏览器必须计算像素。没有办法解决这个问题，但如果滚动之前有行，则会出现def。你的代码有问题。我已经看到了其他谷歌员工在一些beta测试中使用的解决方案。他们所做的是使用html5将电影粘贴到画布中，然后将画布粘贴到绝对元素中定位的相对元素中。然后，当你需要移动视频时，你使用绝对值的父元素。非常好的观察，我的座右铭是：“如果代码在safari中工作，那么一定有解决方案”。这可能是一个屏幕显示问题，但我对此表示怀疑，因为用户可能在观看youtube时考虑到了这一点，尽管从来没有任何保证。我仍在等待这一问题的答案。回顾屏幕截图，它看起来确实可能是屏幕的质量。上下滚动。你会注意到这个问题。不明白为什么：（我在这里做了一个副本。css文件有点长，但它们都是必需的。我尽可能地将代码保持在最小。谢谢大家。

<div id="HomePage"></div>