<div class="video-container"></div>

現(xiàn)在我們需要為這個(gè)容器設(shè)置樣式。我們可以使用CSS的flex布局來(lái)將視頻放置在容器的中心，并設(shè)置它的尺寸：

.video-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 500px;
}

現(xiàn)在我們需要將視頻嵌入到我們的容器中。我們可以使用HTML5的video標(biāo)簽來(lái)實(shí)現(xiàn)這一點(diǎn)：

<div class="video-container">
<video src="video.mp4" controls></video>
</div>

通過(guò)在video標(biāo)簽中設(shè)置src屬性，我們可以指定要播放的視頻文件。通過(guò)設(shè)置controls屬性，我們可以添加一個(gè)播放器控件，讓用戶能夠暫停、播放和調(diào)節(jié)音量。

現(xiàn)在我們可以使用CSS來(lái)美化我們的視頻播放器。我們可以添加一個(gè)背景色、圓角和陰影效果：

.video-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 500px;
background-color: #333;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

最后，我們可以為video標(biāo)簽設(shè)置樣式。我們可以設(shè)置寬度和高度，并使用CSS的transform屬性來(lái)添加動(dòng)畫效果：

video {
width: 90%;
height: auto;
transform: scale(1);
transition: transform 0.2s;
}
video:hover {
transform: scale(1.1);
}

現(xiàn)在我們就成功地創(chuàng)建了一個(gè)簡(jiǎn)單的CSS視頻窗口播放器。你可以通過(guò)修改CSS樣式來(lái)調(diào)整其外觀和尺寸，以適應(yīng)不同的頁(yè)面。