HTML 视频自动播放循环

Question

保持简短。

我有一个视频，它设置为通过视频标签中的属性自动播放和循环播放。效果很好 - 视频会一遍又一遍地自动播放。

<video autoplay loop>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
</video>

唯一奇怪的行为是，每次视频重新开始时，它都会作为 GET 请求被检索，就好像视频是第一次加载一样。这可以防止吗？如果有几个人在网站上，这会导致巨大的流量。

Answer 1

检查您的 Chrome 开发工具网络设置，您很可能检查了 Disable cache，因此每次循环它都会再次获取视频。

Answer 2

尝试将缓存标头添加到视频文件的响应中。 属性的最佳组合是 ETag + Cache-Control:max-age

注意：max-age 的最大值为 31536000

当资源过期时，浏览器会根据ETag值发送条件请求。