为 html 5 准备 mp4 文件答案

【问题标题】：preparing mp4 file for html 5为 html 5 准备 mp4 文件
【发布时间】：2014-12-08 03:50:49
【问题描述】：

在 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，但我正在添加这些标签以寻找可能知道免费替代品的观众。

【问题讨论】：

【解决方案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 元素移动到文件的前面，使其能够更快地开始流式传输。它不会重新编码音频，因此会保持您开始时的任何质量

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

【讨论】：

谢谢。我确实将ffmpeg下载到了我的Windows 7机器上，但无论如何都不清楚如何让它给我一个我可以使用的命令行。为了使用您的建议，我需要知道如何在 Windows 7 机器上设置所有步骤，直到我输入您上面建议的行。
我需要您提供更多上下文说明的原因是，当我打开下载 ffmpeg 的 zip 文件的解压缩内容时，我单击唯一的逻辑文件，它给了我一个即使我键入cd .. 时，提示也没有说明目录。另外，我不知道是否应该输入sourcefile.mp4 的完全限定路径。
如果您的目录中有 ffmpeg.exe，则从前面删除“./”（或将其替换为 ffmpeg 的路径）。如果 mp4 源位于不同的目录中，则可以，使用 FQN 访问它
有帮助吗？如果您仍然卡住，请告诉我
那行得通。谢谢你。我每天只有几分钟的时间来做这件事，我一直在等到可以测试它。 1280x720 太大了，但我想当我稍后尝试 640x360 时它也能正常工作。我想将宽度和高度除以 2 将导致视频始终以正确的纵横比填充 html 中的视频框。