在html5视频中切换视频质量

我可以根据是否受支持在不同的视频扩展之间切换，但是，如何在相同扩展但大小不同、质量不同的不同视频之间切换

这是我的密码：

<video style="z-index: 1;position:absolute; left: 50%;top: 50%; margin: 10% 0 0    -250px;"
controls
preload="auto" width="510" height="300" poster="" 
data-setup="{}">
<source src="vid/video.mp4" type='video/mp4'>
<source src="vid/video.webm" type='video/webm'>
<p> Your current browser does not support the video format. Please consider upgrading    your browser or using a different one</p>
</video>

---

您需要要求用户选择例如HD或SD并更改源。如果您使用canPlayType功能，您可以确定需要向用户呈现什么，以减少您在任何时候需要处理的源的数量。在javascript中很难自动可靠地做到这一点，但使用MediaSource手动流式处理块会让你达到目的，我希望它能够在质量之间自动切换，而无需询问用户。HLS提供了这一点，但目前在大多数桌面浏览器中不可用，而不是HTML5视频规范的一部分，因此，我建议使用MediaSource构建您自己的或重新设计类似于示例MPEG-DASH实现的内容。也许有一天DASH会像mp4或webm一样常见，但今天不会了