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 + 缓存控制：max-age

  

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

当资源按年龄到期时，浏览器将根据ETag值发送条件请求。