CSS是前端開發必備的技能，網頁中的排版和樣式都需要使用到CSS。而視頻在網頁中的應用也越來越普遍，那么如何使用CSS來控制視頻的樣式呢？下面是一個使用CSS控制視頻樣式的代碼示例：

.video-wrapper {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
}
.video-wrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: none;
}
.video-wrapper:hover .video-overlay {
display: block;
}
.video-wrapper .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
background-image: url(play-button.png);
background-size: contain;
cursor: pointer;
}
.video-wrapper:hover .play-button {
opacity: 0.7;
}

在上面的代碼中，我們通過CSS將視頻包裹在具有固定比例的容器中，并使用絕對定位使視頻充滿整個容器。為了讓視頻更加美觀，我們添加了一個半透明的遮罩層，鼠標懸停時顯示出播放按鈕，點擊后視頻開始播放。