MANIFEST_INCOMPATIBLE_CODECS_ERROR for H264/MP3 stream in latest Chrome

[radiantmediaplayer]

Environment

• The stream has correct Access-Control-Allow-Origin headers (CORS)
• There are no network errors such as 404s in the browser console when trying to play the stream
• The issue observed is not already reported by searching on Github under https://github.com/dailymotion/hls.js/issues
• The issue occurs in the latest reference client on http://dailymotion.github.io/hls.js/demo and not just on my page

• Link to playable M3U8 file:
  OK: https://www.radiantmediaplayer.com/media/hls/h264mp3/playlist.m3u8
  KO: http://rmp-streaming.com:1935/vod/bbb-576p-mp3.mp4/playlist.m3u8
• Hls.js version: 0.6.11
• Browser name/version: Chrome 54
• OS name/version: Windows 10

Steps to reproduce

Go to http://dailymotion.github.io/hls.js/demo/ and input both HLS links above.
https://www.radiantmediaplayer.com/media/hls/h264mp3/playlist.m3u8 works
http://rmp-streaming.com:1935/vod/bbb-576p-mp3.mp4/playlist.m3u8 does not work
Te only difference between each stream is that the second one has an explicit CODECS="avc1.77.32,mp4a.40.34" data in the manifest.
This cause an manifestIncompatibleCodecsError error. See our custom logs below.

Expected behavior

Stream 2 should play

Actual behavior

Stream 2 does not play

Console output

RMP: click event on container
rmp.js:6087 RMP: HTML5 play/pause requested
rmp.js:9501 RMP: HLSJS create hls.js instance
rmp-hls.debug.js:12424 [log] > attachMedia
rmp.js:9534 RMP: HLSJS loading source manifest now
rmp-hls.debug.js:12424 [log] > loadSource:http://rmp-streaming.com:1935/vod/bbb-576p-mp3.mp4/playlist.m3u8
rmp-hls.debug.js:12424 [log] > trigger BUFFER_RESET
rmp.js:5531 RMP: HTML5 loadstart event
rmp-hls.debug.js:12424 [log] > media source opened
rmp.js:9589 --------------------
rmp.js:9591 RMP: HLS decoder fatal error detected
rmp.js:9592 RMP: error logs follow
rmp.js:9597 mediaError
rmp.js:9598 manifestIncompatibleCodecsError
rmp.js:9599 --------------------
rmp.js:9624 RMP: HLSJS fatal media error encountered, try to recover
rmp.js:9627 RMP: firstMediaError call recoverMediaError
rmp-hls.debug.js:12424 [log] > recoverMediaError
rmp-hls.debug.js:12424 [log] > detachMedia
rmp-hls.debug.js:12424 [log] > media source detaching
rmp-hls.debug.js:12424 [log] > engine state transition from undefined to STOPPED
rmp-hls.debug.js:12424 [log] > attachMedia
rmp-hls.debug.js:12424 [log] > audio tracks updated
rmp.js:5531 RMP: HTML5 loadstart event
rmp-hls.debug.js:12424 [log] > media source opened
rmp.js:5659 RMP: HTML5 stalled event

[mangui]

fixed