Barra de control

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, los controles de volumen, etc.

La barra de control siempre toma toda la anchura del visor disponible. CSS puede cambiar su color, altura y 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

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 : para configurar un visualizador de vídeo con una barra de control gris de 30 píxeles de altura y situada en la parte superior del contenedor del visualizador de vídeo.

.s7video360viewer .s7controlbar {  
position: absolute; 
top: 0px; 
height: 30px; 
background-color: rgb(51, 51, 51); 
}

En esta página