HTML5 attachment for Mobile Safari on iPhone 3GS and iPhone 4

Question

I have an H.264 / AAC encoded video in the mp4 file on the server, the mime-type video / mp4 is added to the web server (IIS 7), and I have a page with the 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 iPhone 4, but on iPhone 3GS (same version of iOS, 4.3.2) only the poster image is displayed, and clicking on it does not start the video.

When I try to open the video file directly, I get a hint from the Mobile Safari Developer Console:

Another tip

Quicktime

Unable to play movie

What is needed for HTML5 video to work on iPhone 3GS? Is this an encoding problem?

Answer 1

, , , . Universal Smartphone, :

:

: H.264, 3.0, : AAC, 1-2

:

iOS: iPhone, iPad, Apple TV, iPod Touch, iPod Classic, iPod 5.5G Blackberry: Bold 9000, Curve 8910, 8900, 8520, Pearl 9XXX, Storm, Storm 2, Torch, Tour, Bold 9650 + 9700 Android: (?) : PSP (3.30+), PS3, Xbox 360, web

:

iPod 5G, PSP (pre-3.30), Blackberry Curve 9330, 9300, 8530, 83XX, Pearl 8XXX, 88XX

:

, :

audio_bitrate: 128 ( ) audio_sample_rate: 44100 ( ) : 480 × 320 max_frame_rate: 30 video_bitrate: 1500 ( )

http://blog.zencoder.com/2010/09/30/how-to-encode-video-for-mobile-use/

. mp4 iPhone 3gs, 4.

Answer 2

HTML <video> iPhone 3GS iPhone 4, HTML-, :

• <source>, MP4, MPEG-4 H.264 Video Level 3 + AAC Audio
• (. )

iPhone Miro Video Converter, . , , , HandBrake. , iPod 3GS, iPhone iPod iPod 4+ .

iPhone 4 Apple:

: H.264 720p, 30 , 3.1 AAC-LC 160 /, 48 , .m4v,.mp4 .mov; MPEG-4 , 2,5 /, 640 480 , 30 , AAC-LC 160 / , 48 , .m4v,.mp4 .mov ; Motion JPEG (M-JPEG) 35 /, 1280 720 , 30 , , PCM .avi

https://support.apple.com/kb/SP587?viewlocale=en_US&locale=en_US

iPhone 3GS Apple:

: H.264, 1,5 /, 640 480 , 30 , H.264 AAC-LC 160 /, 48 , .m4v,.mp4 .mov; H.264, 2.5 /, 640 480 , 30 , 3.0 AAC-LC 160 / , 48 , .m4v,.mp4 .mov ; MPEG-4 , 2,5 /, 640 480 , 30 , AAC-LC 160 /, 48 , .m4v,.mp4 .mov 576p 480p Apple Component AV-; 576i 480i Apple Composite AV ( )

https://support.apple.com/kb/SP565?viewlocale=en_US&locale=en_US

Answer 3

I had the same problem, but all of these fixes did not work. Ultimately, everything was done to remove the htaccess protection that I used for these files. The previous answer is right, but this will fix any htaccess security issues.

AuthName "myusername"
AuthType Basic
AuthUserFile /Library/WebServer/.htpasswd

Require valid-user

<FilesMatch mp3>
Satisfy any 
order allow,deny 
allow from all 
</FilesMatch> 

<FilesMatch mp4>
Satisfy any
order allow,deny
allow from all
</FilesMatch>

<FilesMatch aac>
Satisfy any
order allow,deny
allow from all
</FilesMatch>

<FilesMatch m4v>
Satisfy any
order allow,deny
allow from all
</FilesMatch>

<FilesMatch m4b>
Satisfy any
order allow,deny
allow from all
</FilesMatch>