HTML5视频导致页面滚动缓慢

Question

我正在一个网站上，客户端请求视频填充div作为背景。我有它并为自己工作，但他们一直在抱怨他们无法滚动。我在多台计算机上滚动没有问题。除了造成这种情况的慢速机器之外，是否存在某种常见问题？这可能是一个CSS问题吗？如果有帮助，暂存站点就在这里：http://arkroyal.staging.wpengine.com/

更新

我正在使用视频托管服务，似乎这只发生在闪存回落在那里...我已将其设置为闪存默认为现在我无法滚动鼠标悬停在它上面。那么现在我想这是一个闪光问题？

Answer 1

我同意user3285910的answer，但是，并不是说你没有任何关于它的事情。

当我第一次去的时候，我没有尝试滚动，我只是让整个页面加载。之后我检查了媒体的加载时间，Winsta MP4加载了27.36秒。那是在T1线路上的Chrome浏览器。我使用Chrome是因为webkit浏览器因其 laggy 视频提示而闻名。

有了这些信息，我会考虑更改<video>的预加载值。目前它是"none"。预加载数据有很多不同的方法，你无法计算每个人的PC速度，带宽等。

我建议让浏览器为您确定其功能并进行相应调整。通常5-7秒的预加载足以绕过跳行为。 Here是指向分析更详细的文章的链接。

Answer 2

在查看暂存网站后，它似乎不是网站本身的问题，而是您正在使用的视频。视频质量很高，会导致系统速度急剧下降。如果这是他们想要作为BG的视频，我会看到你是否无法彻底降低视频分辨率，因为这会在某些系统上引起渲染问题。这也会使用户无法向下滚动页面，因为他们的视频卡正忙着尝试渲染BG视频正在制作的图像。