This component is used to display certain media states as a unit of time, such as the current time or duration.
<script type="module" src="https://cdn.jsdelivr.net/npm/@vidstack/player@next/cdn/define/vds-time.js" ></script>
<vds-time> component displays time formatted text (e.g.,
01:30 represents 1 minute 30 seconds). The time can be based on either the current time, buffered amount, seekable amount, or duration.
type property can be set to:
current: The current playback time.
seekable: The seekable amount of media (i.e., where the user can seek to without buffering).
buffered: The buffered amount of media. Similar to
seekable, but the seekable amount can be greater than the buffered amount due to
duration: The total length of media.
You can use the
remainder property to display the duration minus the selected