Javascript 如何根据观众的屏幕分辨率调整视频源？

好吧，对不起，我是诺布。我会尽量说得具体一些

这是我在w3Schools上看到的：

注意：不要使用“高度”和“宽度”属性重新缩放视频！使用“高度”和“宽度”属性缩小大型视频会强制用户下载原始视频（即使它在页面上看起来很小）。重新缩放视频的正确方法是使用程序，然后再在页面上使用它

所以，我不能像这样缩放视频：

@介质（最大宽度：1024px）{
#录像带{
宽度：426；高度：240；
};
}
@介质（最小宽度：1280px）{
#录像带{
宽度：1280；高度：720；
};
}

请添加要使用的编程语言的标记。查看自适应比特率流（）。在浏览器端，它通常可以正常工作，不需要视频标签以外的任何东西，但需要注意的是，不同的浏览器支持不同的ABR流格式。以Apple HLS格式为例，看一下这一点：。还可以看看这篇文章，了解如何扩展HTML5以支持任何流媒体协议的背景知识：（请看“媒体源扩展（MSE）”。