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

标签 javascript html firefox video mp4

有没有办法强制网络浏览器,即 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>

最佳答案

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

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

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

关于javascript - 强制浏览器更新缓存的 HTML5 视频对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37265349/

相关文章:

javascript - TinyMCE返回html标签

javascript - 使用 javascript 模数将类添加到每三个项目,但不希望将其应用于第一个 0

php - 如何在 HTML 上保存民意调查获取和保存民意调查结果

ruby-on-rails - 在firefox中网站被重定向到 "https"(其他浏览器正常)

javascript - 避免 iPhone 超时

javascript - 如何将 JavaScript 浮点 PCM 音频数组转换为小端字节字符串?

用于图像和描述的 jQuery slider

html - 需要 Webinar 栏与上图相同...短两个像素

css - 在 Firefox 59.0 中隐藏滚动条

css - 抑制 Firefox 错误控制台中的 "filter"错误?