Control bar control-bar
The control bar is the rectangular area that contains and sits behind all the UI controls available for the Smart Crop Video viewer, such as the play/pause button and volume controls.
The control bar always takes the entire available viewer width. It is possible to change its color, height, and vertical position by CSS, relative to the Smart Crop Video viewer container.
The following CSS class selector controls the appearance of the control bar:
.s7smartcropvideoviewer .s7controlbar
CSS properties of the control bar css-properties-of-the-control-bar
Example section-e8caea0a303c425a8a637c2a47c06355
To set up a Smart Crop Video viewer with a gray control bar that is 30 pixels tall and sits at the top of the Smart Crop Video viewer container.
.s7smartcropvideoviewer .s7controlbar {
position: absolute;
top: 0px;
height: 30px;
background-color: rgb(51, 51, 51);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8