在资源受限的环境中禁用背景视频

Question

对于基于Web的媒体播放器项目，我正在尝试一些带有简单<video>标签的细微背景视频，该标签位于页面上其他元素的后面。这在台式机和智能电视上非常有用，但是我对将移动设备上的CPU和电池以及笔记本电脑上的电池用于此功能没有兴趣。对于那些设备，可以使用静态图像。

在资源受限的环境中，是否有任何标准可以向浏览器指示可以禁用特定视频元素？理想情况下，我可以指出视频并不重要，可以让浏览器根据用户的偏好或设备属性来决定是否显示视频。

Answer 1

您可以尝试使用CSS进行检测并将其关闭。 例如：

@media (max-width: 640px) {
  video {
    display: none;
  }
}

您还可以尝试使用JavaScript检测平台：

  

navigator.platform

Answer 2

答案似乎是不，今天还没有标准。

（如果您日后正在阅读他的书，并且这种情况已经改变，请发表答案！）

Answer 3

我会用CSS来做，给您的视频标签一个ID并设置显示：无。之后，将显示设置为在最小高度增加时阻止。
示例：

#vid { display: none; }

@media screen and (min-width : 1024px) { #vid { display: block; } }

请务必按此顺序编写，@media样式规则需要覆盖第一个规则。 （请记住，这是移动优先的）