CSS插入視頻寬100%

在網頁設計中，插入視頻已經成為一個很常見的需求。要讓視頻和頁面融為一體，就需要用CSS來設置視頻的大小和位置。其中，寬度的設置是最基礎的要素，實現寬度100%可以使視頻充滿整個容器。

.video {
width: 100%;
}

以上代碼中，.video是一個自定義的類名，可以根據實際情況進行修改。width屬性設置為100%，意味著視頻會充滿父容器的寬度，當父容器的寬度改變時，視頻也會自動適應。

如果視頻的高度也需要設置為100%，可以用類似的方法：

.video {
width: 100%;
height: 100%;
}

以上代碼中，height屬性也設置為100%，表示視頻的高度也會充滿整個父容器。

CSS插入視頻寬度和高度的設置是一個基礎的要素，能夠讓視頻和頁面深度融合，使網頁的效果更加出色。