在網頁中插入視頻可以豐富網頁內容，吸引用戶的注意力。在使用CSS插入視頻之前，要先確認視頻的格式是否支持HTML5，如MP4、WebM或Ogg等格式。接下來，我們就來看一下如何使用CSS插入視頻。
首先，在HTML頁面中創建一個video標簽，代碼如下：

<p><video width="640" height="480" controls></p>
<p><source src="example.mp4" type="video/mp4"></p>
<p></video></p>

width和height屬性用于設置視頻的尺寸大小，controls屬性用于顯示視頻播放控制器。source標簽用于指定視頻文件的路徑和格式。在此示例中，視頻文件名為“example.mp4”，文件格式為“video/mp4”。
接下來，我們可以使用CSS樣式來美化視頻播放器。下面是一個簡單的CSS代碼示例：

<p>video {</p>
<p>border: 1px solid #999;</p>
<p>border-radius: 5px;</p>
<p>box-shadow: 0 0 5px #999;</p>
<p>}</p>

在這個樣式中，我們為video標簽添加了一個邊框、圓角和陰影。這可以使視頻播放器看起來更加美觀和引人注目。
除此之外，我們還可以使用CSS來控制視頻的大小、位置和透明度等屬性。下面是一個示例CSS代碼：

<p>video {</p>
<p>width: 50%;</p>
<p>height: auto;</p>
<p>position: absolute;</p>
<p>top: 50%;</p>
<p>left: 50%;</p>
<p>transform: translate(-50%, -50%);</p>
<p>opacity: 0.8;</p>
<p>}</p>

在這個樣式中，我們將視頻寬度設置為父元素的50%，在頁面中垂直和水平居中，并使其半透明。transform屬性用于將視頻水平和垂直居中于父元素中心。
總之，使用CSS插入視頻可以為我們的網頁設計增加許多美觀和交互性。通過使用HTML5視頻格式，我們可以使用CSS樣式進行更多的自定義。記得要避免使用過多動畫效果或播放過長的視頻以保證用戶的體驗。