CSS視頻自動播放是一種常見的網頁設計效果，它可以在用戶打開網頁后自動播放視頻，并且可以設置循環播放或暫停等操作。下面是一個CSS視頻自動播放的代碼示例：

.video-container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.video-container video:focus {
outline: none;
}
@media screen and (min-width: 768px) {
.video-container video {
width: auto;
height: 100%;
}
}

首先，在HTML文件中創建一個div容器，然后添加一個video標簽，并設置它的src屬性為視頻文件的鏈接。接下來，在CSS文件中設置容器的寬度和高度，并使用padding-bottom來保持視頻的寬高比例。然后，將video標簽設置為絕對定位，并使用object-fit屬性來確保視頻充滿整個容器。最后，使用@media查詢來設置在不同的屏幕尺寸下視頻的寬度和高度。

如果想要實現自動播放效果，在video標簽中添加autoplay屬性即可。如果想要實現循環播放效果，可以添加loop屬性。如果想要暫停視頻，可以使用JavaScript來控制video標簽的播放狀態。