We have a website which allows users to upload image, video, and audio files. Then they are able to watch them via streaming. We deliver these as .m3u8 files. In chrome and safari, video and audio works fine. Same for android phones. In iPhone, videos play but audio shows the play button with a slash through it.
Here is a jsfiddle to play on an iPhone or simulator. You will see the second one, the video, will play. The audio file will not.
https://jsfiddle.net/59ryjLub/1/
Note that both will not play unless something like hls.js is used for web. But for iOS devices, there is supposed to be a native converter. This is what seems to be broken for audio files.
What can I do to get the audio files to play on iPhone mobile web? Please advise!