title: mediaelement.js streaming audio ie11 invalid source
body: <p>I am trying to get MediaElement.js to work as a streaming mp3/radio player, and the test code works perfectly with Chrome and FireFox, but gives me an "Invalid Source" error when using it on IE11. I have an older flash only player that works in IE sorta, but doesn't at all in Android, and is otherwise old and a pain, so I want to update it. I have looked all over and seen a number of problems, but no clear solutions that I can implement. My code is bonehead simple, so I don't understand why this is happening, some seem to have worked around it, others seem stymied, but I haven't found a clear workaround. Any clues? How do I get a player to work in IE 11?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
      &lt;title&gt;mediaelement.js shoutcast example&lt;/title&gt;
      &lt;script src="../build/mediaelement-and-player.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="../build/css/mediaelementplayer.min.css" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;center&gt;
  &lt;audio id="player" width="100%" controls preload="metadata"&gt;
      &lt;source src="http://s6.voscast.com:8166/;stream/1" data-plugin-type="flash" type="audio/mp3" /&gt;
      &lt;source src="http://s6.voscast.com:8166/;stream/1" data-plugin-type="native" type="application/vnd.apple.mpegURL" /&gt;
  &lt;/audio&gt;&lt;/center&gt;
  
  &lt;script&gt;var player = new MediaElementPlayer("#player", {mode: 'auto_plugin', pauseOtherPlayers: true, pluginPath: "js/", features: ["playpause", "volume", "current", "progress", "duration"] });&lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>