移动HTML5视频格式,视频大小和FPS

时间:2012-03-24 21:18:33

标签: html5 mobile video-streaming html5-video video-encoding

我即将使用HTML5创建移动网站,并希望使用HTML5视频代码。

我希望该网站能够与iPhone,iPad,Android和其他智能手机/设备配合使用。

  1. 我应该选择哪种视频格式? MP4?
  2. 我应该使用哪种尺寸的宽度和高度来获得最佳效果?
  3. 我应该为视频使用哪种FPS(每秒帧速率)?
  4. 提前致谢。

1 个答案:

答案 0 :(得分:2)

这些都是非常主观的问题,所以我会给你一些相当主观的答案:

  1. 我为3种媒体类型提供了良好的体验(希望也是其他人): H264/MP4 OGG { {3}} 对于<video>个元素,至少这个组合在我现在能够检查的所有设备上运行良好。
  2. 如果您还希望在桌面浏览器上内嵌显示您的视频,我会说您应该使用布局规定的尺寸。如果您正在寻找仅限移动设备的解决方案,16:9内容的常用分辨率将为480x270(这是您选择“为iPhone保存”时Quicktime Pro导出的内容),如果您计划平板电脑支持也可能需要为他们提供替代内容。
  3. 帧速率越低,文件越小,所以你必须自己知道文件大小有多重要,我唯一能指出的就是使用原始视频帧速率的一小部分(即12.5)。 fps如果你想减少一个25fps的源码,否则你会得到紧张的丢帧效果。
  4. 另请参阅深入了解HTML5 WEBM