CSS中的視頻可以通過使用媒體查詢來實現響應式布局和設計。媒體查詢可以根據不同的屏幕大小和設備來更改視頻的大小和位置，以適應不同的瀏覽器和設備。

@media screen and (max-width: 600px) {
video {
max-width: 100%;
height: auto;
}
}

這段代碼意味著，當屏幕寬度小于600像素時，將視頻大小調整為最大寬度100%，高度自適應。這樣可以保證視頻在小屏幕上不會超出屏幕范圍，同時保持良好的視覺效果。

另外，在設置視頻的大小和位置時，還可以使用CSS的position屬性和top、left、right、bottom等屬性來調整視頻的相對位置。例如：

@media screen and (max-width: 600px) {
video {
max-width: 100%;
height: auto;
position: relative;
left: -10px;
top: 20px;
}
}

這段代碼將視頻的相對位置設置為左側偏移10像素，上側偏移20像素。這樣可以讓視頻在頁面中更好地融入，與其他元素自然結合，提高用戶體驗。

總之，通過使用媒體查詢和CSS屬性，可以讓視頻更好地適應不同的屏幕大小和設備，更好地展示內容，提高用戶體驗。