HTML5视频标签 - 最佳视频格式

时间:2012-04-19 00:05:49

标签: video

为了在HTML5视频广告代码中使用,我最近转换了以下格式的视频:

Duration: 4:40
Video: H264 640x360 16:9 4982Kbps 23.98fps
Audio: AAC 44 KHz 255 Kbps Stereo

以下三种格式(以提高所有设备的兼容性):

Type: MP4 (56,018 KB)
Video: H264 640x360 16:9 1481 Kbps 23.98 fps
Audio: AAC 44 KHz 152 Kbps Stereo

Type: OGG (58,025 KB)
Video: THEORA 640x360 16:9 1398 Kbps 23.98 fps
Audio: VORBIS 44 KHz 240 Kbps Stereo

Type: WEBM (57,471 KB)
Video: VP8 640x360 16:9 840 Kbps 23.98 fps
Audio: VORBIS 44 KHz 840 Kbps Stereo

我有很多问题需要花费很长时间来缓冲,即使它确实发挥作用,它也是跳跃或似乎跳过帧。在移动设备上,它更加痛苦。

知道最佳视频格式的人是否可以让我知道我做错了什么,如果是的话,我该怎么做才能修复它?只是他们甚至太大了吗?

谢谢!

3 个答案:

答案 0 :(得分:4)

没有“最佳”视频格式,因为并非所有浏览器都兼容所有平台上的所有视频格式。

编辑2013-12:似乎MPEG-4 / H.264正在击败竞争对手;只有主要的阻碍是Firefox OSX&一些Linux,Opera和& Android less than v4.4 works only if you format it a certain way http://caniuse.com/#feat=mpeg4

此外: http://caniuse.com/#feat=ogv | http://caniuse.com/#feat=webm |我的其他帖子有更好的后备支持

答案 1 :(得分:3)

刚刚发现创建MP4 H264的默认方式是使用文件末尾的索引数据,因此在视频启动之前基本上需要处理大量数据。 Safari似乎特别挑剔,而其他浏览器似乎没有问题。

我发现有人创建了一个Adobe AIR软件,它将索引数据移动到文件的开头,这样视频在Safari中的加载速度就像在Chrome中一样快。

http://renaun.com/blog/2010/06/qtindexswapper-2/

希望我这天前找到了,花了很多时间试图弄清楚为什么Safari会遇到这么多麻烦。

答案 2 :(得分:1)

可能是在浏览器中呈现视频/音频的最佳方式。不必担心兼容性: http://mediaelementjs.com/