控件栏 control-bar

控制栏是一个矩形区域,其中包含并位于视频查看器可用的所有UI控件后面,如播放/暂停按钮和音量控件。

控制栏始终采用所有可用的查看器宽度。 可以通过CSS更改其相对于视频查看器容器的颜色、高度和垂直位置。

以下CSS类选择器控制控件栏的外观:

.s7videoviewer .s7controlbar

控件栏的CSS属性 css-properties-of-the-control-bar

上边框的位置,包括内边距。
下边框的位置,包括内边距。
高度
控件栏的高度。
背景色
控件栏的背景颜色。

示例 section-e8caea0a303c425a8a637c2a47c06355

设置一个视频查看器,其灰色控制栏高度为30像素,位于视频查看器容器的顶部。

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