一个纯 CSS3 方法，将视频媒体作为背景属性元素。
在 <body> 主体中插入多种格式的背景视频：
<video autoplay loop poster="moon.jpg" id="moon">
<source src="moon.mp4" type="video/mp4">
</video>使用如下 CSS 样式：
@media screen and (max-width: 500px) {
div{width:70%;}
}
@media all and (max-device-width: 800px) {
body {
background: url("moon.jpg") #000 no-repeat center center fixed;
background-size: cover;
}
#bgvid, #polina button { display: none; }
div{width:70%;}
}一个演示页面：点击这里
