想要將視頻插入CSS，你需要先了解下面的幾個步驟：

1. 首先，你需要有一個視頻文件。如果沒有，你可以用軟件或者在線工具來制作一個。其中一些可以用來制作視頻的工具包括：Adobe Premiere，Final Cut Pro，OpenShot Video Editor等等。如果你只是想簡單地試一下，可以通過YouTube或其他視頻分享網站來獲取一些視頻。

2. 一旦你有了一個視頻文件，你需要將其轉換成HTML5兼容的格式。HTML5兼容的視頻格式是：MP4、 WebM 和 Ogg。你可以使用免費的轉換工具來轉換你的視頻。現在，你需要將你的視頻文件命名為 video.mp4，video.webm 或 video.ogv。

<video width="320" height="240" autoplay>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogv" type="video/ogg">
<img src="video_preview.jpg" alt="video_preview">
</video>

3. 接下來，你需要編寫一個HTML代碼段來將視頻嵌入到網頁中。在HTML<video>元素中，你可以通過使用<source>元素和type屬性指定要使用的視頻文件的格式，并使用<img>元素在未加載時顯示封面圖像。

4. 在 HTML 中，你需要指定視頻播放器的樣式和布局。你可以使用 CSS 中的一些屬性來實現這一目的， 如過渡屬性、寬度、高度等等。通過設置video { width: 100% }， 可以使整個視頻容器適屏顯示。

video {
width: 100%;
margin: 0 auto;
display: block;
}

5. 最后，你需要測試你的代碼，確保它可以在各種瀏覽器上正常播放你的視頻。你可以使用各種在線測試工具來完成測試，例如：http://www.browserstack.com，https://www.browserling.com。

現在你已經知道如何將視頻插入到 CSS 中了！