控制栏是一个矩形区域,其中包含并位于视频查看器可用的所有用户界面控件后面,如播放/暂停按钮和音量控件。
控制栏始终采用所有可用的查看器宽度。 可以通过CSS更改其相对于视频查看器容器的颜色、高度和垂直位置。
以下CSS类选择器控制控件栏的外观:
.s7video360viewer .s7controlbar
顶端 |
上边框的位置,包括内边距。 |
底部 |
从下边框定位,包括内边距。 |
height |
控制栏的高度。 |
background-color |
控制栏的背景颜色。 |
示例 — 设置一个视频查看器,其灰色控制栏高度为30像素,位于视频查看器容器的顶部。
.s7video360viewer .s7controlbar {
position: absolute;
top: 0px;
height: 30px;
background-color: rgb(51, 51, 51);
}