A hora do vídeo é a exibição numérica que mostra a hora e a duração atuais do vídeo que está sendo reproduzido.
A família, o tamanho e a cor da fonte da hora do vídeo estão entre as propriedades que o CSS pode controlar. Ele também pode ser posicionado, em relação à barra de controle que a contém, por CSS.
A aparência da hora de vídeo é controlada pelo seguinte seletor de classe CSS:
.s7smartcropvideoviewer .s7videotime
top |
Posição a partir da borda superior, incluindo o preenchimento. |
right |
Posição a partir da borda direita, incluindo o preenchimento. |
width |
A largura do controle de tempo do vídeo. Essa propriedade é necessária para que o Internet Explorer 8 ou superior funcione corretamente. |
família de fontes |
A família de fontes a ser usada para o texto de exibição de tempo. |
tamanho da fonte |
O tamanho da fonte a ser usado para o texto de exibição de tempo. |
color |
A cor da fonte a ser usada para o texto de exibição de tempo. |
Defina o tempo do vídeo como cinza claro (hexadecimal) #BBBBBB
), dimensionada em 12 pixels, posicionada 15 pixels da parte superior da barra de controle e 80 pixels das margens direitas da barra de controle.
.s7smartcropvideoviewer .s7videotime {
top:15px;
right:80px;
font-size:12px;
color:#BBBBBB;
width:60px;
}