在網頁設計中，視頻是非常常見的媒體類型。但是，很多時候我們會碰到一個問題，就是如何垂直居中視頻。下面我們就來介紹一下如何使用CSS實現垂直居中視頻。

.video-wrap {
position: relative;
}
.video-wrap video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

首先，我們需要為視頻的容器設置一個相對定位，這是因為我們要使用絕對定位來實現視頻的垂直居中。然后，我們設置視頻的位置為絕對定位，并將其上下左右都設置為50%。這時，視頻的左上角會被放置在容器的中心位置，但是視頻并不是居中的。

為了實現視頻的垂直居中，我們需要使用CSS3新增的transform屬性。我們可以使用translate()函數將視頻向上移動50%的高度，這樣視頻就會完美地垂直居中了。

在實際使用中，我們只需要將.video-wrap和video的選擇器替換成實際的容器和視頻選擇器，并根據需要進行微調，就可以輕松實現垂直居中視頻的效果了。