depurador de vídeo

O depurador de vídeo é o controle deslizante horizontal que permite que um usuário procure dinamicamente qualquer posição de tempo no vídeo que está sendo reproduzido.

O 'botão' do depurador também se move à medida que o vídeo é reproduzido para indicar a posição atual do vídeo durante a reprodução. O depurador de vídeo sempre utiliza toda a largura da barra de controle. É possível esfolar o depurador de vídeo. altere sua altura e posição vertical, por CSS.

A aparência geral do depurador de vídeo é controlada pelo seguinte seletor de classe CSS:

.s7video360viewer .s7videoscrubber 
.s7video360viewer .s7videoscrubber .s7videotime 
.s7video360viewer .s7videoscrubber .s7knob

Propriedades de CSS do depurador de vídeo

top

Posição a partir da borda superior, incluindo preenchimento.

bottom

Posição a partir da borda inferior, incluindo preenchimento.

altura

Altura do depurador de vídeo.

cor de fundo

A cor do depurador de vídeo.

Os seguintes seletores de classe CSS rastreiam os indicadores de plano de fundo, reprodução e carga:

.s7video360viewer .s7videoscrubber .s7track 
.s7video360viewer .s7videoscrubber .s7trackloaded 
.s7video360viewer .s7videoscrubber .s7trackplayed

Propriedades de CSS da faixa

altura

Altura da faixa correspondente.

cor de fundo

A cor da faixa correspondente.

O seguinte seletor de classe CSS controla o botão:

.s7video360viewer .s7videoscrubber .s7knob

Propriedades de CSS do botão

top

Deslocamento do botão vertical.

width

Largura do botão.

altura

Altura do botão.

background-image

Nódulo de arte.

posição de fundo

Posição dentro da sprite de arte, se os sprites CSS forem usados.

Consulte CSS Sprites .

O seletor de classe CSS a seguir controla a bolha de tempo reproduzido:

.s7video360viewer .s7videoscrubber .s7videotime

Propriedades de CSS da bolha de tempo reproduzida

família de fontes

A família de fontes a ser usada para o texto de exibição de tempo.

font-size

O tamanho da fonte a ser usada para o texto de exibição de tempo.

cor

A cor da fonte a ser usada para o texto de exibição de tempo.

largura

Largura da área de bolha.

altura

Altura da área de bolha.

revestimento

Preenchimento da área de bolha.

background-image

Arte de bolha.

posição de fundo

Posição dentro da sprite de arte, se os sprites CSS forem usados.

Consulte CSS Sprites .

alinhamento de texto

Alinhamento do texto com a área de bolha.

A dica de ferramenta do depurador de vídeo pode ser localizada. Consulte Localização de elementos da interface do usuário para obter mais informações.

Exemplo - Para configurar um visualizador de vídeo com um depurador de vídeo com cores de rastreamento personalizadas de 10 pixels de altura e posicionado 10 pixels e 35 pixels das bordas superior e esquerda da barra de controle.

.s7video360viewer .s7videoscrubber  { 
top:10px; 
left:35px; 
height:10px; 
background-color:#AAAAAA; 
} 
.s7video360viewer .s7videoscrubber .s7track { 
height:10px; 
background-color:#444444; 
} 
.s7video360viewer .s7videoscrubber .s7trackloaded { 
height:10px; 
background-color:#666666; 
} 
.s7video360viewer .s7videoscrubber .s7trackplayed { 
height:10px; 
background-color:#888888; 
}

Nesta página