IOS Recorded Video For All Web Browser Support

In ios application, capturing video in mp4 format and uploading it to amazon server. we are embedding this uploaded video url in html file using video tag. The problem is, it wont

Solution 1:

If Chrome PC/Mac, Firefox PC/Mac, and Safari Mac/iOS are what you support, then you needed to provide 2 video sources and 2 audio sources:

HTML 5 Video

src="video.mp4" type="video/mp4" codecs="avc1.4D401E, mp4a.40.2" src="video.webm" type="video/webm" codecs="vp8.0, vorbis"

HTML 5 Audio

src="audio.m4a" type="audio/mp4" codecs="mp4a.40.5" src="audio.ogg" type='audio/ogg; codecs="vorbis"

I agree, it's ridiculous, fortunately Mozilla has given up on boycotting patent encumbered media formats and has enabled Firefox (v35) Mac to play MP4s. I just recently discovered that AAC (MP4 audio) is compatible with Chrome, Firefox, and Safari. So now life is much more simpler:

HTML 5 Media Nirvana

src="video.mp4" type="video/mp4" codecs="avc1.4D401E, mp4a.40.2" src="audio.m4a" type="audio/mp4" codecs="mp4a.40.2"

The only browser that's left out is Opera, I can live with that.