title: Playing MP4 files in Firefox using HTML5 video
body: <p>I have searched around quite a bit but have not solved my problem.</p>
  
  <p>I have a <code>video</code> tag running as follows: </p>
  
  <pre><code>&lt;video 
    class="ne" 
    src="{{ page | video_url }}" 
    muted="true" 
    volume="0"  
    controls 
    width="720" 
    height="480" 
    poster="{{ page | video_poster_image_url }}" 
    type="video/mp4"&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>I am using Jekyll for the URLs. They work fine. </p>
  
  <p>The site is live at <a href="http://switzerlandllc.com" rel="nofollow noreferrer">switzerlandllc.com</a>.  Click any video in FF and it shows an image and an X. Chrome and other browsers work fine.</p>
  
  <p>If you grab the source of a video and load it in a new tab it plays fine. At least it does for me.</p>
  
  <p>I have added: </p>
  
  <pre><code>AddType video/ogg .ogv
  AddType video/mp4 .mp4
  AddType video/webm .webm
  </code></pre>
  
  <p>to my <code>htaccess</code> file.  I suspect that I don't need the <code>.ogv</code> or <code>.webm</code>.</p>
  
  <p>I don't understand why loading the video URL will play the videos fine but loading the video into a video tag fails. </p>
  
  <p>Any ideas?</p>