Video HTML5 mp4 que funciona en Chrome y Safari de escritorio, pero no en el iPhone

Question

Estoy intentando simplemente reproducir un video HTML5 que sea compatible con todos los navegadores comunes (incluidos los dispositivos móviles). Por ahora, estoy probando con un video personalizado y un video de muestra.

<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> 

los resultados en un servidor de ensayo:

• Chrome: OK
• escritorio Safari 5: OK (screenshot)
• iPhone Safari: Vídeo arriba no juega (imagen abajo)

¿Qué podría hacer que esto funcione en deskt ¿En Safari pero no en el iPhone? Probé algunas variaciones en la video type parameters tales como:

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

también trató de abandonar el códec atribuyen en blanco:

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

pero ninguno aparece parecía funcionar para el iPhone. El video fue exportado a 3000 kb/s h.264.

Además, el video que causa problemas es un tamaño de archivo de 94 MB.

Answer 1

iOs no es compatible con todos los perfiles que proporciona h.264. Tienes que codificar tu h264 con un perfil de línea de base solo para que se pueda reproducir en iphone/ipad.

Answer 2

Por favor, intente utilizar QuickTime Player para exportar el vídeo optimizado para iPhone, echa un vistazo a esta entrada del blog http://www.treysmithblog.com/how-to-make-html5-videos-for-iphone-and-ipad/