Barra de control control-bar

La barra de control es el área rectangular que contiene y se encuentra detrás de todos los controles de interfaz de usuario disponibles para el visor de recorte inteligente de vídeos, como el botón de reproducción/pausa y los controles de volumen.

La barra de control siempre tiene toda la anchura del visor disponible. CSS permite cambiar el color, la altura y la posición vertical con respecto al contenedor del visor de recorte inteligente de vídeo.

El siguiente selector de clase CSS controla el aspecto de la barra de control:

.s7smartcropvideoviewer .s7controlbar

Propiedades CSS de la barra de control css-properties-of-the-control-bar

parte superior
Posición desde el borde superior, incluido el relleno.
parte inferior
Posición desde el borde inferior, incluido el relleno.
height
Altura de la barra de control.
background-color
Color de fondo de la barra de control.

Ejemplo section-e8caea0a303c425a8a637c2a47c06355

Para configurar un visor de recorte inteligente de vídeo con una barra de control gris de 30 píxeles de altura y situada en la parte superior del contenedor del visor de recorte inteligente de vídeo.

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