HTML – 视频作为背景

概述嗨,只是喜欢一个很酷的页面,很想知道他们是如何做到的. http://www.six60.co.nz/ 如果有人知道或者可以给我一个起点来解决它会很棒. 谢谢你的时间. 看看来源,似乎他们使用了新的 HTML5 <video>标签： <video id="hv" loop="loop" preload="auto"> <source src="/resources/video/six60- 嗨,只是喜欢一个很酷的页面,很想知道他们是如何做到的.

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

如果有人知道或者可以给我一个起点来解决它会很棒.

谢谢你的时间.

解决方法 看看来源,似乎他们使用了新的 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钩子,可自动将视频大小调整为宽度大小：

function resizeContainers() {    $(".resize-container").CSS("min-height",currentwindowsize.height + "px");    $(".resize-container-to-window").CSS("height",currentwindowsize.height + "px");}

由于其CSS属性,它位于后面：

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

总结

以上是内存溢出为你收集整理的HTML – 视频作为背景全部内容，希望文章能够帮你解决HTML – 视频作为背景所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。