是否可以在没有媒体查询的情况下为每个屏幕尺寸选择媒体？

Question

我必须创建一个页面，其中有一个横幅，其中包含桌面上的视频和平板电脑/移动设备上的图像。有没有像<picture> HTML 标签这样的东西，它可以在没有媒体查询的情况下为每个指定的断点组合图像和视频？ （srcset 或源）。

我知道我可以在平板电脑断点处隐藏视频并显示图像，但它不是最佳性能，因为视频仍在移动设备上加载。

感谢您的帮助

Answer 1

视频的媒体查询已弃用（在 Chrome 36 或类似版本中已退出）

您可以使用 JavaScript 获取屏幕大小，然后根据响应添加视频或图像标签。