Barra de controle

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

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

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);
}

Nesta página