CSS是一種強大的前端開發語言，它可以用來控制HTML文檔的樣式和布局。其中一個常見的需求是將視頻在網頁中居中顯示。下面我們將介紹如何使用CSS代碼來實現該功能。

.video-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

首先，我們需要在HTML文檔中添加一個包含視頻的容器。可以使用div或section等標簽來創建一個包含視頻的塊級元素，并將其設置為相對定位(position: relative)。然后，在容器中插入一個iframe標簽，用于嵌入視頻。我們可以通過設置iframe標簽的寬度和高度為100%來讓視頻自適應容器大小。

然而，這樣處理后視頻仍然不會居中顯示。為了讓它居中，我們需要使用一些CSS技巧。首先，設置容器的高度為0，然后設置一個padding-bottom值為視頻的高寬比，例如16:9的高寬比為56.25%。這樣，容器就會按照視頻的高寬比自動生成一個占位符。接下來，給嵌入的iframe標簽設置為絕對定位(position: absolute)，并且將它的top和left值都設置為0，這樣就可以讓視頻放在容器的左上角了。這時，只需要將iframe標簽的寬度和高度都設置為100%就可以讓視頻居中顯示了。