I have an H.264/AAC encoded video in an mp4 file on the server, the mime-type video/mp4 is added to the web server (IIS 7), and I have a page with a video tag:
<video id="html5-video" width="360" height="202" poster="/images/poster.png" controls>
<source src="/video/Web-360x202-14MB.mp4" type="video/mp4">
</video>
Works great on an iPhone 4, but on an iPhone 3GS (same iOS version, 4.3.2) is only shows the poster image and tapping it doesn't start the video.
When I try to open the video file directly, I get a 'tip' from the Mobile Safari developer console:
Other Tip
QuickTime
Movie could not be played
What is needed to get HTML5 video working on an iPhone 3GS? Is it an encoding issue?
Best Answer
I've experienced the same issue and yes it seems that it's an encoding issue. I followed the Universal Smartphone profile provided here :
http://blog.zencoder.com/2010/09/30/how-to-encode-video-for-mobile-use/
and it solved the problem. My mp4 file can now be read both on iPhone 3gs and 4.