Display:none 对于视频元素，它仍然会被缓冲吗？

Question

我有一个网站，首页标题下方播放视频，该视频非常大，我正在使用媒体查询将其从移动浏览器等中删除。

它显示得很好，正如我想要的那样。

但我想知道，如果我简单地将其设置为display:none，它还会在后台缓冲吗？那么手机用户的加载时间会无缘无故变慢吗？如果是这样的话我该怎么办？

我搜索了这个问题，只找到了一个远程相关的问题。但问题是代码是否会被加载。我可以忍受加载额外的 HTML 行。所以这不是问题。

Answer 1

为了安全起见，我首先会为其中包含的视频容器编写一个通用 CSS 规则display: none，然后在媒体查询 ( ) 中为 768 像素以上（或任何断点）的@media screen and (min-width: 768px) {...}屏幕添加一条包含.display: block

这将是一种移动优先的方法，确保它不会在较小的屏幕上加载。