2014-12-08 119 views
3

准备mp4文件在HTML 5,我想通过以下方式嵌入MP4:对HTML 5

<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中的视频标签查看。我想要一个可以使用html 5中的视频标签发布的mp4格式。我想使用免费软件。

我不想使用Flash或Adobe创意云,但是我添加了这些标签来查找可能知道免费替代品的观众。

回答

3

我会建议类似ffmpeg的东西,虽然会设置对质量的期望,如果你从500MB的文件到50MB的 - 虽然很多将取决于源已经存在的优化量...我能使用获得270MB的文件到29MB没有质量的明显损失如下:

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

以上将在MP4容器使用H264给你一个1280×720的输出,在3Mbps的,并且还将做第二遍将moov元素移到文件的前面,使其能够更快地开始流式传输。它不会重新编码的音频,以便将让你开始

您可能要玩的框架尺寸和比特率来获得文件大小来匹配你喜欢什么/需要

+0

感谢您的任何质量。我没有将ffmpeg下载到我的Windows 7机器上,但是如何让它给我一个我可以使用的命令行并不是很清楚。为了使用你的建议,我需要知道如何设置Windows 7机器上的所有步骤,直到我输入上面建议的行。 – CodeMed 2014-12-08 17:29:37

+0

我需要你给出更多上下文指令的原因是,当我打开下载'ffmpeg'的zip文件的解压缩内容时,我点击唯一的逻辑文件,它给了我一个不会声明目录的提示,即使我输入'cd ..'。另外,我不知道是否应该输入'sourcefile.mp4'的完全限定路径。 – CodeMed 2014-12-08 17:44:06

+0

如果您的目录中有ffmpeg.exe,请从前面删除“./”(或将其替换为ffmpeg的路径)。如果mp4源文件位于不同的目录中,那么请使用FQN来达到 – Offbeatmammal 2014-12-08 18:34:15