首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用h264/mp4视频作为网站的背景

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

Stack Overflow用户
提问于 2013-01-02 22:00:49
回答 3查看 583关注 0票数 0

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

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

有没有什么方法可以调整视频的大小/缩放比例,并将其用作html5网站的视频背景?

我是否应该告诉客户端,它不会对用户友好,会占用大量带宽,而且肯定会增加开发成本。

我们不在我们的机构建立Flash网站作为一般规则,所以这不是一个选择。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-01-02 22:08:04

您可以使用html5 <video>标记来播放该视频,并通过AJAX完成其余的导航。

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

你需要缩小视频的尺寸,我想在质量和分辨率上都是如此。

对于HTML5之前版本的浏览器,我建议使用静态图像;)

总而言之:一个跨浏览器兼容的解决方案将是一个PITA。现代浏览器具有允许这样的解决方案的技术。我猜这是可能的,但你必须为浏览器不兼容或CPU太慢的大约5%的用户提供一个后备方案!

票数 1
EN

Stack Overflow用户

发布于 2013-01-02 22:08:23

HTML5视频支持缓冲,但在不同的浏览器下以不同的方式支持。例如,WebKit尝试预缓存整个视频,IE一次预缓存固定大小的块,等等。因此,这在不同的浏览器上会有不同的表现。

票数 1
EN

Stack Overflow用户

发布于 2013-01-07 02:56:51

网站的全屏视频:查看www.gossdekort.com的源代码,你甚至可以在视频上方添加一个菜单

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14123401

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档