控制欄

控制欄是矩形區域,其中包含並位於視訊檢視器可用的所有使用者介面控制項,例如播放/暫停按鈕、音量控制項等。

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

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

.s7video360viewer .s7controlbar

控制欄的CSS屬性

頂部

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

底部

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

height

控制欄的高度。

背景顏色

控制欄的背景顏色。

範例 — 使用高度為30像素且位於視訊檢視器容器頂端的灰色控制列,設定視訊檢視器。

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

本頁內容