Html 使用h264/mp4视频作为网站背景

我的一个客户想要一个mp4视频作为整个网站的视频背景。 这将是一个pita，以确保它在我们的CMS中工作，因为他们不希望在转到其他页面时重新加载视频

他们给我发送的文件是1080p，大约100MB，长2分钟

有没有什么方法可以调整/重新缩放视频，并将其用作html5网站中的视频背景

我是否应该告诉客户，它不会对用户友好，会占用带宽，并且肯定会增加开发成本

---

一般来说，我们不会在我们的代理机构建立Flash网站，因此这不是一个选项。

您可以使用html5

标签来播放该视频，并通过AJAX进行其余的导航

但您需要为不支持h264的浏览器（如Opera）提供不同的视频格式。我推荐webm作为替代方案

你需要缩小视频的大小，我想在质量和分辨率上都是这样

对于html5之前的浏览器，我建议使用静态图像；）

总而言之： 跨浏览器兼容的解决方案将是PITA。 现代浏览器的技术支持这种解决方案。

---

我想这是可能的，但您必须为~5%的浏览器不兼容或CPU速度太慢的用户提供一个后备方案

为了实现浏览器兼容性，您还必须将视频转换为Ogg Theora（这将减小其大小，但只能在WebKit/Mozilla下播放）。HTML5视频支持缓冲，但在不同浏览器下缓冲方式不同。例如，WebKit尝试预缓冲整个视频，即一次预缓冲一个固定大小的块，等等。因此，这在不同浏览器中的执行情况不同。

网站的全屏视频：查看www.gosdekort.com的源代码，您甚至可以在视频上方添加一个菜单。您可以更改分辨率并将视频文件转换为其他格式！我希望它能帮助你！