在资源受限的环境中禁用背景视频
Disable background video in resource constrained environments
对于一个基于网络的媒体播放器项目,我正在试验一些带有简单 <video>
标记的微妙背景视频,该标记位于页面上其他元素的后面。这在台式机和智能电视上很棒,但我没有兴趣在移动设备和笔记本电脑上使用 CPU 和电池来实现此功能。对于这些设备,静态图片就可以了。
是否有任何标准向浏览器指示在资源受限环境中可以禁用特定视频元素?理想情况下,我可以指示视频不重要,让浏览器根据用户偏好或设备属性决定是否显示它。
您可以尝试使用CSS检测它并关闭它。
例如:
@media (max-width: 640px) {
video {
display: none;
}
}
您也可以尝试使用 JavaScript 检测平台:
navigator.platform
答案好像是没有,今天这个没有标准
(如果你正在阅读他的未来,并且这已经改变,请 post 回答!)
对于一个基于网络的媒体播放器项目,我正在试验一些带有简单 <video>
标记的微妙背景视频,该标记位于页面上其他元素的后面。这在台式机和智能电视上很棒,但我没有兴趣在移动设备和笔记本电脑上使用 CPU 和电池来实现此功能。对于这些设备,静态图片就可以了。
是否有任何标准向浏览器指示在资源受限环境中可以禁用特定视频元素?理想情况下,我可以指示视频不重要,让浏览器根据用户偏好或设备属性决定是否显示它。
您可以尝试使用CSS检测它并关闭它。 例如:
@media (max-width: 640px) {
video {
display: none;
}
}
您也可以尝试使用 JavaScript 检测平台:
navigator.platform
答案好像是没有,今天这个没有标准
(如果你正在阅读他的未来,并且这已经改变,请 post 回答!)