CSS視頻背景是網頁設計中非常常見的元素，它可以讓網頁顯得更加動態，炫酷，也能更有吸引力地展示品牌的形象和產品的特色。下面我們來介紹如何使用CSS將視頻作為背景圖片。

video {
position:fixed;
top:50%;
left:50%;
/*使用transform屬性來將視頻元素居中*/
transform: translate(-50%, -50%);
min-width:100%;
min-height:100%;
width:auto;
height:auto;
/*將z-index屬性設為-1將視頻背景置于后面*/
z-index:-1;
/*使用object-fit屬性來調整視頻大小時的裁剪方式*/
object-fit:cover;
}

首先，我們需要定義一個video元素，并將其定位為fixed，將其置于網頁最底層，這樣用其他元素覆蓋它時，用戶仍然可以看見其背后的視頻。這也是設置z-index屬性為-1的原因。

接著，我們使用translate屬性來將視口中心點移至視頻中心，使其水平和垂直均居中。同時，我們需要確保視頻大小與容器大小相適應，使用min-width和min-height屬性來實現。width和height屬性都設置為auto，這樣視頻就會按照原比例調節大小。

最后，我們使用object-fit屬性來調整視頻大小時的裁剪方式，可以選擇fill、contain、cover等，我們選取cover來保證視頻充滿整個容器，不留任何空白。

這樣，我們就成功將視頻作為背景圖片顯示了。不過需要注意的是，為了確保視頻充滿整個屏幕，在使用時需要盡量保證視頻的大小和分辨率足夠大，以充分利用瀏覽器可視區域的空間。