title: Video.js / Contrib-HLS not playing HLS in most browsers (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED)
body: <p>I have a video player I'm building that needs to play HLS live and on-demand streams.</p>
  
  <p>It seems to be working fine in only Safari.  (minus the custom styling which I need to update, ignore that)
  In all other browsers I get this error:</p>
  
  <p><code>VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded,
  either because the server or network failed or because the format is not supported.
  </code></p>
  
  <p>What am I missing?  Seems pretty similar to the contrib-hls demo page implementation, which plays fine in all browsers.</p>
  
  <p>Here's the repo:  <a href="https://github.com/adult-swim/adult-swim-video-player" rel="noreferrer">https://github.com/adult-swim/adult-swim-video-player</a> and the branch to look at is <code>feature-latest-versions</code></p>
  
  <p>For testing I'm actually using a downloaded video from the videojs-contrib-hls demo page here: <a href="http://videojs.github.io/videojs-contrib-hls/" rel="noreferrer">http://videojs.github.io/videojs-contrib-hls/</a> </p>
  
  <p>Here is where I'm where I'm initializing VideoJS: <a href="https://github.com/adult-swim/adult-swim-video-player/blob/feature-latest-versions/app/scripts/views/adult-swim-video-player.js#L56" rel="noreferrer">https://github.com/adult-swim/adult-swim-video-player/blob/feature-latest-versions/app/scripts/views/adult-swim-video-player.js#L56</a> </p>
  
  <p>Here's two compiled versions of the code:<br>
  <a href="http://www.adultswim.com/dev/as-player/" rel="noreferrer">http://www.adultswim.com/dev/as-player/</a>  -  on demand<br>
  <a href="http://www.adultswim.com/dev/as-player-live/" rel="noreferrer">http://www.adultswim.com/dev/as-player-live/</a>  - live</p>
  
  <p>I'm using these versions:<br>
  video.js : 5.5.2<br>
  videojs-contrib-hls : 1.3.4<br>
  videos-contrib-media-sources : 2.4.4</p>