title: HTML video loop re-downloads video file
body: <p>I have an HTML5 video that is rather large. I'm also using Chrome. The video element has the <code>loop</code> attribute but each time the video "loops", the browser re-downloads the video file. I have set <code>Cache-Control "max-age=15768000, private"</code>. However, this does not prevent any extra downloads of the identical file. I am using Amazon S3 to host the file. Also the s3 server responds with the <code>Accepts Ranges</code> header which causes the several hundred partial downloads of the file to be requested with the <code>206</code> http response code. </p>
  
  <p>Here is my video tag:</p>
  
  <pre><code>&lt;video autoplay="" loop="" class="asset current"&gt;
      &lt;source src="https://mybucket.s3.us-east-2.amazonaws.com/myvideo.mp4"&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>UPDATE: </p>
  
  <p>It seems that the best solution is to prevent the <code>Accept Ranges</code> header from being sent with the original response and instead use a 200 http response code. How can this be achieved so that the video is fully cached through an <code>.htaccess</code> file?</p>
  
  <p>Thanks in advance. </p>