ffmpeg - 跨设备 h264 兼容 html5 视频

Question

我正在尝试提供由一系列图像生成的大型延时摄影视频。
使用 FFmpeg，我将视频编码为 h264 mp4。

ffmpeg -framerate 24 -i "/app/download/%d.jpeg" -c:v libx264 -crf 23 -preset fast -tune animation -report -vf "format=yuv420p" -y /app/output.mp4

我遇到了兼容性问题，视频无法在 iOS(safari)和 Windows(除 chrome 之外的所有浏览器)上播放。我收到以下错误的地方: Error Code: NS_ERROR_DOM_MEDIA_FATAL_ERR (0x806e0005) Details: mozilla::MediaResult __cdecl mozilla::WMFVideoMFTManager::ValidateVideoInfo(void): Can't decode H.264 stream because its resolution is out of the maximum limitation在此处查看完整的 FFmpeg 日志: https://pastebin.com/QUEPh3q2
我只是在寻找一些关于如何对我的媒体进行编码以获得最大兼容性的资源或知识，同时仍然保持高质量和分辨率。
问题:
我应该在 FFmpeg 中使用哪些选项来最大化兼容性？

Answer 1

来自评论:“我的视频最大尺寸为 4056x3040 或 3040x4056 ”。
我没有 Apple 设备，但您可能在 Windows 上遇到了一些图像大小限制。
Firefox 使用 built-in Windows H264 decoder其中最大高度为 2304 .
替换旧命令:

ffmpeg -framerate 24 -i "/app/download/%d.jpeg" -c:v libx264 -crf 23 -preset fast -tune animation -report -vf "format=yuv420p" -y /app/output.mp4

有了这个新的:

ffmpeg -framerate 24 -i "/app/download/%d.jpeg" -vf scale=3069:2300,setsar=1:1 -c:v libx264 -pix_fmt yuv420p -profile:v high -crf 23 -preset fast -movflags +faststart -report -y /app/output.mp4

上述命令将大小更改为 3069x2300 (在 Windows 分辨率限制内)，但我建议使用较小的尺寸，如 1441x1080 以获得最大的设备/操作系统/浏览器兼容性。
我会省略 -tune animation ，如果删除它会影响您的特定图像质量，请将其重新添加。
现在添加的是 +faststart这允许 MP4 header 位于文件的前面(通常放在后面)，这意味着无需先下载所有视频就可以开始播放，只是为了达到 header 数据(具有开始播放所需的解码器设置)。