Question

我们计划在网站上使用全屏html5视频。我已经读到MPEG-4 / H.264可能是目前最好的格式。

我有1080p mp4的视频文件......它的大小是41.2mb。由于视频应该以“相对”良好的质量播放并且流速非常快，我如何优化视频文件。

任何提示，技巧对我来说？桌面上的全屏视频需要1080p还是足够720p？桌面全屏视频的输出大小应该是多少？

此致亚光

Answer 1

很多将取决于目标受众及其连接性。如果他们有良好的连接和大显示器，他们可能能够欣赏1080p，但720p可能会没问题。

最好在降低质量与冒险缓冲IMO方面犯错（尽管这显然取决于用例）。我通常的方法是与一些目标用户合作，A：B测试一些不同的质量设置（调整帧大小和比特率，每次都清除它们的缓存）以查看最佳位置的位置......

确保MOOV原子处于开始阶段，这样他们就不必在开始播放之前等待整个事物的加载。

您可以使用ffmpeg使用各种设置转码/转码，快速创建内容的一些示例版本

ffmpeg -y -i {source-file} -s 1280x720 -c:v libx264 -b 3M -strict -2 -movflags faststart {target-file}

-s定义目标输出大小
-b定义目标比特率
movflags faststart将运行第二遍以确保moov原子位于您想要的位置

此外，根据您的移动目标，使用支持自适应比特率（例如HLS）的分段MPEG格式可能会更好，因此浏览器可以决定最适合请求的比特率/帧大小

Answer 2

我最近在HTML5视频上花了很多时间，刚刚遇到这个帖子 - Miro是一个很好的，简单的（免费的）选项，可以以主要格式输出，即mp4，webm＆amp; ogg theora。

Answer 3

720p就足够了，特别是如果你可以在顶部添加一个半透明的胶片来隐藏任何文物。你真的不希望它变得缓慢和生涩。

格式化，您可以在<video>标记中使用任意数量的内容（适用于您需要支持的任何浏览器）。例如。

<video poster="path/to/screenshot.jpg">
    <source src="path/to/video.webm" type="video/webm">
    <source src="path/to/video.ogg" type="video/ogg">
    <source src="path/to/video.mp4" type="video/mp4">
</video>

您甚至可以添加闪回后备广告。支持html5视频的浏览器会忽略视频标记内除<source>属性以外的任何内容。因此：

<video poster="path/to/screenshot.jpg">
    <source src="path/to/video.webm" type="video/webm">
    <source src="path/to/video.ogg" type="video/ogg">
    <source src="path/to/video.mp4" type="video/mp4">
    <!-- Flash fallback -->
    <object data="flvplayer.swf" type="application/x-shockwave-flash">
        <param value="flvplayer.swf" name="movie"/>
    </object>
</video>

我使用HTML5视频，并构建了一个免费（低于20MB的文件）转换器，可以获取任何视频文件并输出webm，ogg和mp4文件以及<video>标记：http://html5backgroundvideos.com/converter/

转换html5视频 - 使用什么软件

3 个答案: