控制栏

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

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

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

.s7smartcropvideoviewer .s7controlbar

控制栏的CSS属性

顶端

从上边框的位置,包括内边距。

底部

从下边框的位置,包括内边距。

height

控制栏的高度。

背景颜色

控制栏的背景颜色。

示例

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

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

在此页面上