CSS是網頁開發中的重要一環，可以為網頁添加多樣的效果。其中，視頻是現代網頁中使用較多的元素之一。下面，我們將介紹如何在CSS中利用HTML5的video標簽實現視頻播放效果。

在HTML5中，我們可以使用video標簽來嵌入視頻，如下面的代碼所示：

<video src="video.mp4" width="640" height="360"></video>

在CSS中，我們可以對video標簽進行樣式修改，包括視頻大小、控制條顏色等，如下面的代碼所示：

video {
width: 640px;
height: 360px;
background-color: #000000;
}
video::-webkit-media-controls {
color: #ffffff;
}
video::-webkit-media-controls-play-button {
background-color: #ffffff;
border-color: #ffffff;
}

上面的代碼中，我們為video標簽設置了寬高和背景色，使其占據指定的尺寸，并使用黑色作為背景色。接下來，我們使用::-webkit-media-controls偽類修改了控制條的顏色，使其變為白色。然后，我們又使用::-webkit-media-controls-play-button偽類對播放按鈕進行了特殊處理，使其背景色和邊框顏色均為白色。

總之，通過在CSS中對video標簽進行樣式修改，我們可以輕松地讓視頻在網頁中呈現出不同的樣式。