CSS中的视频背景效果是一种很炫酷的设计，可以应用于网站首页、产品介绍页面等，让页面更加生动和有趣。下面是一个简单的CSS代码示例：

body {
background: #000;
overflow: hidden;
}
video {
position: fixed;
right: 0;
bottom: 0;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
z-index: -100;
}
#content {
position: relative;
z-index: 1;
}

上述代码中，首先通过设置body的overflow属性为hidden，使视频背景不被滚动条遮挡。然后利用position属性将video标签设置为固定定位，占据整个页面，达到将视频设为背景的效果。在z-index属性中将视频的值设为负数，将其移到页面底部，以便其他元素在其上层叠。

最后设置其他内容的z-index属性为正数，并利用position属性控制内容的位置。这样就可以实现一个简单的视频背景效果了。