css中的浮動是一種常用的布局方式。它可以讓元素脫離文檔流，讓其他元素環繞其周圍。在視頻網站等場景中，浮動視頻可以讓網頁更加動態，增強用戶體驗。

.video{
float: right;
}

如上代碼給一個video類設置了浮動屬性，且位置在右側。如果我們需要將其放在左側，只需要將代碼改為：

.video{
float: left;
}

此外，浮動元素的高度默認為元素內容高度，如果強制指定高度可能會破壞浮動的布局。而且，浮動會導致父元素高度塌陷，這時可以引入 clearfix 包裹浮動元素和其他內容，以清除浮動影響：

.clearfix::after {
content: "";
display: table;
clear: both;
}

浮動視頻可以搭配響應式設計，自適應不同設備上的屏幕尺寸。例如：

.video{
float: left;
width: 50%;
}
@media screen and (max-width: 768px){
.video{
width: 100%;
}
}

上述代碼中，當屏幕寬度小于768px時，video元素的寬度變為100%。

總而言之，浮動是實現動態布局的重要工具，但也需要注意清除浮動影響、配合響應式設計等細節。在網頁布局中善用浮動可以創造出更加豐富的頁面效果。