title: Prevent Browser File Caching
body: <p>I need to disable caching for single files in all browsers. 
  I have a website that generates small video clips. There is a preview stage where the results can be watched. <br> </p>
  
  <p>An mp4 called <em>preview.mp4</em> is displayed. When the user goes back, edits the video and wants to preview it again, the old <em>preview.mp4</em> is being displayed even though the file on the server is changed. </p>
  
  <p>How can I prevent the caching of this video file? Or what are the other ways to fix it?</p>
  
  <p><strong>Note:</strong> it's a single page application so I don't reload any HTML files. Only PHP content. Hence the headers I set, are not useful in this scenario: </p>
  
  <pre><code>&lt;meta http-equiv="X-UA-Compatible" content="IE=Edge"/&gt;
  &lt;meta http-equiv="cache-control" content="no-store" /&gt;
  </code></pre>
  
  <p>Thanks. </p>