Files
v10/packages/react/CHANGELOG.md
T
github-actions[bot]GitHubgithub-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
ba5a72fb12 chore: release main (#947)
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
2026-03-16 07:25:02 +11:00

52 KiB

Changelog

10.0.0-beta.6 (2026-03-15)

Features

Dependencies

  • The following workspace dependencies were updated
    • dependencies
      • @videojs/spf bumped to 10.0.0-beta.6
      • @videojs/core bumped to 10.0.0-beta.6
      • @videojs/store bumped to 10.0.0-beta.6
      • @videojs/utils bumped to 10.0.0-beta.6
    • devDependencies
      • @videojs/icons bumped to 10.0.0-beta.6
      • @videojs/skins bumped to 10.0.0-beta.6

10.0.0-beta.5 (2026-03-12)

Miscellaneous Chores

  • @videojs/react: Synchronize videojs versions

Dependencies

  • The following workspace dependencies were updated
    • dependencies
      • @videojs/spf bumped to 10.0.0-beta.5
      • @videojs/core bumped to 10.0.0-beta.5
      • @videojs/store bumped to 10.0.0-beta.5
      • @videojs/utils bumped to 10.0.0-beta.5
    • devDependencies
      • @videojs/icons bumped to 10.0.0-beta.5
      • @videojs/skins bumped to 10.0.0-beta.5

10.0.0-beta.4 (2026-03-12)

Bug Fixes

  • skin: add missing tooltip provider/group (#902) (1dbcd79)

Dependencies

  • The following workspace dependencies were updated
    • dependencies
      • @videojs/spf bumped to 10.0.0-beta.4
      • @videojs/core bumped to 10.0.0-beta.4
      • @videojs/store bumped to 10.0.0-beta.4
      • @videojs/utils bumped to 10.0.0-beta.4
    • devDependencies
      • @videojs/icons bumped to 10.0.0-beta.4

10.0.0-beta.3 (2026-03-11)

Bug Fixes

  • skins: remove legacy caption markup artifacts (#882) (85266ba)

Dependencies

  • The following workspace dependencies were updated
    • dependencies
      • @videojs/spf bumped to 10.0.0-beta.3
      • @videojs/core bumped to 10.0.0-beta.3
      • @videojs/store bumped to 10.0.0-beta.3
      • @videojs/utils bumped to 10.0.0-beta.3
    • devDependencies
      • @videojs/icons bumped to 10.0.0-beta.3

10.0.0-beta.2 (2026-03-10)

Miscellaneous Chores

  • @videojs/react: Synchronize videojs versions

Dependencies

  • The following workspace dependencies were updated
    • dependencies
      • @videojs/spf bumped to 10.0.0-beta.2
      • @videojs/core bumped to 10.0.0-beta.2
      • @videojs/store bumped to 10.0.0-beta.2
      • @videojs/utils bumped to 10.0.0-beta.2
    • devDependencies
      • @videojs/icons bumped to 10.0.0-beta.2

10.0.0-beta.1 (2026-03-10)

Features

  • add background video components (#567) (fd14f0c)
  • add background video preset (#607) (c2bc488)
  • add console banner (#186) (072b0de)
  • add media API + HLS video components (#507) (b3a31a3)
  • add subtitles handling + captions core (#692) (5c11606)
  • add tooltip core (#212) (cbf41ce)
  • core: add buffering indicator component (#527) (aa0fb7c)
  • core: add controls component with activity tracking (#514) (90d881c)
  • core: add fullscreen button component (#459) (3c4152f)
  • core: add mute button component (#455) (aa189ee)
  • core: add pip button component (#525) (2c8b77a)
  • core: add play button component (#383) (9cfab26)
  • core: add poster component (#457) (c9ba1e1)
  • core: add seek button component (#526) (c733077)
  • core: add time display component (#460) (7b8bc11)
  • example/react: improvements to react examples (#210) (c35b012)
  • html: add alert dialog element (#741) (5fc52aa)
  • html: add element registrations (eaaa03c)
  • html: add slider element (#655) (d5df015)
  • html: add time slider element (#656) (26c7395)
  • html: add volume slider element (#657) (92b7c2a)
  • html: setup player api (#374) (a419f5e)
  • packages: add PlaybackRateButton to core, html, and react (#642) (0180828)
  • react: add alert dialog component (#739) (536c86d)
  • react: add alert dialog to video skin (#747) (5dfc67e)
  • react: add captions styling to video skins (#582) (b78c6ce)
  • react: add playback rate button component (#639) (3305fb3)
  • react: add popover component (#653) (ed43d52)
  • react: add slider component (#644) (2f8ca09)
  • react: add slider preview component (#710) (db75697)
  • react: add slider thumbnail component (#722) (a6405e9)
  • react: add Tailwind ejected video skins (#589) (8763a57)
  • react: add thumbnail component (#648) (40606ff)
  • react: add time slider component (#647) (158378a)
  • react: add tooltip component (#736) (ae754ee)
  • react: add video component and utility hooks (#293) (a71a280)
  • react: adding simple video (#125) (f6b5f80)
  • react: implement default and minimal video skins (#550) (7d3be36)
  • react: implement video skins with responsive layout (#568) (846d38e)
  • react: initial skin scaffolding (#523) (edefc2a)
  • react: orientation-aware buffer styling and slider improvements (#671) (86b2f4d)
  • react: port time slider styling into video skin presets (#666) (ebb75f5)
  • react: port volume popover and slider styling into skin presets (#667) (6a1edda)
  • react: setup react player api (#372) (d28dda1)
  • react: support native caption track shifting in video skins (#636) (ac346db)
  • react: use popover and anchor position API (#178) (f513c74)
  • react: use SimpleVideo as default Video and rename HLS version to HlsVideo (#171) (1878a27)
  • site: add buffering indicator api reference (84b7b07), closes #532 #533
  • site: add TimeSlider, VolumeSlider, Popover API references (#685) (8ab596e)
  • site: add util reference pipeline (#537) (78112fb)
  • skin: add audio skins for HTML and React presets (#772) (d751fda)
  • skin: add captions button to video skins (#612) (fbf888f)
  • skin: add error dialogs (#603) (ba94f74)
  • skin: implement default and minimal skins for HTML player (#698) (c5cafae)
  • skin: port tooltip styling from tech preview (#800) (6b6566e)
  • skins: add html port of minimal skin (#140) (47ac22e)
  • small state and naming fixes (#719) (5c42245)
  • spf: initial push of SPF (#784) (27a3993)
  • store: add reactive state primitives (#311) (beb8615)
  • store: skin store setup (#298) (b2e2b88)
  • ui: skin design improvements, add html frosted skin (WIP) (#133) (75a90e7)
  • ui: skin design tweaks (#126) (a93484e)

Bug Fixes

  • add aspect-ratio to demos (#136) (e0a46de)
  • anchor name in popover and tooltip (#194) (d965858)
  • cd: add repository field to all packages for provenance verification (b723589)
  • ci: rework bundle size report (#745) (9f456f5)
  • clean up core, less seams in wrappers (#197) (601a5a3)
  • core: fix circular import and simplify media types (#569) (38b3a8f)
  • destroy hls.js instance on media unmount (#749) (c4e8bbd)
  • fix CLS due to popover attribute not SSR (#202) (0952673)
  • html,react: move @videojs/skins to devDependencies (#716) (55b49ef)
  • html: discover media elements and attach store target via DOM (#481) (5eab1db)
  • html: slider interaction and edge alignment broken (#721) (ff12296)
  • hydration mismatch in Tooltip and Popover (#190) (8b868e9)
  • packages: enable unbundle mode to avoid mangled exports (00fdf96)
  • packages: set release-please manifest and package versions to beta.0 (#850) (e085a0d)
  • packages: update package READMEs for beta (#848) (9562a0e)
  • packages: update version badges (#138) (22d9cb6)
  • react, html: rename MediaProvider (and related) to VideoProvider (#159) (f285573)
  • react: correct buffer selector names in minimal skin CSS (#672) (12277fd)
  • react: move @videojs/icons to devDependencies (f09c686)
  • react: prevent dev build race condition (#139) (67d1007)
  • react: set anchor-name and position-anchor imperatively in popover (#715) (070d094)
  • react: strict mode support (#742) (44d874d)
  • react: update use client usage in react package modules for next.js use (#157) (16cfde1)
  • react: use relative import path for useForceRender (#669) (e3d7f4b)
  • revert preset provider (#631) (5f1cafa)
  • root: add videojs keyword to package.json (4a9f8b2)
  • site: resolve aliased part descriptions in api docs (#518) (8294404)
  • site: update discord link (#170) (bb10294)
  • skins: remove vjs- prefixed CSS custom properties (#179) (a62623b)
  • skins: slightly more idiomatic Tailwind, added custom properties (#175) (694afb7)
  • skin: temporarily hide the caption button (#629) (0666d52)
  • use popover core in react popover (#208) (99fef78)

Dependencies

  • The following workspace dependencies were updated
    • dependencies
      • @videojs/spf bumped to 10.0.0-beta.1
      • @videojs/core bumped to 10.0.0-beta.1
      • @videojs/store bumped to 10.0.0-beta.1
      • @videojs/utils bumped to 10.0.0-beta.1
    • devDependencies
      • @videojs/icons bumped to 10.0.0-beta.1

10.0.0-alpha.11 (2026-03-10)

Miscellaneous Chores

  • @videojs/react: Synchronize videojs versions

Dependencies

  • The following workspace dependencies were updated
    • dependencies
      • @videojs/spf bumped to 10.0.0-alpha.11
      • @videojs/core bumped to 10.0.0-alpha.11
      • @videojs/store bumped to 10.0.0-alpha.11
      • @videojs/utils bumped to 10.0.0-alpha.11
    • devDependencies
      • @videojs/icons bumped to 10.0.0-alpha.11

10.0.0-alpha.10 (2026-03-10)

Features

  • skin: add audio skins for HTML and React presets (#772) (d751fda)
  • skin: port tooltip styling from tech preview (#800) (6b6566e)
  • spf: initial push of SPF (#784) (27a3993)

Dependencies

  • The following workspace dependencies were updated
    • dependencies
      • @videojs/spf bumped to 10.0.0-alpha.10
      • @videojs/core bumped to 10.0.0-alpha.10
      • @videojs/store bumped to 10.0.0-alpha.10
      • @videojs/utils bumped to 10.0.0-alpha.10
    • devDependencies
      • @videojs/icons bumped to 10.0.0-alpha.10

10.0.0-alpha.9 (2026-03-06)

Features

Bug Fixes

Dependencies

  • The following workspace dependencies were updated
    • dependencies
      • @videojs/core bumped to 10.0.0-alpha.9
      • @videojs/store bumped to 10.0.0-alpha.9
      • @videojs/utils bumped to 10.0.0-alpha.9
    • devDependencies
      • @videojs/icons bumped to 10.0.0-alpha.9

10.0.0-alpha.8 (2026-03-05)

Features

Bug Fixes

  • html: slider interaction and edge alignment broken (#721) (ff12296)
  • react: set anchor-name and position-anchor imperatively in popover (#715) (070d094)
  • react: strict mode support (#742) (44d874d)

Dependencies

  • The following workspace dependencies were updated
    • dependencies
      • @videojs/core bumped to 10.0.0-alpha.8
      • @videojs/store bumped to 10.0.0-alpha.8
      • @videojs/utils bumped to 10.0.0-alpha.8
    • devDependencies
      • @videojs/icons bumped to 10.0.0-alpha.8

10.0.0-alpha.7 (2026-03-04)

Bug Fixes

  • html,react: move @videojs/skins to devDependencies (#716) (55b49ef)

Dependencies

  • The following workspace dependencies were updated
    • dependencies
      • @videojs/core bumped to 10.0.0-alpha.7
      • @videojs/store bumped to 10.0.0-alpha.7
      • @videojs/utils bumped to 10.0.0-alpha.7
    • devDependencies
      • @videojs/icons bumped to 10.0.0-alpha.7

10.0.0-alpha.6 (2026-03-04)

Miscellaneous Chores

  • @videojs/react: Synchronize videojs versions

Dependencies

  • The following workspace dependencies were updated
    • dependencies
      • @videojs/core bumped to 10.0.0-alpha.6
      • @videojs/store bumped to 10.0.0-alpha.6
      • @videojs/utils bumped to 10.0.0-alpha.6
    • devDependencies
      • @videojs/icons bumped to 10.0.0-alpha.6

10.0.0-alpha.5 (2026-03-04)

Features

  • html: add slider element (#655) (d5df015)
  • html: add time slider element (#656) (26c7395)
  • html: add volume slider element (#657) (92b7c2a)
  • packages: add PlaybackRateButton to core, html, and react (#642) (0180828)
  • react: add playback rate button component (#639) (3305fb3)
  • react: add popover component (#653) (ed43d52)
  • react: add slider component (#644) (2f8ca09)
  • react: add thumbnail component (#648) (40606ff)
  • react: add time slider component (#647) (158378a)
  • react: orientation-aware buffer styling and slider improvements (#671) (86b2f4d)
  • react: port time slider styling into video skin presets (#666) (ebb75f5)
  • react: port volume popover and slider styling into skin presets (#667) (6a1edda)
  • react: support native caption track shifting in video skins (#636) (ac346db)
  • site: add TimeSlider, VolumeSlider, Popover API references (#685) (8ab596e)
  • skin: implement default and minimal skins for HTML player (#698) (c5cafae)

Bug Fixes

  • react: correct buffer selector names in minimal skin CSS (#672) (12277fd)
  • react: use relative import path for useForceRender (#669) (e3d7f4b)
  • revert preset provider (#631) (5f1cafa)
  • skin: temporarily hide the caption button (#629) (0666d52)

Dependencies

  • The following workspace dependencies were updated
    • dependencies
      • @videojs/core bumped to 10.0.0-alpha.5
      • @videojs/store bumped to 10.0.0-alpha.5
      • @videojs/utils bumped to 10.0.0-alpha.5
    • devDependencies
      • @videojs/icons bumped to 10.0.0-alpha.5

10.0.0-alpha.4 (2026-02-26)

Features

Bug Fixes

  • react: move @videojs/icons to devDependencies (f09c686)

Dependencies

  • The following workspace dependencies were updated
    • dependencies
      • @videojs/core bumped to 10.0.0-alpha.4
      • @videojs/store bumped to 10.0.0-alpha.4
      • @videojs/utils bumped to 10.0.0-alpha.4
    • devDependencies
      • @videojs/icons bumped to 10.0.0-alpha.4

10.0.0-alpha.3 (2026-02-26)

Bug Fixes

  • cd: add repository field to all packages for provenance verification (b723589)

Dependencies

  • The following workspace dependencies were updated
    • dependencies
      • @videojs/core bumped to 10.0.0-alpha.3
      • @videojs/icons bumped to 10.0.0-alpha.3
      • @videojs/store bumped to 10.0.0-alpha.3
      • @videojs/utils bumped to 10.0.0-alpha.3

10.0.0-alpha.2 (2026-02-26)

Miscellaneous Chores

  • @videojs/react: Synchronize videojs versions

Dependencies

  • The following workspace dependencies were updated
    • dependencies
      • @videojs/core bumped to 10.0.0-alpha.2
      • @videojs/icons bumped to 10.0.0-alpha.2
      • @videojs/store bumped to 10.0.0-alpha.2
      • @videojs/utils bumped to 10.0.0-alpha.2

10.0.0-alpha.1 (2026-02-26)

Features

  • add a solution for React preview time display (#50) (f78b09f)
  • add background video components (#567) (fd14f0c)
  • add compound html timerange component (#14) (017ecdb)
  • add console banner (#186) (072b0de)
  • add core range, time and volume range (#23) (687b765)
  • add data style attributes to popover (#62) (6d7325c)
  • add display click to play / pause (#117) (4f06ef6)
  • add focus state to sliders and volume slider (#60) (f514051)
  • add HTML tooltip component (#40) (d2a0b27)
  • add keyboard control to sliders (#115) (0a49026)
  • add media API + HLS video components (#507) (b3a31a3)
  • add popover React component (#33) (f775a3d)
  • add range orientation to react components (#30) (5e3cb8a)
  • add React tooltip component (#35) (c4a3f1b)
  • add showRemaining functionality to current time display (ab07a8a)
  • add tooltip core (#212) (cbf41ce)
  • add transition status to React tooltip (#42) (39e862a)
  • add volume range compound component (#19) (aefe890)
  • core,html,react: implement VolumeRange component with integrated state management (2282f47)
  • core: add buffering indicator component (#527) (aa0fb7c)
  • core: add controls component with activity tracking (#514) (90d881c)
  • core: add fullscreen button component (#459) (3c4152f)
  • core: add mute button component (#455) (aa189ee)
  • core: add pip button component (#525) (2c8b77a)
  • core: add play button component (#383) (9cfab26)
  • core: add poster component (#457) (c9ba1e1)
  • core: add seek button component (#526) (c733077)
  • core: add time display component (#460) (7b8bc11)
  • example/react: improvements to react examples (#210) (c35b012)
  • html: add element registrations (eaaa03c)
  • html: setup player api (#374) (a419f5e)
  • implement current time display components (5bd0a15)
  • initialize Video.js 10 monorepo with core architecture (4b0d84e)
  • make time range compound component (#10) (71a8daf)
  • media-store,html,react: implement TimeRange component with hook-style architecture (c29fd2c)
  • migrate entire monorepo from tsc to tsup for production builds (7403cc7)
  • migrate examples from prototype and add CSS modules support (19c85fc)
  • monorepo: migrate prototype code to organized package structure (4b472ec)
  • react-icons: implement SVGR-powered auto-generation with full styling support (6fcb18f)
  • react-media-store: add shallowEqual utility for optimized state comparisons (8e75d62)
  • react: add captions styling to video skins (#582) (b78c6ce)
  • react: add fullscreen button component (7d819df)
  • react: add MediaContainer component for fullscreen functionality (23e3876)
  • react: add Tailwind ejected video skins (#589) (8763a57)
  • react: add Tailwind v4 compiled CSS for skins with vjs prefix (#114) (92b82e9)
  • react: add video component and utility hooks (#293) (a71a280)
  • react: adding simple video (#125) (f6b5f80)
  • react: enable automatic CSS injection for MediaSkinDefault component (bc8adaa)
  • react: implement default and minimal video skins (#550) (7d3be36)
  • react: implement duration display component (c5b659f)
  • react: implement video skins with responsive layout (#568) (846d38e)
  • react: initial skin scaffolding (#523) (edefc2a)
  • react: setup react player api (#372) (d28dda1)
  • react: use popover and anchor position API (#178) (f513c74)
  • react: use SimpleVideo as default Video and rename HLS version to HlsVideo (#171) (1878a27)
  • rename range to slider (#46) (9c6eaef)
  • site: add buffering indicator api reference (84b7b07), closes #532 #533
  • site: add util reference pipeline (#537) (78112fb)
  • skin: add captions button to video skins (#612) (fbf888f)
  • skin: add error dialogs (#603) (ba94f74)
  • skins: add html port of minimal skin (#140) (47ac22e)
  • skins: integrate duration display into default skins (2ed2191)
  • store: add reactive state primitives (#311) (beb8615)
  • store: skin store setup (#298) (b2e2b88)
  • ui: add toasted skin (bdd2f36)
  • ui: micro icons, toasted design tweaks (#52) (bd3f0f7)
  • ui: minor style tweaks (d3221ec)
  • ui: more skin style tweaks (#53) (7c9a0a5)
  • ui: port over default skin (ff4ea36)
  • ui: port over default skin (9950945)
  • ui: skin and icon tweaks (#59) (cdebece)
  • ui: skin design improvements, add html frosted skin (WIP) (#133) (75a90e7)
  • ui: skin design tweaks (#126) (a93484e)
  • ui: styling fixes for toasted skin (#38) (4ffaa58)

Bug Fixes

  • add aspect-ratio to demos (#136) (e0a46de)
  • anchor name in popover and tooltip (#194) (d965858)
  • clean up core, less seams in wrappers (#197) (601a5a3)
  • core: fix circular import and simplify media types (#569) (38b3a8f)
  • design tweaks to toasted skin, lint rule tweaks (#44) (3a0767c)
  • enable eslint & run eslint:fix (#43) (5cb93a1)
  • fix CLS due to popover attribute not SSR (#202) (0952673)
  • html: discover media elements and attach store target via DOM (#481) (5eab1db)
  • hydration mismatch in Tooltip and Popover (#190) (8b868e9)
  • icons: add currentColor fill to fullscreen icons for proper theming (d0d4876)
  • minimal volume slider bug & fix dev infinite bug (#73) (591dab6)
  • packages: enable unbundle mode to avoid mangled exports (00fdf96)
  • packages: update version badges (#138) (22d9cb6)
  • React version mismatch, add forward refs (0a42bfe)
  • react, html: rename MediaProvider (and related) to VideoProvider (#159) (f285573)
  • react: implement proper HTML boolean data attributes for components (26998a1)
  • react: prevent dev build race condition (#139) (67d1007)
  • react: update use client usage in react package modules for next.js use (#157) (16cfde1)
  • resolve package dependency and TypeScript export issues (7154b1e)
  • resolve TypeScript build errors across packages (374db7a)
  • root: add videojs keyword to package.json (4a9f8b2)
  • seek jump back to current time (#22) (a3f9630)
  • site: resolve aliased part descriptions in api docs (#518) (8294404)
  • site: update discord link (#170) (bb10294)
  • skin exports/imports (0afa9b7)
  • skin syntax usage cleanup (#48) (d4f3f4b)
  • skins: remove vjs- prefixed CSS custom properties (#179) (a62623b)
  • skins: slightly more idiomatic Tailwind, added custom properties (#175) (694afb7)
  • time-display: clean up time utilities and simplify components (597e79d)
  • tooltip and popover portal (49d0b03)
  • tooltip syntax error & remove restMs (fee1670)
  • typescript: resolve declaration file generation for rollup packages (#1) (69670e8)
  • ui: revert style testing change (1ef66c9)
  • ui: tone down text shadow on toasted skin (#54) (924b257)
  • use popover core in react popover (#208) (99fef78)
  • workspace: convert pnpm workspace protocol to npm workspace syntax (fc5a0e4)

Dependencies

  • The following workspace dependencies were updated
    • dependencies
      • @videojs/core bumped to 10.0.0-alpha.1
      • @videojs/icons bumped to 10.0.0-alpha.1
      • @videojs/utils bumped to 10.0.0-alpha.1