HTML5视频强制重新加载/阻止缓存

HTML5 Video Force Reload / Prevent Cache

本文关键字:加载 缓存 视频 新加载 HTML5      更新时间:2023-09-26

在HTML5视频标签中,如何强制按需/加载流式传输HTML5视频块,并防止它们在客户端缓存?简单地说,如何防止浏览器缓存HTML5视频?

我的最终目标是让视频的来源在短时间内(比如10分钟)可用,然后我将使来源无效/过期。我知道如何在ASP.NET中使视频HTTP URL无效,或者如果视频托管在AmazonS3存储上,是否要这样做。但是,如果浏览器缓存我的视频,它将是自己的,并且不再从服务器请求视频。

我已经查看了这篇关于使用HTML5视频的详细文章,但运气并不好。

我看到了两个不错的选项,通过使用这两个选项,您应该会得到合理的结果:

  1. 通过附加时间戳使用唯一的URL:

    domain.com/video.mp4?t="+新日期();

或者类似的东西。然后,您可以检查t的值,如果它在您的窗口之外,则可以拒绝。由于Date()总是请求一个新的url,浏览器将被迫向服务器请求该文件。

  1. 缓存控制标头。确保你在htaccess中为你的视频文件设置了它们,以强制10分钟的刷新寿命:

    标头集缓存控制"最大年龄=600"AddType视频/webm.webm

60s x 10m=600

编辑:刚刚看到asp.net标签,在IIS中设置了缓存控制头。