CSS中添加視頻是一種很常見的技術，它可以讓您在網頁上為用戶提供一個更加生動、視覺化的體驗。想要添加視頻，您需要用到HTML5標簽<video>，同時在CSS中應用一些樣式來控制這個視頻。下面我們來看看如何在CSS中添加視頻。

首先，在HTML中加入<video>標簽：

<video controls>
<source src="your_video_file.mp4" type="video/mp4">
</video>

其中controls屬性表示視頻控件，用戶可以在視頻中點擊暫停、播放等按鈕。在<source>標簽中，您需要指定要播放的視頻文件。在這個例子中，我們使用的是.mp4文件，類型是video/mp4。

接下來，我們需要使用CSS樣式來控制視頻的大小、位置、播放控件等。比如以下的樣式可以用來將視頻的寬度設置為100%：

video {
width: 100%;
}

如果您想要讓視頻在網頁中嵌入，您可以使用以下樣式：

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

這樣，視頻就會水平和垂直居中。如果您想要隱藏默認的播放控件，可以使用以下樣式：

video::-webkit-media-controls {
display: none !important;
}
video::-webkit-media-controls-start-playback-button {
display: none !important;
}
video::-webkit-media-controls-play-button {
display: none !important;
}
video::-webkit-media-controls-timeline-container {
display: none !important;
}

上述CSS樣式將隱藏掉播放/暫停按鈕、時間軸等控件。如果您想要添加自定義的播放控件，可以使用JavaScript代碼來實現。

總結來說，使用CSS添加視頻可以為您的網頁增加生動的視覺體驗。只需要在HTML5中加入<video>標簽，然后使用CSS樣式控制視頻的外觀和行為即可。希望這篇文章能夠幫助您成功地將視頻添加到您的網頁中。