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

时间:2016-05-17 00:42:32

标签: javascript html5 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>

1 个答案:

答案 0 :(得分:3)

是。在网址上附加一个随机参数,通常是一个时间戳。从本质上讲,param什么都不做,但这会让浏览器认为url是不同的,并且会强迫自己加载资源

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

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