html - 为 html 5 准备 mp4 文件

标签 html flash video adobe multimedia

在 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,但我添加这些标签是为了找到可能了解免费替代品的观众。

最佳答案

我会建议像 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 元素移动到文件的前面,使其能够启动流式传输速度更快。它不会重新编码音频,因此会保持您开始使用的任何质量

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

关于html - 为 html 5 准备 mp4 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27351136/

相关文章:

javascript - 如何使用 swfObject 和 Spark 嵌入宽度和高度为 100% 的 swf?

css - Div 没有出现在嵌入式 Flash 播放器的顶部

actionscript-3 - 有没有办法影响 Flash/AS3 中的自动声音设置?

android - Youtube API 视频在非全屏时停止

html - 固定可滚动 div 内的固定 div 不会保持固定

html - :read-only selector not working on select tag?

javascript - 如何使用jquery从div中的多个类中获取指定的类名?

html - 为什么 margin-top 在这种情况下不起作用?

javascript - 如何读取视频标签中的所有视频类型

c# - 在现有视频上加水印