html - 为 html 5 准备 mp4 文件

Question

在 html 5 中，我想像这样嵌入一个 mp4:

<video width="640" height="480" controls>
    <source src="somefile.mp4" type="video/mp4">
    Your browser does not support the video tag.
</video>

该视频在我的开发机器的浏览器中运行良好，但文件为 500MB，因为它是以全高清录制的。 如何将文件缩小到大约 50MB，视频更小但音质相同，并且仍然能够使用上面显示的 html5 视频标签在浏览器中播放？

我正在使用 Windows。我一直在用FlashIntegro ，但它将文件转换为 avi 格式，无法使用 html 5 中的视频标签查看。我想要一种 mp4 格式，我可以使用 html 5 中的视频标签发布。我想使用免费软件。

我不想使用 flash 或 adobe creative cloud，但我添加这些标签是为了找到可能了解免费替代品的观众。

Answer 1

我会建议像 FFmpeg 这样的东西，但是如果你从一个 500MB 的文件变成一个 50MB 的文件，我会设定对质量的期望——尽管很大程度上取决于源代码中已经存在的优化量...我能够使用以下方法将 270Mb 的文件缩小到 29Mb 而没有明显的质量损失:

./ffmpeg -y -i SourceFile.mp4 -s 1280x720 -c:v libx264 -b 3M -strict -2 -movflags fast start DestFile.mp4

以上将为您提供 1280x720 的输出，在 mp4 容器中使用 h264，速率为 3Mbps，还将进行第二次传递以将 moov 元素移动到文件的前面，使其能够启动流式传输速度更快。它不会重新编码音频，因此会保持您开始使用的任何质量

您可能想尝试调整帧大小和比特率以使文件大小与您喜欢/需要的相匹配