Video time

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

CSS properties of video time

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.

Example

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;
}

On this page