The video time is the numeric display that shows the current time and duration of the currently playing video.
The video time font family, font size, and font color are among the properties that CSS can control. It can also be positioned, relative to the control bar that contains it, by CSS.
The appearance of the video time is controlled with the following CSS class selector:
.s7interactivevideoviewer .s7videotime
top |
Position from the top border, including padding. |
right |
Position from the right border, including padding. |
width |
The width of video time control. This property is required for Internet Explorer 8 or greater to function properly. |
font-family |
The font family to use for the time display text. |
font-size |
The font size to use for the time display text. |
color |
The font color to use for the time display text. |
Set the video time to light gray (hexadecimal #BBBBBB
), sized at 12 pixels, positioned 15 pixels from the top of the control bar, and 80 pixels from the top and right edges of the control bar.
.s7interactivevideoviewer .s7videotime {
top:15px;
right:80px;
font-size:12px;
color:#BBBBBB;
width:60px;
}