Skip to main content

@theoplayer/react-ui

2.3.1​

📦 Dependency Updates​

2.3.0​

✨ Features​

  • Added 360°/VR support: <theoplayer-vr-button> and <theoplayer-vr-compass>, included by default in <theoplayer-default-ui>.

📦 Dependency Updates​

2.2.0​

✨ Features​

  • Added localization support. Use addLocale() to register a locale, and set the lang attribute on the UI to apply it.

📦 Dependency Updates​

2.1.3​

📦 Dependency Updates​

2.1.2​

📦 Dependency Updates​

2.1.1​

📦 Dependency Updates​

2.1.0​

✨ Features​

  • Added support for React 19.
  • Added support for THEOplayer 11.x.

📦 Dependency Updates​

2.0.0​

💥 Breaking Changes​

  • Open Video UI for Web is now built using Lit.
    • This shouldn't affect any custom UIs or custom components built using Open Video UI for React.
    • For older browsers that don't support Custom Elements, we recommend loading our new polyfills library from @theoplayer/web-ui/polyfills.

📦 Dependency Updates​

1.16.3​

📦 Dependency Updates​

1.16.2​

📦 Dependency Updates​

1.16.1​

📦 Dependency Updates​

1.16.0​

✨ Features​

  • Added centeredChrome slot to DefaultUI to replace all controls in the center of the player.

📦 Dependency Updates​

1.15.0​

📦 Dependency Updates​

1.14.0​

📦 Dependency Updates​

1.13.1​

📦 Dependency Updates​

1.13.0 (2025-09-12)​

1.12.0 (2025-09-10)​

1.11.3 (2025-07-22)​

  • 🐛 Fix issue with the <AdClickThroughButton> component that was triggering the error Failed to execute 'createElement' on 'Document': The result must not have attributes. (#106)
  • 🏠 See changes to Open Video UI for Web v1.11.3

1.11.2 (2025-06-30)​

1.11.1 (2025-06-30)​

1.11.0 (2025-06-12)​

1.10.0 (2025-04-02)​

1.9.5 (2025-03-20)​

1.9.4 (2025-02-19)​

1.9.3 (2024-12-03)​

1.9.2 (2024-11-20)​

1.9.1 (2024-09-27)​

1.9.0 (2024-09-06)​

1.8.2 (2024-08-29)​

1.8.1 (2024-04-18)​

1.8.0 (2024-04-12)​

  • 💥 Breaking Change: This project now requires THEOplayer version 7.0.0 or higher. (#60)
  • 🚀 Added <THEOliveDefaultUI> that provides a default UI for THEOlive streams. (#58)
  • 🏠 See changes to Open Video UI for Web v1.8.0

1.7.2 (2024-03-18)​

  • 🐛 Fixed topChrome, middleChrome and centeredChrome slots not auto-hiding in <UIContainer>. (#55)
  • 🐛 Fixed no-auto-hide attribute not working for React components. (#55)
  • 🚀 Added <SlotContainer>. (#55)
  • 🏠 See changes to Open Video UI for Web v1.7.2

1.7.1 (2024-02-15)​

  • 🐛 Fix "Warning: useLayoutEffect does nothing on the server" when using @theoplayer/react-ui in Node. (#52)
  • 💅 Export version in public API. (#53)
  • 💅 Allow importing @theoplayer/react-ui/package.json. (#53)
  • 🏠 See changes to Open Video UI for Web v1.7.1

1.7.0 (2024-02-15)​

  • 🚀 Added support for loading in Node for static site generation (SSG) or server-side rendering (SSR). (#50)
    • This allows you to pass React components (such as <DefaultUI>, <UIContainer> or <PlayButton>) to the Server React DOM APIs, or to use them with a framework that supports SSG or SSR (such as Next.js, Remix or Gatsby).
    • ⚠️ The rendered HTML must still be hydrated on the client to load the Open Video UI properly. (Usually, this handled automatically by your React framework.)
  • 🚀 Added utility hooks such as useCurrentTime(), usePaused() and useVolume(). (#51)
  • 🏠 See changes to Open Video UI for Web v1.7.0

1.6.0 (2024-02-08)​