Show Menu
TOPICS×

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