html - 滚动时出现问题的视频的背景图案图像

我的密码

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

#HomePage {
    background:url('../../images/pattern.png');
    position: fixed;
    width: 100%;
    min-height: 100%;
}

我将视频用作背景，并且在滚动时会在屏幕上创建多余的水平线，如屏幕所示：

这是视频链接。上下滚动以查看模式不统一：
        http://testingprth.hostingsiteforfree.com/demo/

谢谢

最佳答案

你能提供一个jsfiddle吗？ ^我没有50个代表，所以我不得不把它张贴在答案部分，我看一下后请及时更新