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
altura |
Altura da barra de controle. |
background-color |
Cor do plano de fundo da barra de controle. |
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);
}