控制欄

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

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

以下CSS類選擇器控制控制欄的外觀:

.s7smartcropvideoviewer .s7controlbar

控制欄的CSS屬性

頂部

從上邊框的位置,包括邊框間距。

底部

從底部邊框的位置,包括邊框間距。

height

控制欄的高度。

背景顏色

控制欄的背景顏色。

範例

設定具有30像素高且位於智慧型裁切視訊檢視器容器頂端的灰色控制列的智慧型裁切視訊檢視器。

.s7smartcropvideoviewer .s7controlbar {
position: absolute;
top: 0px;
height: 30px;
background-color: rgb(51, 51, 51);
}

本頁內容