視頻播放是網站中一項重要的功能，通過CSS可以為視頻播放添加各種樣式。以下是一些常用的樣式：

.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-controls {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
display: flex;
justify-content: space-between;
padding: 5px;
}
.video-controls button {
color: #fff;
background-color: transparent;
border: none;
cursor: pointer;
}
.video-progress {
height: 5px;
width: 100%;
background-color: #fff;
position: relative;
}
.video-progress-bar {
height: 100%;
width: 0;
background-color: #f00;
position: absolute;
top: 0;
left: 0;
}

上面的樣式實現了一個簡單的視頻播放器。其中，video-container是視頻容器，用來設置視頻的寬高比；video-controls是視頻控制條，包括播放/暫停、靜音、音量和進度條等功能。

通過設置position屬性，可以讓控制條和進度條居底部顯示；通過設置background-color屬性，可以設置控制條的背景色；通過設置justify-content屬性，可以讓控制條中的按鈕自動排列；通過設置cursor屬性，可以實現鼠標懸停時的手型效果。

進度條是實現視頻播放的重要組成部分，通過.video-progress和.video-progress-bar兩個類名，可以設置進度條的寬高和顏色。通過設置width屬性，可以讓.video-progress-bar的寬度隨著視頻播放進度改變，實現進度條動態更新的效果。