title: HTML5 Video | Video Unsupported / Invalid File Type | IE
body: <p>Good Evening StackOverflowers!
  I seem to have a problem with getting the HTML5 video tag to work in IE, or Safari (Firefox seems to load, but it wants to download the entire file before playing). It works in Chrome without issue. </p>
  
  <p>In IE, I get the error: "Error: Unsupported video type or invalid file path".</p>
  
  <p>I have done research, and it seems many find a solution by adding MIME types to their .htaccess file. I have done this to no avail. The next problem was that I needed to put the .mp4 first in the video listing, done - but no solution. </p>
  
  <p>My .htaccess file looks like this: (WordPress Install)</p>
  
  <pre><code># BEGIN WordPress
  &lt;IfModule mod_rewrite.c&gt;
  RewriteEngine On
  RewriteBase /wpress/
  RewriteRule ^index\.php$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /wpress/index.php [L]
  &lt;/IfModule&gt;
  
  # END WordPress
  
  #Audio HTML5 Mime Types
  AddType audio/aac .aac
  AddType audio/mp4 .mp4 .m4a
  AddType audio/mpeg .mp1 .mp2 .mp3 .mpg .mpeg
  AddType audio/ogg .oga .ogg
  AddType audio/wav .wav
  AddType audio/webm .webm
  
  #Video HTML5 Mime Types
  AddType video/mp4 .mp4 .m4v
  AddType video/ogg .ogv
  AddType video/webm .webm 
  </code></pre>
  
  <p>Additionally, this is what my video code looks like: (Yes, I know it's wordy...)</p>
  
  <pre><code>&lt;video width="100%" height="100%" controls="controls"&gt;
    &lt;source src="http://www.frozentears.org/wpress/wp-vlog/vlogVid/Rus/[RUS]Rossiyskaya.Imperia/[RUS]Rossiyskaya.Imperia.E01.Petr.I.PI.mp4" type='video/mp4' /&gt;
    &lt;source src="http://www.frozentears.org/wpress/wp-vlog/vlogVid/Rus/[RUS]Rossiyskaya.Imperia/[RUS]Rossiyskaya.Imperia.E01.Petr.I.PI.webm" type='video/webm' /&gt;
    Video tag not supported. Download the video &lt;a href="http://www.frozentears.org/wpress/wp-vlog/vlogVid/Rus/[RUS]Rossiyskaya.Imperia/[RUS]Rossiyskaya.Imperia.E01.Petr.I.PI.mp4"&gt;here&lt;/a&gt;.
  &lt;/video&gt;
  </code></pre>
  
  <p>The whole page that is giving me issues can be seen here: <a href="http://bit.ly/1g2quqe" rel="nofollow noreferrer">http://bit.ly/1g2quqe</a>
  I have checked the stack and found these threads <a href="https://stackoverflow.com/questions/15639444/how-do-i-get-a-html5-video-to-work-using-ie10">here</a>, <a href="https://stackoverflow.com/questions/18500282/ie10-not-playing-a-video-when-using-the-video-tag-but-plays-it-when-requestin">here</a> and <a href="https://stackoverflow.com/questions/19275225/mp4-html5-video-not-working-on-ie10">here</a>, followed their advice, but for some reason it still has yet to work for me. </p>
  
  <p>Furthermore, some suggested that I put the file path in the address bar, if the file plays then the error is in the code. When I put the .mp4 file in the address bar, I was just prompted to download the file, the browser didn't play the file. </p>
  
  <p>Any advice would be greatly appreciated. 
  Best regards,
  Laura</p>