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

Is it possible to choose the media for each screen size without media queries?

我必须创建一个页面,其中有一个横幅,桌面上有视频,tablet/mobile 上有图像。是否有类似 <picture> HTML 标签的东西可以在没有媒体查询的情况下为每个指定的断点组合图像和视频? (源集或来源)。

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

感谢您的帮助

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

您可以使用JavaScript获取屏幕尺寸,然后根据响应添加视频或图片标签。