CSS是一種非常強(qiáng)大的網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言，可以讓網(wǎng)頁(yè)變得更加生動(dòng)、美觀。其中，將視頻做為背景是一種令人贊嘆的效果，可以吸引用戶的注意力，增強(qiáng)用戶的體驗(yàn)感。

下面介紹如何使用CSS將視頻做為背景。

video {
position: absolute;
z-index: -1;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
}
body {
background-color: #000000;
background-image: url('img/video-poster.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}

首先，我們需要在HTML中嵌入一個(gè)video標(biāo)簽，指定視頻的路徑和屬性。然后，在CSS中為video設(shè)置樣式，將其定位到頁(yè)面的最底層，并設(shè)置寬高為100%，以充滿整個(gè)屏幕。

接著，在body中設(shè)置背景顏色為黑色，并指定一個(gè)視頻封面作為背景圖片，以保證在視頻加載時(shí)，頁(yè)面有一個(gè)占位圖。設(shè)置背景圖片的大小為cover，保證圖片充滿整個(gè)屏幕，并將其位置設(shè)為居中顯示。

最后，我們需要使用JavaScript使視頻自動(dòng)播放，可以在window.onload中添加如下代碼：

window.onload = function() {
var video = document.getElementsByTagName('video')[0];
video.play();
}

以上就是使用CSS將視頻做背景的方法，希望對(duì)你有所幫助。