视频作为背景

Question

嗨，只是喜欢一个很酷的网页，并希望知道他们是如何做到的。

http://www.six60.co.nz/

如果有人知道或可以给我一个起点去解决问题，这将是真棒。

谢谢你的时间。

Answer 1

查看源，似乎他们用新的HTML5 <video>标签：

<video id="hv" loop="loop" preload="auto"> 
    <source src="/resources/video/six60-home.mp4" type='video/mp4' /> 
    <source src="/resources/video/six60-home.webm" type='video/webm' /> 
</video> 

它还使用Flash是满足某些条件。

视频帧具有一个JavaScript钩，其会自动调整视频与宽度尺寸：

​​

它配置于背面由于它的CSS属性：

#home-video 
{ 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    margin: 0; 
    z-index: 1; 
}