控制列是矩形區域,包含並位於所有可用於視訊檢視器的UI控制項後面,例如播放/暫停按鈕和音量控制項。
控制列總是取用整個可用的檢視器寬度。 您可以透過CSS變更其相對於視訊檢視器容器的顏色、高度和垂直位置。
下列CSS類別選擇器會控制控制列的外觀:
.s7videoviewer .s7controlbar
頂部 |
上邊框的位置,包括邊框間距。 |
底部 |
從下邊框定位,包括內距。 |
height |
控制列的高度。 |
background-color |
控制列的背景顏色。 |
若要設定具有灰色控制列的視訊檢視器,該控制列高度為30畫素,且位於視訊檢視器容器的頂端。
.s7videoviewer .s7controlbar {
position: absolute;
top: 0px;
height: 30px;
background-color: rgb(51, 51, 51);
}