Video time

Last update: February 11, 2022

CREATED FOR:

  • Developer
  • User

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:

.s7videoviewer .s7videotime

CSS properties of video time

topPosition from the top border, including padding.
rightPosition from the right border, including padding.
widthThe width of video time control. This property is required for Internet Explorer 8 or greater to function properly.
font-familyThe font family to use for the time display text.
font-sizeThe font size to use for the time display text.
colorThe 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 right edges of the control bar.

.s7videoviewer .s7videotime {
top:15px;
right:80px;
font-size:12px;
color:#BBBBBB;
width:60px;
}
recommendation-more-help