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

Question

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

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

旁注：MP4 文件由 shell 脚本每 2 分钟生成一次。我已经通过检查时间戳验证视频正在更新，而且如果我 exit/restart 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>

Answer 1

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

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

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

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

Force browser to update cached HTML5 video object

html

javascript

video

firefox

mp4