title: HTML5 - .mp4 video fails to load as a resouce in browser?
body: <p>I have a simple HTML5 page that has a .mp4 video file on the page using the video tag. In my development environment, the video works as it should in the browser and plays.</p>
  
  <p>When I upload the files to my staging environment, the video does not work, and gives a console error:</p>
  
  <pre><code>Failed to load resource: the server responded with a status of 404 (Not Found)
  
  http://staging-url-here.com/videos/MyVideo.mp4
  </code></pre>
  
  <p>All files are in the correct locations within the folders, so I have no idea why this video works fine when I test in my own development browser, but fails to load in staging.</p>
  
  <p>Can anyone provide insight as to why this would occur?</p>
  
  <p>Index.html</p>
  
  <pre><code>&lt;video class="img-responsive" id="video" poster="images/PosterImg.PNG"  /&gt;
         &lt;source src="videos/MyVideo.mp4" type="video/mp4"&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>Folder Structure</p>
  
  <p>C:\Users\MyUser\Documents\Project1\MyWebsite\Index.html</p>
  
  <p>C:\Users\MyUser\Documents\Project1\MyWebsite\videos\MyVideo.mp4</p>