HTML5 <video>标签是否会一次性从服务器下载全部视频？

问题1：页面顶部放置关闭自动播放的<video>标签，是否会优先加载全部视频而影响页面加载速度？ #

• 正常配置下不会加载完整视频，也不会明显影响页面加载速度，具体加载行为由<video>的preload属性控制：
  • 未显式设置preload时，绝大多数浏览器默认值为metadata，仅会加载体积极小的视频元数据（时长、分辨率、首帧画面等），不会占用过多带宽阻塞其他页面资源加载
  • 若手动设置preload="none"，浏览器不会预先加载任何视频资源，只有用户主动触发播放时才会开始加载
  • 仅当你手动设置preload="auto"时，浏览器才有可能预先加载较大片段的视频内容，该场景下才可能对页面加载速度产生影响

补充：部分移动端浏览器出于节省用户流量的策略，即便设置了preload="auto"，也不会预先加载视频内容，仅在用户主动点击播放后才会启动加载。

问题2：20分钟的视频用户此前看到10分钟退出，后续断点续看时是否会重新下载整个视频？ #

• 绝大多数场景下不需要重新下载完整视频，该能力依托服务端的范围请求（Range Requests）支持，目前标准Web服务器、商用视频存储服务默认都已开启该特性：
  • 当用户从10分钟位置启动播放时，浏览器会自动计算该时间点对应的视频字节偏移量，发送携带Range请求头的HTTP请求，明确要求服务端从对应位置开始返回数据，服务端会返回206 Partial Content状态码，仅传输用户需要的后半段内容
  • 如果用户本地浏览器缓存中还保留了前10分钟的未过期视频数据，浏览器会直接复用本地缓存，仅请求10分钟之后的未缓存部分
• 仅当服务端不支持范围请求、或者本地视频缓存已过期被清理时，才会需要重新下载完整视频。

内容的提问来源于stack exchange，提问作者raunasur