在Web開發中，我們經常需要使用CSS控制視頻或音頻的播放，并設置暫停功能。下面我們來介紹一下如何使用 CSS 實現這些功能。

video {
/* 顯示視頻大小 */
width: 640px;
height: 360px;
}
/* 暫停樣式 */
video:paused {
/* 設置暫停的背景圖像 */
background: url('path/to/image.png') center center no-repeat;
}
/* 進度條樣式 */
progress::-webkit-progress-bar {
/* 定義進度條的外觀 */
background-color: #ddd;
border-radius: 2px;
height: 5px;
width: 100%;
}
/* 定義進度條的進度狀態 */
progress::-webkit-progress-value {
/* 設置進度條的顏色 */
background-color: green;
border-radius: 2px;
height: 5px;
}

以上代碼中，我們先定義了視頻的寬高，然后設置了暫停的背景圖像。當視頻暫停時，背景圖像會顯示在播放器區域內。接著，我們用 CSS 樣式定義了進度條的外觀和進度狀態。

在HTML中，我們可以使用如下代碼來播放視頻：

在這段代碼中，我們使用了controls來顯示視頻播放器的控制條。除此之外，我們還需要提供視頻文件的路徑和格式。

總的來說，CSS 可以讓我們靈活地控制視頻或音頻的播放和暫停，以及設置進度條的樣式。希望這篇文章對您有所幫助！