控制列 control-bar

控制列是矩形的區域,其中包含並位於智慧型裁切視訊檢視器可用的所有UI控制項後面,例如播放/暫停按鈕和音量控制項。

控制列一律採用完整的可用檢視器寬度。 您可以透過CSS變更其顏色、高度和垂直位置(相對於智慧型裁切視訊檢視器容器)。

下列CSS類別選取器會控制控制列的外觀:

.s7smartcropvideoviewer .s7controlbar

控制列的CSS屬性 css-properties-of-the-control-bar

上邊框的位置,包括邊框間距。
從下邊框定位,包括內距。
高度
控制列的高度。
背景色彩
控制列的背景顏色。

範例 section-e8caea0a303c425a8a637c2a47c06355

若要設定智慧型裁切視訊檢視器,其灰色控制列高度為30畫素,且位於智慧型裁切視訊檢視器容器的頂端。

.s7smartcropvideoviewer .s7controlbar {
position: absolute;
top: 0px;
height: 30px;
background-color: rgb(51, 51, 51);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8