title: HTML5 Video: Unknown MIME type with Content Type application/vnd.apple.mpegurl
body: <p>I'm having some trouble trying to play a video using HTML.
  The src is correct, if I run it with VLC, for instance, it shows the video normally. My stream is throwing "<strong>application/vnd.apple.mpegurl</strong>" as <strong>Content Type</strong>. </p>
  
  <p>I've been trying to set many different values for the "type" attribute but none of the ones that I tried work. Watching for the console, in Internet Explorer I see the error message: <strong>MEDIA12899: AUDIO/VIDEO: Unknown MIME type</strong>.</p>
  
  <p>I'm pasting below the HTML. I replaced the real address with some X for safety reasons but I guess the real important info is still there:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html lang="en" xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;h1&gt;Video HTML 5&lt;/h1&gt;
      &lt;video width="480" height="300" id="video1" autoplay="autoplay" controls="" poster="poster.jpg"&gt;
          &lt;source src="http://example.com:1935/xxx/mp4:xxx.mp4/playlist.m3u8" type="application/x-mpegURL" /&gt;
          &lt;script type="text/javascript"&gt;alert('Fail!');&lt;/script&gt;
      &lt;/video&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Do you guys have any tip on how to solve the issue? I know the problem is the mime type, but is there something that I'm overlooking, am I fighting a lost battle, something like it?</p>