控制列

控制列是矩形區域,包含並位於影片檢視器可用的所有UI控制項後方,例如播放/暫停按鈕、音量控制項等。

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

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

.s7videoviewer .s7controlbar

控制列的CSS屬性

頂部

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

底部

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

height

控制列的高度。

背景色

控制列的背景顏色。

範例

若要設定視訊檢視器,其灰色控制列高度為30像素,並位於視訊檢視器容器的頂端。

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

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now