feat(core): add time display component

[mihar-22]

Summary

• Implements time display components for current, duration, and remaining time
• Adds time formatting utilities aligned with Media Chrome
• Full accessibility support with aria-label and aria-valuetext

Components

React

<Time.Value type="current" />
<Time.Group>
  <Time.Value type="current" />
  <Time.Separator />
  <Time.Value type="duration" />
</Time.Group>

HTML

<media-time type="current"></media-time>
<media-time-group>
  <media-time type="current"></media-time>
  <media-time-separator></media-time-separator>
  <media-time type="duration"></media-time>
</media-time-group>

New Utilities (@videojs/utils/time)

• formatTime(seconds, guide) - Digital format (1:30, 1:05:30)
• formatTimeAsPhrase(seconds) - Screen reader phrase (1 minute, 30 seconds)
• secondsToIsoDuration(seconds) - ISO 8601 (PT1M30S)

Closes #266
Ref: #454 (design doc)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
vjs-10-demo-react	Ignored	Preview	Feb 6, 2026 3:29am

[netlify]

✅ Deploy Preview for vjs10-site ready!

Name	Link
🔨 Latest commit	04e14e1
🔍 Latest deploy log	https://app.netlify.com/projects/vjs10-site/deploys/6985602eee79480008a92367
😎 Deploy Preview	https://deploy-preview-460--vjs10-site.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.