HTML5 MP4 видео работает в Chrome и Desktop Safari, но не в iPhone

Question

Я пытаюсь просто воспроизвести видео 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>

Результаты на промежуточном сервере:

• Хром: ОК
• Настольное Safari 5: ОК ( снимок экрана )
• iPhone Safari: топ видео не воспроизводится (скриншот ниже)

Что может заставить это работать на настольном Safari, но не на iPhone? Я попробовал несколько вариантов параметров типа видео , таких как:

<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 кбит / с, h.264.

Кроме того, видео, вызывающее проблемы, имеет размер 94 МБ.

Answer 1

iOs не поддерживает все профили, которые предоставляет h.264. Вы должны кодировать ваш h264 только с базовым профилем, чтобы его можно было воспроизводить на iphone / ipad.

Answer 2

Пожалуйста, попробуйте использовать QuickTime Player для экспорта видео, оптимизированного для iPhone, ознакомьтесь с этой записью в блоге http://www.treysmithblog.com/how-to-make-html5-videos-for-iphone-and-ipad/