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 vídeo, como el botón de reproducción/pausa y los controles de volumen.

La barra de control siempre tiene la anchura total del visor disponible. CSS permite cambiar el color, la altura y la posición vertical en relación con el contenedor del visor de vídeo.

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

.s7video360viewer .s7controlbar

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

principales
Posición desde el borde superior, incluido el relleno.
inferior
Posición desde el borde inferior, incluido el relleno.
altura
Altura de la barra de control.
color de fondo
Color de fondo de la barra de control.

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

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