控制栏 control-bar

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

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

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

.s7smartcropvideoviewer .s7controlbar

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

顶端
上边框的位置,包括内边距。
底部
从下边框定位,包括内边距。
height
控制栏的高度。
background-color
控制栏的背景颜色。

示例 section-e8caea0a303c425a8a637c2a47c06355

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

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