Javascript 如何在播放中更改视频分辨率

我有4个版本的视频，它们托管在服务器上，如下所示：

/1920x1080.mp4

/1280x720.mp4

/640x480.mp4

/426x240.mp4

视频使用HTTP 206部分内容进行流式传输

我想让你可以通过youtube或twitch上的小菜单改变视频质量，而无需播放器重新加载或更改视频源。 HTML5视频是否可能做到这一点

另外，请回答是否有其他方法来实现这一点

我想让你可以改变一个小的视频质量 在youtube或twitch上播放菜单，而无需播放 重新加载或更改视频源。HTML5视频可以做到这一点吗 如果是，怎么办

是的，这在mp4中是可能的，但是非常复杂，超出了我在这里可以解释的范围，特别是如果关键帧没有对齐

那么YouTube广告twitch是如何做到的呢？他们不使用MP4。使用分段流媒体协议，如DASH或HLS，然后使用支持更改分辨率的播放器，如HLS.js或video.js