title: HTML5 video local source + web source
body: <p>I would like my webpage to look for some video files locally first, and then play them from the web if they are not found.  This makes sense for me because I am building a kiosk that will run on someone else's wifi (that may be slow).  I would like to do something like this:</p>
  
  <pre><code>&lt;video id="video1" width="420"&gt;
      &lt;source src="c:\website\assets\video\mov_bbb.mp4" type="video/mp4"&gt;
      &lt;source src="\assets\video\mov_bbb.mp4" type="video/mp4"&gt;
      Your browser does not support HTML5 video.
  &lt;/video&gt;
  </code></pre>
  
  <p>This doesn't work for me because the video tag doesn't like that local pathing.  I have seen people online suggesting the following, but I don't really understand how to implement it to solve my problem.  Can anyone help?</p>
  
  <pre><code>&lt;input type="file" accept="video/*"/&gt;
  &lt;video controls autoplay&gt;&lt;/video&gt;
  </code></pre>