强制浏览器更新缓存的 HTML5 视频对象答案

【问题标题】：Force browser to update cached HTML5 video object强制浏览器更新缓存的 HTML5 视频对象
【发布时间】：2016-09-12 22:01:28
【问题描述】：

有没有办法强制网络浏览器，即 Firefox 或 Firefox Mobile（最新版本）在页面重新加载时更新 HTML5 视频对象？

我正在使用 CTRL+R、重新加载按钮和 2 分钟的 HTTP 刷新，但这些选项都不会“更新”视频文件，除非重新启动浏览器或清除缓存。此外，Firebug 甚至不显示正在加载的 MP4 文件。

旁注：MP4 文件由 shell 脚本每 2 分钟生成一次。我已经通过检查时间戳验证了视频正在更新，而且如果我退出/重新启动 Firefox，它也可以工作。

这是我的代码：

<!DOCTYPE html>

<html>

<head>
<title>Cameras</title>
<meta http-equiv='refresh' content='120'>
</head>

<body>
<h3>Cameras</h3>
<video id="CamLoop" height="100%" width="100%" autoplay loop><source src='/Get/Cams/_Loop.mp4'></source></video>
</body>

</html>

【问题讨论】：

您是否尝试过添加随机缓存破坏器参数（或仅添加时间戳）

标签： javascript html firefox video mp4

【解决方案1】：

是的。将随机参数附加到 url，通常是时间戳。本质上，参数什么都不做，但这会让浏览器认为 url 不同，并会强制自己加载资源

http://yoursite.com/path/to/resource.mp4?t=1923801924

但是，对于您的方法，您需要 JS 来设置视频的源，而不是在每次重新加载时都依赖相同的确切值。

【讨论】：