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

.s7video360viewer .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 que se situe na parte superior do container do visualizador de vídeo.

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