CSS3過渡動畫是Web設計領域中越來越流行的技術。它給網頁帶來了更加生動、優美的動畫效果，增強了用戶體驗。過渡動畫不僅在各種網站上應用廣泛，同時還能在視頻中展現出來。

下面是一段CSS3過渡動畫視頻的代碼：

.video {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
}
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.3s ease;
}
.video:hover iframe,
.video:hover object,
.video:hover embed {
transform: scale(1.1);
}

上面的代碼給一個名為“video”的元素添加了一個過渡動畫效果。這個元素用來放置視頻，它的寬度和高度都被設定為100%。同時，設定了一個aspect ratio的padding-bottom，以防止在不同設備上視頻的比例出現問題。

在設置video元素的iframe、object和embed元素的樣式時，使用了絕對定位，將它們的寬度和高度都設定為100%，以便在video元素內部使用。

當鼠標懸停在video元素上時，使用:hover偽類選擇器添加了一個縮放效果。具體來說，設定了一個transform: scale(1.1)的樣式，將元素的大小放大了10%。

總的來說，CSS3過渡動畫能夠簡單快捷地讓網站和視頻更加生動、有趣。如果你還沒有嘗試過，那就趕快動手試試吧！