Control bar

Last update: January 26, 2022

CREATED FOR:

  • Developer
  • User

The control bar is the rectangular area that contains and sits behind all the user interface controls available for the video viewer, such as the Play/Pause button, volume controls, and so on.

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 video viewer container.

The following CSS class selector controls the appearance of the control bar:

.s7mixedmediaviewer .s7controlbar

CSS properties of the control bar

heightHeight of the control bar.
background-colorBackground color of the control bar.

Example

To set up a mixed media viewer with a gray control bar that is 30 pixels tall.

.s7mixedmediaviewer .s7controlbar {
height: 30px;
background-color: rgb(51, 51, 51);
}
recommendation-more-help