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:

.s7mixedmediaviewer .s7videoscrubber 
.s7mixedmediaviewer .s7videoscrubber .s7videotime 
.s7mixedmediaviewer .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:

.s7mixedmediaviewer .s7videoscrubber .s7track 
.s7mixedmediaviewer .s7videoscrubber .s7trackloaded 
.s7mixedmediaviewer .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:

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

.s7mixedmediaviewer .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 mídia mista 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.

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

Nesta página