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 vídeo, como o botão Reproduzir/Pausar, controles de volume e assim por diante.

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 vídeo.

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

.s7mixedmediaviewer .s7controlbar

Propriedades CSS da barra de controle

altura

Altura da barra de controle.

background-color

Cor do plano de fundo da barra de controle.

Exemplo

Para configurar um visualizador de mídia mista com uma barra de controle cinza com 30 pixels de altura.

.s7mixedmediaviewer .s7controlbar {
height: 30px;
background-color: rgb(51, 51, 51);
}

Nesta página