如何优化 mp4 视频以在浏览器中尽可能流畅地播放 (HTML5)

Posted 2023-05-08

【中文标题】如何优化 mp4 视频以在浏览器中尽可能流畅地播放 (HTML5)

【英文标题】：How to optimize mp4 video for playback as smooth as possible in browser (HTML5)

【发布时间】：2012-04-11 13:03:30

【问题描述】：

您是否知道任何工具可以帮助您优化 mp4 视频，使其即使在旧设备上也能流畅播放（当作为 html5 页面的背景运行时）。

感谢所有提示！

最好的

【问题讨论】：

很好的信息：diveintohtml5.info/video.html

【参考方案1】：

您可能希望降低视频本身的比特率。这将减少视频播放器必须停止和缓冲的可能性，并减少视频播放器必须实时处理的数据量。

this thread 中有很多好的数据，但简短的版本是像这样通过ffmpeg 运行它，将 1000000 替换为适合您视频的值：

ffmpeg -i input.mp4 -b 1000000 output.mp4

this comment 中的更多信息。

【讨论】：

如果将视频用于网络，您还应该包含 faststart 标志（将 moov atom 移动到视频的开头，以便浏览器可以立即开始播放）ffmpeg -i input.mp4 -b 1000000 -movflags faststart output.mp4