浏览器是否在调整大小或全屏时交换视频源？

Answer 1

<video>

标签允许浏览器为用户的设备或网络条件选择最佳视频源，确保最佳的观看体验。最初，浏览器会根据屏幕尺寸选择视频质量，但如果播放过程中屏幕尺寸发生变化，浏览器不会切换质量，以避免播放问题。

对于动态质量调整，建议使用MPEG-DASH（通过 HTTP 的动态自适应流媒体或HLS（HTTP 实时流媒体））等技术，因为它们可以适应不断变化的条件，而无需重新加载视频。

它们在一个容器内提供不同质量的多个段，因此只需要提供一个来源。

虽然 HTML5 不直接支持 MPEG-DASH，但 MPEG-DASH 的 JavaScript 实现允许使用 HTML5 媒体源扩展 (MSE) 在 Web 浏览器中使用 MPEG-DASH。

在您提供的示例中，浏览器将根据当前视口宽度选择在视频初始加载时使用哪个

<source>

。如果视口宽度为800像素或更宽，浏览器将选择foo-large.webm；否则，它将回退到 foo.webm。