CSS浮動定位技術是Web開發中非常重要的一項技術，尤其在視頻網站中經常使用。這里我們來介紹一下如何通過CSS浮動定位設置視頻的位置和尺寸。

.video-wrapper {
float: left;
margin-right: 20px;
}
.video-wrapper video {
max-width: 100%;
height: auto;
}

上面的CSS代碼是一個基本的視頻浮動定位樣式。首先，我們用一個類名為.video-wrapper來包含視頻，然后給這個容器設置一個左浮動(flaot: left)，這樣視頻就會靠左對齊。接著，我們可以通過設置margin-right屬性來控制視頻與其他元素之間的距離。最后，我們使用CSS選擇器.video-wrapper video來設置視頻的樣式，例如將它的最大尺寸設置為100%（max-width: 100%），這樣視頻就可以根據它的容器大小自適應尺寸。

除了左浮動外，我們還可以使用右浮動(flaot: right)來讓視頻靠右對齊，或者使用clear屬性來控制視頻下方的元素。例如：

.video-wrapper {
float: right;
margin-left: 20px;
clear: right;
}

上面的CSS代碼將視頻浮動到右側，然后設置margin-left屬性來讓視頻與其他元素保持距離，最后使用clear: right來讓下方元素脫離浮動狀態，避免出現交叉布局或者錯位現象。

總之，CSS浮動定位技術是一個很方便的工具，通過它可以讓我們更靈活地管理頁面布局和元素位置。在使用過程中要注意不要出現浮動元素重疊或者錯位等問題，同時還要對多種瀏覽器和設備進行兼容性測試。