html - 显示:none for video element,还会被缓冲吗?

标签 html css responsive-design media-queries

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

它显示正常,正如我想要的那样。

但是我想知道,如果我简单地设置为display:none,它还会在后台缓冲吗?那么电话用户会无缘无故地加载时间变慢吗?如果是这样的话,我应该怎么做呢?

我搜索了这个问题,但只找到了一个相关的问题。但是在那里,问题是代码是否会被加载。而且我可以忍受加载额外的 HTML 行。所以这不是问题。

最佳答案

为了安全起见,我会先为包含 display: none 的视频容器编写一个通用的 CSS 规则,然后在媒体查询中添加一个规则 ( @media screen and (min-width: 768px) {...}) above 768px(或任何你的 breakpont 是)包含 display: block

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

关于html - 显示:none for video element,还会被缓冲吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42652058/

相关文章:

html - 使用 CSS 调整图像大小和居中

html - 如何将我的内容移动到某些 float div 下方?

php - HTML 删除表格行中的空格

php - 想根据表格中的某个字段显示CGridview,并在显示时区分它们?

jquery - 砌体赋予容器 0 高度

twitter-bootstrap - 响应式数据表详细信息图标条件格式

jquery - Bootstrap 左侧可折叠导航菜单

javascript - 如何在 twig 循环内打印 JS 函数的结果

html - CSS仅按类型选择 child

html - 你如何制作一个固定的、响应式的侧边栏?