<media-time-range>

Slider to see how far the playhead is through the media duration, and seek to new times.

Default (no time or duration)

<media-time-range></media-time-range>

Time 0s (buffered 15s, duration 60s)

<media-time-range
  media-current-time="0"
  media-buffered="0:15"
  media-duration="60"
></media-time-range>

Time 30s (buffered 60s, duration 60s)

<media-time-range
  media-current-time="30"
  media-buffered="0:60"
  media-duration="60"
></media-time-range>

Time 60s (duration 60s)

<media-time-range
  media-current-time="60"
  media-duration="60"
></media-time-range>

None

None

See our styling docs