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

Question

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

/1920x1080.mp4

/1280x720.mp4

/640x480.mp4

/426x240.mp4

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

我希望您可以通过 youtube 或 twitch 上的小菜单更改视频质量，而无需播放器重新加载或更改视频源。 如果是这样的话，HTML5 视频是否有可能？

如果还有其他方法可以实现，请回答。

Answer 1

我想让你可以从一个小的 像在 youtube 或 twitch 上一样的菜单波纹管，而无需播放器 重新加载或更改视频源。这可能与 HTML5 视频 如果是怎么样？

是的，使用 mp4 是可能的，但非常复杂，超出了我在这里可以解释的范围，尤其是在关键帧未对齐的情况下。

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