CSS視頻彈出效果可以讓我們在網站中嵌入視頻，增加網站的趣味性和互動性。下面是一個基本的CSS視頻彈出代碼：

.video-popup {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
z-index: 9999;
display: none;
}
.video-popup .close-btn {
position: absolute;
top: 5px;
right: 5px;
font-size: 20px;
color: #999;
cursor: pointer;
}
.video-popup.active {
display: flex;
justify-content: center;
align-items: center;
}

首先，我們定義了一個類名為.video-popup的樣式，它的position屬性為absolute，讓它相對于包含它的元素定位。top: 50%; left: 50%讓它在水平和垂直方向上居中。transform: translate(-50%, -50%)是為了調整它的位置，讓它出現在正中心。

接著，我們給它設置了一些基本的樣式，如背景顏色，內邊距，圓角等。然后是box-shadow屬性，它可以讓彈出框看起來更有層次感。

我們給這個彈出框設置了一個很高的z-index值，這是為了讓它出現在其他元素之上。display屬性設置為none，這樣在頁面加載時，它是隱藏的。

然后我們定義了一個close-btn的樣式，它用于關閉彈出框。

當我們要顯示彈出窗口時，我們可以通過給.video-popup元素添加active類來實現。active類設置了display:flex屬性，讓它成為彈出框容器元素，并將它的內容屬性居中對齊。