偶然看到一国外网站，发觉背景竟然是视频。只能感觉惊异。搜集好多资料，终于也弄好了，下面把经验介绍给大家。
工具/原料
1
网页制作工具（DW等）
2
动态视频
方法/步骤
1
使用视频作为网页背景是件很酷的事情，但也是件困难的事情。CSS里的background-image属性只能使用图片、SVG、颜色或渐变色。但从技术讲，我们是可以伪造出一种效果，让视频以背景的角色出现在其它HTML元素后面。这其中的难点是视频要填充整个浏览器页面，而且要响应浏览器窗口大小的变化。如图：
3
让视频扩展到全屏的方法：video#bgvid { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url(polina.jpg) no-repeat; background-size: cover; }一些老式的浏览器无法播放这种格式的视频，但它们仍然识别
注意事项
如果一个网站上使用了视频背景，那会变得相当的酷，但是，速度优化会有影响，请审慎明智的使用。
上一篇：S5辅助索拉卡出装
下一篇：王者荣耀蔡文姬该怎么玩s16赛季