在現今的網頁設計中，視頻動畫已經成為了不可或缺的一部分。它們讓網站變得更加生動和有趣。在CSS3中，我們可以借助一些屬性來創建美觀而且有趣的CSS視頻動畫。

video{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

首先，我們需要定義video標簽的樣式。這段代碼幫助我們實現使視頻元素居中，并且位置固定。

@keyframes play {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
video:hover {
animation: play 2s linear infinite;
}

接下來，我們需要定義視頻的動畫。我們定義一個“play”的 keyframes 動畫，將視頻在鼠標懸停的情況下無限旋轉。

在這個關鍵幀動畫中，我們將一個特定的樣式將其旋轉360度，并且在循環上限 (100%) 之前漸變的執行過渡。

通過這些代碼，我們可以創建出令人驚艷的CSS視頻動畫，使得網站更加令人印象深刻。