title: Force browser to update cached HTML5 video object
body: <p>Is there a way to force a web browser, i.e. Firefox or Firefox Mobile (latest versions) to update a HTML5 video object when the page reloads?</p>
  
  <p>I am using CTRL+R, reload button, and a HTTP refresh of 2 minutes, but none of these options "update" the video file unless restart the browser or clear cache. Additionally, Firebug does not even show the MP4 file being loaded in.</p>
  
  <p>Side note: The MP4 file is generated by a shell script every 2 minutes. I have verified that the video is updating by checking the timestamp, plus it works if I exit/restart Firefox.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  
  &lt;head&gt;
  &lt;title&gt;Cameras&lt;/title&gt;
  &lt;meta http-equiv='refresh' content='120'&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;h3&gt;Cameras&lt;/h3&gt;
  &lt;video id="CamLoop" height="100%" width="100%" autoplay loop&gt;&lt;source src='/Get/Cams/_Loop.mp4'&gt;&lt;/source&gt;&lt;/video&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>