title: How can I show MJPEG, H264 Live Stream, and playback video in Chrome, Firefox and IE?
body: <p><strong>Problem</strong></p>
  
  <p>I have multiple IP cameras from multiple manufactures. The cameras provide the following live feeds:</p>
  
  <ul>
  <li>Manufacturer_1 Feed_1: MJPEG via http</li>
  <li>Manufacturer_1 Feed_2: h264 via rtsp</li>
  <li>Manufacturer_2 Feed_1: h264 via http</li>
  </ul>
  
  <p><strong>What Works</strong></p>
  
  <p>For Chrome and Firefox MJPEG:</p>
  
  <ul>
  <li>http live feeds work like a charm using the img tag and setting the
  source to the live feed URL.</li>
  <li>Playback of recorded MJPEG video or H264 works on all three browsers using VideoJS</li>
  </ul>
  
  <p><strong>What I need</strong></p>
  
  <p>Play live feeds of H264 on all three browsers. Play MJPEG feeds on IE. </p>
  
  <p><strong>What I'm trying to avoid</strong></p>
  
  <p>Using FFMPEG or VLC to transcode and stream H264 to MJPEG, which would still only work for Chrome and Firefox.</p>
  
  <p><strong>Notes</strong></p>
  
  <p>Chrome does not accept plugins. Meaning Flash or other plugin based solutions will not work.</p>
  
  <p>ActiveX video controls on IE are rarely stable. Manufacturer specific controls are sub-par at best.</p>
  
  <p>I know that the HTML5 video tag is implemented independently by the browsers and each browser decides what video formats to support. </p>
  
  <p><a href="http://caniuse.com/#search=video" rel="nofollow">This link</a> is a quick overview of the severe browser video limitations and the burden that falls on all of us as developers who are cough in the middle of this modern browser war.</p>