在現代的網頁設計中， CSS 是一個非常重要的組成部分，它可以決定網站的外觀和排版。而在 CSS 中，最為重要的便是如何控制元素的樣式，其中包括文字、背景、邊框等。下面，我們就來介紹一種使用 CSS 控制網站視頻的方法。

首先，我們需要在 HTML 中插入一個視頻元素。代碼如下：

<video src="video.mp4" controls></video>

其中，src 屬性指定了視頻文件的路徑，controls 屬性則會在視頻下方自動生成控制條。

接著，我們可以使用 CSS 控制該視頻元素的樣式。如下面的代碼：

video {
width: 100%;
max-width: 800px;
height: auto;
display: block;
margin: 0 auto;
border: 2px solid #ccc;
}

其中，width 和 height 可以決定視頻元素的寬高比例，display 屬性決定了該元素以塊狀顯示， margin 屬性可以讓視頻元素在頁面中水平居中，而 border 屬性則會在視頻周圍生成一個邊框。

此外，我們還可以使用 CSS 控制控制條的樣式。如下面的代碼：

video::-webkit-media-controls {
background-color: rgba(255, 255, 255, 0.7);
border-radius: 10px;
}

其中，::-webkit-media-controls 是一個偽元素，可以控制視頻控制條的樣式。上面的代碼讓控制條的背景色變為半透明的白色，并在四個角落生成了圓角。

通過以上的代碼，我們就可以輕松地使用 CSS 控制網站視頻的樣式了。