title: Video won't load in Chrome but works in Safari
body: <p>I need to load a 30sec mp4 video. When I load my HTML in Safari, it works fine everything loads and the video plays; however, when I load my HTML file in Chrome, the video file does not load. I have a template file with the same code (different video) that does load the video in Chrome.</p>
  
  <p>Could it be a problem with the video file? It's .mp4 but it doesn't have H.264 as a codec.</p>
  
  <p>Here's my HTML for the video:</p>
  
  <pre><code>&lt;section id="video"&gt;
      &lt;!--video width = "640" height = "480" autoplay = "false" controls&gt;--&gt;
      &lt;video width = "540" height = "380" controls&gt;
      &lt;source src="video/manchester.mp4"/&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>And CSS:</p>
  
  <pre><code>section #video {
      position: relative;
      float: right;
      width: 50%;
      margin-top: 100px;
  }
  </code></pre>
  
  <p>I'm using Mac OS X, and I exported the video file via iMovie.</p>