在網頁設計中，有些時候需要制作相對美觀的圓角矩形。尤其是在設計視頻播放器的時候，一個好看的圓角矩形可以使得視覺效果更加突出。

在CSS中，我們可以通過border-radius屬性來實現圓角矩形效果。具體操作如下：

.video-container {
width: 600px;
height: 400px;
background-color: #f0f0f0;
border-radius: 10px;
}

上面的代碼中，.video-container是視頻容器的類名，width和height是設置視頻容器的寬度和高度，background-color是設置視頻容器的背景色，border-radius是設置圓角半徑。

如果需要設置不同的圓角大小，我們可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius、border-bottom-right-radius的分別設置上左、上右、下左、下右的圓角大小。

.video-container {
width: 600px;
height: 400px;
background-color: #f0f0f0;
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 40px;
}

上面的代碼中，上左圓角半徑為10px，上右圓角半徑為20px，下左圓角半徑為30px，下右圓角半徑為40px。

除此之外，我們還可以通過box-shadow屬性為圓角矩形添加陰影，使得視覺效果更加立體。

.video-container {
width: 600px;
height: 400px;
background-color: #f0f0f0;
border-radius: 10px;
box-shadow: 0 0 10px #666;
}

上面的代碼中，box-shadow的第一個值是水平偏移量，第二個值是垂直偏移量，第三個值是模糊半徑，第四個值是陰影顏色。

通過以上的CSS樣式設置，我們可以輕松實現漂亮的圓角矩形，為視頻的播放添加更加炫酷的效果。