Barra de controle

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

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

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

.s7videoviewer .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.

cor do fundo

Cor do plano de fundo da barra de controle.

Exemplo

Para configurar um visualizador de vídeo com uma barra de controle cinza com 30 pixels de altura e que fica na parte superior do contêiner do visualizador de vídeo.

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

Nesta página