Barra de controle control-bar

A barra de controle é a área retangular que contém e fica atrás de todos os controles da interface do usuário disponíveis para o visualizador de Corte inteligente de vídeo, como o botão Reproduzir/pausar e os controles de volume.

A barra de controle sempre ocupa toda a largura disponível do visualizador. É possível alterar a cor, a altura e a posição vertical por CSS, em relação ao contêiner do visualizador de Corte inteligente de vídeo.

O seletor de classe CSS a seguir controla a aparência da barra de controle:

.s7smartcropvideoviewer .s7controlbar

Propriedades CSS da barra de controle css-properties-of-the-control-bar

top
Posição a partir da borda superior, incluindo o preenchimento.
bottom
Posição a partir da borda inferior, incluindo o preenchimento.
altura
Altura da barra de controle.
background-color
Cor do plano de fundo da barra de controle.

Exemplo section-e8caea0a303c425a8a637c2a47c06355

Para configurar um visualizador de Corte inteligente de vídeo com uma barra de controle cinza com 30 pixels de altura e localizada na parte superior do contêiner do visualizador de Corte 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