<media-time-display>

Display only component to show the time of the playhead.

Default

<media-time-display></media-time-display>

Current time of 2 minutes

<media-time-display media-current-time="120.0"></media-time-display>

Current time of one hour

<media-time-display media-current-time="3600.0"></media-time-display>

Include duration (10 minutes)

<media-time-display
  media-current-time="120"
  media-duration="600"
  show-duration
></media-time-display>

Show remaining time (at 2 minutes of 10)

<media-time-display
  media-current-time="120"
  media-duration="600"
  remaining
></media-time-display>

Attributes

Section titled Attributes
NameTypeDefault ValueDescription
remainingbooleanfalseShow as remaining time (i.e. negative “count down”) when true
show-durationbooleanfalseAlso show the duration after a slash when true

Slots

Section titled Slots

None

Styling

Section titled Styling

See our styling docs