title: Html5 Video Not Working Chrome
body: <p>This is my first question and I'm still an amateur developer and in still in the learning phases. A friend of mine has sent me an .mp4 file and I have converted it into a .webm both in the same folder. Currently my html has this: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;video width="1920" height="1080" controls autoplay id="video-background"&gt; 
   &lt;source src="/img/reel.mp4" type="video/mp4"&gt;
   &lt;source src="/img/reel.webm" type="video/webm"&gt;
   Sorry, your browser doesn't support HTML5 video.
  &lt;/video&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The video does not show up at all, only the controls. I don't even get the "Sorry your browser doesn't support HTML5 video." without the controls. Just a blank spot of where a video should be.  </p>
  
  <p>I'm not hosting the video on a server or anything. Its a local file about 88mb large. Its only a minute long worth of video meant to loop in the background. I'm able to get video from a link to play, but not this local .mp4/.webm file. I have checked youtube, stackoverflow, and googled a lot. Really need some help on this.</p>
  
  <p>Yes, I have also tried .ogv and it still didn't work. I have tripled checked the file paths and have checked on the encoding of the video and double checked the formats. Everything seems like it should be good to go, but it just doesn't play. </p>
  
  <p>I have no css written out for this section, just wanting my local file video to play. What am I do doing wrong and how do I fix it?   </p>