CSS的強大功能不僅僅局限在美化網頁，還可以用來實現一些更加復雜的功能。本文將介紹如何使用CSS實現video橫屏的功能。

首先，我們需要使用HTML5的視頻標簽來嵌入一個視頻，如下所示：

<video src="video.mp4" controls> 
Your browser does not support the video tag.
</video>

這段代碼將會在頁面上嵌入一個視頻，并且會自動添加一些播放控制按鈕。

接下來，我們需要給視頻添加一個CSS樣式：

video {
width: 100vw;
height: 100vh;
object-fit: cover;
transform: rotate(90deg);
}

這段代碼中，我們使用了vw和vh單位來設置視頻的寬度和高度，它們分別代表viewport寬度和高度的百分比。我們還使用了object-fit屬性來指定視頻如何適應容器大小，并使用了rotate()函數將視頻旋轉了90度，實現了橫屏的效果。

至此，我們已經成功地使用CSS實現了視頻橫屏的功能。通過調整vw和vh的值以及調整旋轉角度，你可以進一步優化這個效果，讓它更加適應你的網站及視頻。