在現代網頁中，使用視頻成為了展示內容的重要方式。為了凸顯視頻的重要性，很多網頁設計師將視頻放在頁面的底部，以引起訪問者的注意。在實現這一目標的過程中，CSS起到了重要的作用。下面我們來分享一下CSS做底部視頻的方法。

.footer-video{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 35%;
z-index: -1;
}
.footer-video video{
width: 100%;
height: 100%;
object-fit: cover;
}

代碼的解釋如下：

首先，我們在CSS中創建了一個名為“footer-video”的class。使用position屬性把video標簽固定在底部，并且left和bottom都為0，代表覆蓋在整個頁面的最底部。此外，我們設置了寬度和高度，將video以35%的高度展示，以確保整個網頁的其他內容不被底部的視頻遮擋。

接下來，我們使用z-index屬性把整個底部的視頻設為-1，以確保其他頁面元素不會遮蓋它。

在“footer-video”class內部，使用video標簽來實現視頻播放。我們使用width和height屬性，使內容在video區塊內完全填充，并使用object-fit屬性來確保視頻的縮放比例。

總之，使用CSS創建底部視頻可以使網頁更加生動，吸引并留住訪問者的注意力，并使整個頁面的設計更加完整統一。以上就是CSS實現底部視頻的簡單方法，希望對你有所幫助。