【问题标题】:Mobile HTML5 video format, video size and FPS移动 HTML5 视频格式、视频大小和 FPS
【发布时间】:2012-04-08 23:41:48
【问题描述】:
我即将使用 HTML5 创建一个移动网站,并希望使用 HTML5 视频标签。
我希望该网站可以在 iPhone、iPad、Android 和其他智能手机/设备上使用。
- 我应该选择哪种视频格式? mp4?
- 我应该使用哪种尺寸的宽度和高度以获得最佳效果?
- 我应该为视频使用哪种 FPS(每秒帧数)?
提前致谢。
【问题讨论】:
标签:
html
mobile
video-streaming
html5-video
video-encoding
【解决方案1】:
这些都是相当主观的问题,所以我会给你一些相当主观的答案:
- 我在服务 3 种媒体类型方面取得了很好的经验(希望其他人也是如此):H264/MP4、OGG 和 WEBM strong> 对于
<video> 元素,至少这种组合在我现在能够检查的所有设备上都能正常工作。
- 如果您还希望视频在桌面浏览器上内嵌显示,我会说您应该使用布局规定的尺寸。如果您正在寻找仅限移动设备的解决方案,16:9 内容的常见分辨率为 480x270(当您选择“保存为 iPhone”时,这是 Quicktime Pro 导出的内容),如果您还计划支持平板电脑,您可能想要为他们提供替代内容。
- 帧速率越低,文件越小,因此您必须自己了解文件大小的重要性,我唯一能建议的就是使用原始视频帧速率的全部部分(即 12.5如果您想减少 25 fps 的源,则为 fps),否则您会得到抖动的丢帧效果。
另请参阅深入了解 HTML5
的精彩
video section