在HTML5 3GS和iPhone 4上嵌入移动Safari的iPhone视频

Question

我在服务器上的mp4文件中有一个H.264/AAC编码的视频，mime类型的视频/MP4被添加到web服务器(IIS 7)，并且我有一个带有视频标记的页面：

<video id="html5-video" width="360" height="202" poster="/images/poster.png" controls>
    <source src="/video/Web-360x202-14MB.mp4" type="video/mp4">
</video>

在iPhone 4上工作得很好，但是在iPhone 3GS上(相同的iOS版本，4.3.2)只显示海报图像，点击它不会启动视频。

当我试图直接打开视频文件时，我从Mobile开发者控制台得到一个“提示”：

其他提示 QuickTime 电影不能播放

要让HTML5视频在iPhone 3GS上工作需要什么？这是编码问题吗？

Answer 1

我也经历过同样的问题，是的，这似乎是一个编码问题。我遵循了在这里提供的通用智能手机配置文件：

缺省值： 视频: H.264，3.0级，基线剖面音频: AAC，1-2个频道 播放： iOS: iPhone，iPad，Apple，iPod Touch，iPod经典版，iPod 5.5G黑莓:粗体9000，曲线8910,8900,8520，珍珠9XXX，Storm，Storm 2，火炬，旅游，Bold 9650 + 9700 Android:全部(?)其他: PSP (3.30+)，PS3，Xbox 360，web 不会继续玩： iPod 5G，PSP (前3.30)，黑莓曲线9330,9300,8530，83XX，珍珠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

如果你得到了这个符号

​

​

对于<video> 3GS或iPhone 4上的HTML元素，这是因为如果：

• 有一个<source>，它是用MPEG-4 H.264视频三级基线配置文件+ AAC音频编码的MP4。
• 该决议不超过特定手机的限制(见下面的规格)

我尝试了米罗视频转换器的iPhone配置文件，但它没有工作。我发现转换成这种格式的最简单的代码转换程序是HandBrake。只需使用iPod预置的3GS支持和iPhone & iPod预置的iPod 4+支持更高的分辨率。

iPhone 4来自苹果的规格

支持的视频格式: H.264视频高达720 p，每秒30帧，主轮廓级别3.1，AAC-LC音频高达160 Kbps，48 480，立体声音频为.m4v、.mp4和.mov文件格式；MPEG-4视频，高达2.5 Mbps，640×480像素，每秒30帧，简单轮廓，AAC-LC音频高达160 Kbps /信道，48 480，立体声.m4v，.mp4和.mov文件格式；运动JPEG (Mbps)可达35 Mbps，1280乘720像素，每秒30帧，音频为ulaw，PCM立体声音频为.avi文件格式。

我们

iPhone 3GS来自苹果的规格

支持的视频格式: H.264视频，高达1.5 Mbps，640×480像素，每秒30帧，低复杂度版本的H.264基线配置文件，AAC-LC音频高达160 Kbps，48 the，立体声( .m4v、.mp4和.mov文件格式)；H.264视频，高达2.5 Mbps，640×480像素，每秒30帧，基线配置文件高达3.0，AAC-LC音频高达每通道160 Kbps，48 the，.m4v、.mp4和.mov文件格式的立体声；MPEG-4视频，高达2.5 Mbps，640×480像素，每秒30帧，简单轮廓，AAC-LC音频高达160 Kbps，48 for，立体声音频以.m4v，.mp4和.mov文件格式支持576 p和480 p与苹果组件AV电缆；576 i和480 i与苹果复合AV电缆(电缆单独销售)

我们

Answer 3

我也经历过同样的问题，但所有这些修复措施都不起作用。最终起作用的是删除那些文件所使用的htaccess保护。前面的答案是正确的，但这将解决任何htaccess安全问题。

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>