CSS是網頁設計中的重要組成部分，其中有一個非常實用的功能是在網頁中加入視頻，提升網頁的視覺效果和用戶體驗。而在視頻的播放方面，CSS還提供了一個非常實用的功能，那就是視頻的重復播放。

要在CSS中讓視頻重復播放，我們需要使用到CSS3的屬性——

animation

。該屬性可以讓我們實現動畫效果，包括循環播放。

.video{
width: 300px;
height: 200px;
position: relative;
animation: repeatVideo 5s infinite;
}
@keyframes repeatVideo{
from{left: 0;}
to{left: -1200px;}
}

在上述代碼中，我們定義了一個類名為.video的元素為可重復播放的視頻。我們給該元素設置寬度、高度和position:relative;，然后通過animation屬性來設置該元素的動畫效果。該屬性的參數分別為動畫名稱、動畫時間和循環次數。我們將動畫名稱設置為repeatVideo，表示該動畫是一個可重復播放的視頻。將動畫時間設置為5s，表示該視頻每次播放的時間為5秒。將循環次數設置為infinite，表示無限循環播放。最后，我們使用@keyframes關鍵字來定義repeatVideo動畫，使用from和to關鍵字來分別定義動畫的起始和結束狀態，這里我們讓視頻從左側移動到右側，以此實現動畫效果。

在實際應用中，我們可以按照需求調整代碼中的各項參數，來實現不同的視頻換場效果。與此同時，我們也需要注意視頻文件的大小和格式，以保證視頻加載速度和兼容性。

總之，通過CSS中的animation屬性，我們可以很方便地讓視頻重復播放，提升網頁的可視化效果和用戶體驗。