4

为了在 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

我遇到了很多问题，它需要很长时间来缓冲，即使它确实播放，它也会跳动或似乎跳帧。在移动设备上，它更加痛苦。

如果我做错了什么，那么了解最佳视频格式的人可以告诉我，如果是这样，我应该怎么做才能解决它？只是它们太大了吗？

谢谢！

4

3 回答 3

4

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

编辑 2013-12：似乎 MPEG-4/H.264 击败了竞争对手；唯一的主要障碍是 Firefox 在 OSX 和一些 Linux、Opera 和 Android 上低于 v4.4 只有当你以某种方式格式化它时才能工作 http://caniuse.com/#feat=mpeg4

另外： http ://caniuse.com/#feat=ogv | http://caniuse.com/#feat=webm | 我的另一篇文章有​​更好的后备

于 2012-04-19T00:25:29.587 回答
3

刚刚发现MP4 H264的默认创建方式是文件末尾的索引数据，所以基本上需要处理相当多的数据才能开始播放视频。Safari 似乎对此特别挑剔，而其他浏览器似乎对此没有任何问题。

我发现有人创建的 Adob​​e AIR 软件将索引数据移动到文件的开头，这样视频在 Safari 中的加载速度与在 Chrome 中一样快。

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

真希望我在几天前就发现了这个，花了这么多时间试图弄清楚为什么 Safari 遇到了这么多麻烦。

于 2012-04-19T08:29:44.347 回答
1

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

于 2012-05-01T15:57:17.480 回答