html视频做成背景图,《图解HTML》- video标签实现视频背景

最近见有的网站背景用的是视频，看起来很高大上的样子，自己也尝试一把,直接上demo额这里的Hello World文字貌似放的不是地方，但是就这样子吧，实现一下功能，之后考虑加到自己的网站中~

LL.gif

Document

*{

margin: 0px;

padding: 0px;

}

video{

position: fixed;

right: 0px;

bottom: 0px;

min-width: 100%;

min-height: 100%;

height: auto;

width: auto;

z-index:-11

}

source{

min-width: 100%;

min-height: 100%;

height: auto;

width: auto;

}

Hello World

示例中，需要掌握的知识点：

html5的video标签的使用, 见下表：

z-index：设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。