Javascript 将低分辨率视频替换为高分辨率高清视频

我正在创建一个包含全浏览器视频的网站（请参阅）。 为了获得最佳体验，我想先使用低质量的视频文件，然后在后台下载高分辨率的视频。当高分辨率完全下载后，我想换掉低分辨率。非常确定这是可以使用javascript和视频对象的一些侦听器实现的，但我不确定如何继续。

---

有人能帮忙吗？

如果您的查看器支持切换，那么您可以计算下载完成的时间并在后台启动高分辨率。在切换到前台之前，请稍等片刻。

我建议使用JavaScript检测用户带宽，然后根据结果决定是下载高分辨率还是低分辨率版本

---

这应该是一个很好的起点。

对我来说，这听起来不是一个最佳体验。对于连接速度较慢的人来说，同时下载两个视频将是对带宽的浪费，而且高分辨率版本可能无法及时加载。对于使用快速连接的用户来说，这将是一种浪费，因为无理由下载低分辨率版本。更不用说，在服务器上使用更多的带宽。为什么不努力确保您有带宽以比实时更快的速度传输视频（例如，流式传输比回放所需的时间更短）？这将需要有一个可靠的托管环境（和/或使用CDN）和使用高压缩编码从用户体验的角度来看，这也可能不太理想。您是否希望用户在等待高质量的流式传输时，在低质量的版本中等待几分钟，然后突然切换到高质量的版本？许多人根本不想看到低质量的版本，他们会觉得这种行为令人恼火。根据你网站的性质，你可能会失去访问者：他们点击观看据称是“高质量”的视频，取而代之的是质量差的视频，然后在5秒后离开。我说的是5到10秒的循环背景视频，所以我尊重地不同意上述观点，但感谢反馈。我想做的是在视频出现并开始播放之前，尽量减少延迟，因为链接已经失效。存档版本。