在網頁設計中，添加視頻是一個很常見的需求。使用CSS層疊樣式表來添加視頻，它可以讓視頻更好地與網頁整合在一起。
首先，我們需要在HTML代碼中添加一個視頻標簽。可以使用HTML5 video標簽來完成這個目標：

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

在這個代碼中，我們使用了兩個標簽來指定兩個不同類型的視頻文件。這個video標簽上還有一個controls屬性，它會讓在頁面上顯示一個控制欄，讓用戶可以播放、暫停、調節音量等操作。
在CSS層中，我們可以使用以下樣式來控制視頻的樣式和位置：

<code>p {
position: relative;
}
video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
</code>

在這個代碼中，我們給p標簽加上了position: relative屬性，這是因為我們想讓視頻相對于p標簽進行定位。然后，我們給video標簽指定了position: absolute屬性，這會讓它脫離文檔流，并可以使用top、left屬性來進行精確的定位。最后，我們使用transform屬性來對視頻進行居中。
通過使用這些CSS樣式，我們可以很容易地在網頁中添加視頻，并且可以為視頻定義不同的樣式和效果。