HTML5 mp4视频可在Chrome和Desktop Safari中使用,但不适用于iPhone

我正在尝试简单地播放 HTML5视频,该视频将与所有常见浏览器(包括移动设备)兼容.目前,我正在测试一个自定义视频和一个示例视频.

<video width="680" height="383" controls>
    <source src="immunize-video-1/immunize_web_h.264.mp4" type='video/mp4; codecs="avc1.42E01E,mp4a.40.2"'>
    <source src="immunize-video-1/immunize_web_h.264.ogv" type='video/ogg; codecs="theora,vorbis"'>
    [FLASH FALLBACK HERE]
</video>
<video width="680" height="383" controls>
    <source src="big-buck-bunny/big_buck_bunny.mp4" type='video/mp4; codecs="avc1.42E01E,mp4a.40.2"'>
    <source src="big-buck-bunny/big_buck_bunny.ogv" type='video/ogg; codecs="theora,vorbis"'>
    [FLASH FALLBACK HERE]   
</video>

登台服务器上的结果：

> Chrome：好的
>桌面Safari 5：好的(screenshot)
> iPhone Safari：热门视频无法播放(截图如下)

什么可能导致它在桌面Safari上工作,但不能在iPhone上工作？我尝试了video type parameters的一些变化,例如：

<source src="immunize-video-1/immunize_web_h.264.mp4" type='video/mp4; codecs="avc1.64001E,mp4a.40.2"'>

还尝试将编解码器属性留空：

<source src="immunize-video-1/immunize_web_h.264.mp4" type='video/mp4'>

但没有一个列出似乎适用于iPhone.该视频以3000 kb / s h.264的速度输出.

此外,导致问题的视频是94MB文件大小.