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, 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

Propriedades CSS da barra de controle

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.

Exemplo

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

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free