CSS彈出播放窗口是設計網頁時常用的一種元素。它可以在鼠標懸停的時候彈出一塊區域，通常用于播放視頻、展示圖片、顯示文字等。在下面的示例中，我們將使用純CSS來實現一個簡單的彈出播放窗口。

HTML:
<div class="popup">
<button class="popup__button">點擊播放</button>
<div class="popup__content">
<video src="yourvideo.mp4"></video>
</div>
</div>
CSS:
.popup {
position: relative;
width: 300px;
height: 200px;
border: 1px solid #ddd;
border-radius: 5px;
}
.popup__button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 10px 20px;
background-color: #333;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
.popup__content {
position: absolute;
top: 50px;
left: 50px;
display: none;
}
.popup:hover .popup__content {
display: block;
}

首先，在HTML中我們創建了一個div容器，并設置class為"popup"。在這個div中，我們創建了一個按鈕和一個用于展示視頻的div，并分別設置class為"popup__button"和"popup__content"。在CSS中，我們設置.popup的寬度、高度、邊框及圓角。.popup__button是一個絕對定位的按鈕，設定了它的位置、內邊距、背景顏色等屬性。.popup__content是一個絕對定位的div，設定了它的位置及display屬性（這里設置為none）。接著，我們使用:hover偽類選擇器，當鼠標懸停在.popup元素上時，控制.popup__content的display屬性為block，從而展示視頻內容。

通過這個示例，我們可以看到，使用CSS實現一個彈出播放窗口非常簡單。它不僅可以用于展示視頻，還可以用于展示圖片、文字等，在設計網頁時非常實用。