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, controles de volume e assim por diante.
A barra de controle sempre obtém a largura total do visualizador disponível. É possível alterar sua cor, altura e posição vertical por CSS, em relação ao container do visualizador de vídeo.
O seletor de classe CSS a seguir controla a aparência da barra de controle:
.s7interactivevideoviewer .s7controlbar
top |
Posição a partir da borda superior, incluindo preenchimento. |
bottom |
Posição a partir da borda inferior, incluindo preenchimento. |
altura |
Altura da barra de controle. |
cor de fundo |
Cor do plano de fundo da barra de controle. |
Para configurar um visualizador de vídeo com uma barra de controle cinza de 30 pixels de altura e na parte superior do container do visualizador de vídeo.
.s7interactivevideoviewer .s7controlbar {
position: absolute;
top: 0px;
height: 30px;
background-color: rgb(51, 51, 51);
}