CSS是網頁設計中不可或缺的一部分，它可以控制網頁的外觀和交互效果。而在現代的網頁設計中，越來越多的網頁采用了帶視頻的設計，給用戶帶來更豐富的視覺體驗。

在CSS中，使用video標簽來進行視頻展示。我們可以通過CSS中的樣式來控制視頻的顯示效果。例如，我們可以設置video的寬度和高度，讓視頻在頁面中占據一個合適的位置。

video {
width: 100%;
height: 100%;
}

此外，我們可以通過CSS中的偽類選擇器來添加一些有趣的效果，例如：當鼠標懸停在視頻上時，可以加上一個透明的遮罩層和一個播放按鈕，來提示用戶可以點擊播放視頻。

video:hover::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
}
video:hover::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
background: url(play.png) no-repeat center;
}

總的來說，使用CSS帶視頻網頁是現代網頁設計中非常流行的一種方式。通過對CSS樣式的掌握，我們可以創造出各種各樣有趣的視頻效果，為用戶帶來更好的體驗。