# @theoplayer/react-ui

## 2.3.3

### 📦 Dependency Updates

* See changes to [Open Video UI for Web v2.3.3](https://github.com/THEOplayer/web-ui/blob/%40theoplayer%2Fweb-ui%402.3.3/CHANGELOG.md)

## 2.3.2

### 🐛 Issues

* Fixed a brief tap highlight appearing on the seek bar on iOS Safari when tapping or scrubbing.
* When the player is muted, the volume bar now shows its minimum value, and dragging the volume bar now unmutes the player.

### 📦 Dependency Updates

* See changes to [Open Video UI for Web v2.3.2](https://github.com/THEOplayer/web-ui/blob/%40theoplayer%2Fweb-ui%402.3.2/CHANGELOG.md)

## 2.3.1

### 📦 Dependency Updates

* See changes to [Open Video UI for Web v2.3.1](https://github.com/THEOplayer/web-ui/blob/%40theoplayer%2Fweb-ui%402.3.1/CHANGELOG.md)

## 2.3.0

### ✨ Features

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

### 📦 Dependency Updates

* See changes to [Open Video UI for Web v2.3.0](https://github.com/THEOplayer/web-ui/blob/%40theoplayer%2Fweb-ui%402.3.0/CHANGELOG.md)

## 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

* See changes to [Open Video UI for Web v2.2.0](https://github.com/THEOplayer/web-ui/blob/%40theoplayer%2Fweb-ui%402.2.0/CHANGELOG.md)

## 2.1.3

### 📦 Dependency Updates

* See changes to [Open Video UI for Web v2.1.3](https://github.com/THEOplayer/web-ui/blob/%40theoplayer%2Fweb-ui%402.1.3/CHANGELOG.md)

## 2.1.2

### 📦 Dependency Updates

* See changes to [Open Video UI for Web v2.1.2](https://github.com/THEOplayer/web-ui/blob/%40theoplayer%2Fweb-ui%402.1.2/CHANGELOG.md)

## 2.1.1

### 📦 Dependency Updates

* See changes to [Open Video UI for Web v2.1.1](https://github.com/THEOplayer/web-ui/blob/%40theoplayer%2Fweb-ui%402.1.1/CHANGELOG.md)

## 2.1.0

### ✨ Features

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

### 📦 Dependency Updates

* See changes to [Open Video UI for Web v2.1.0](https://github.com/THEOplayer/web-ui/blob/%40theoplayer%2Fweb-ui%402.1.0/CHANGELOG.md)

## 2.0.0

### 💥 Breaking Changes

* Open Video UI for Web is now built using [Lit](https://lit.dev/).

  * 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

* See changes to [Open Video UI for Web v2.0.0](https://github.com/THEOplayer/web-ui/blob/%40theoplayer%2Fweb-ui%402.0.0/CHANGELOG.md)

## 1.16.3

### 📦 Dependency Updates

* See changes to [Open Video UI for Web v1.16.3](https://github.com/THEOplayer/web-ui/blob/%40theoplayer%2Fweb-ui%401.16.3/CHANGELOG.md)

## 1.16.2

### 📦 Dependency Updates

* See changes to [Open Video UI for Web v1.16.2](https://github.com/THEOplayer/web-ui/blob/%40theoplayer%2Fweb-ui%401.16.2/CHANGELOG.md)

## 1.16.1

### 📦 Dependency Updates

* See changes to [Open Video UI for Web v1.16.1](https://github.com/THEOplayer/web-ui/blob/%40theoplayer%2Fweb-ui%401.16.1/CHANGELOG.md)

## 1.16.0

### ✨ Features

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

### 📦 Dependency Updates

* See changes to [Open Video UI for Web v1.16.0](https://github.com/THEOplayer/web-ui/blob/%40theoplayer%2Fweb-ui%401.16.0/CHANGELOG.md)

## 1.15.0

### 📦 Dependency Updates

* See changes to [Open Video UI for Web v1.15.0](https://github.com/THEOplayer/web-ui/blob/%40theoplayer%2Fweb-ui%401.15.0/CHANGELOG.md)

## 1.14.0

### 📦 Dependency Updates

* See changes to [Open Video UI for Web v1.14.0](https://github.com/THEOplayer/web-ui/blob/%40theoplayer%2Fweb-ui%401.14.0/CHANGELOG.md)

## 1.13.1

### 📦 Dependency Updates

* See changes to [Open Video UI for Web v1.13.1](https://github.com/THEOplayer/web-ui/blob/%40theoplayer%2Fweb-ui%401.13.1/CHANGELOG.md)

## 1.13.0 (2025-09-12)

* 🏠 See changes to [Open Video UI for Web v1.13.0](https://github.com/THEOplayer/web-ui/blob/v1.13.0/CHANGELOG.md)

## 1.12.0 (2025-09-10)

* 🏠 See changes to [Open Video UI for Web v1.12.0](https://github.com/THEOplayer/web-ui/blob/v1.12.0/CHANGELOG.md)

## 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](https://github.com/THEOplayer/web-ui/pull/106))
* 🏠 See changes to [Open Video UI for Web v1.11.3](https://github.com/THEOplayer/web-ui/blob/v1.11.3/CHANGELOG.md)

## 1.11.2 (2025-06-30)

* 🏠 See changes to [Open Video UI for Web v1.11.2](https://github.com/THEOplayer/web-ui/blob/v1.11.2/CHANGELOG.md)

## 1.11.1 (2025-06-30)

* 🏠 See changes to [Open Video UI for Web v1.11.1](https://github.com/THEOplayer/web-ui/blob/v1.11.1/CHANGELOG.md)

## 1.11.0 (2025-06-12)

* 🏠 See changes to [Open Video UI for Web v1.11.0](https://github.com/THEOplayer/web-ui/blob/v1.11.0/CHANGELOG.md)

## 1.10.0 (2025-04-02)

* 🚀 Added support for THEOplayer 9.0.
* 🏠 See changes to [Open Video UI for Web v1.10.0](https://github.com/THEOplayer/web-ui/blob/v1.10.0/CHANGELOG.md)

## 1.9.5 (2025-03-20)

* 🏠 See changes to [Open Video UI for Web v1.9.5](https://github.com/THEOplayer/web-ui/blob/v1.9.5/CHANGELOG.md)

## 1.9.4 (2025-02-19)

* 🐛 Fixed `useCurrentTime` hook causing an infinite loop in Safari. ([#89](https://github.com/THEOplayer/web-ui/pull/89))
* 🏠 See changes to [Open Video UI for Web v1.9.4](https://github.com/THEOplayer/web-ui/blob/v1.9.4/CHANGELOG.md)

## 1.9.3 (2024-12-03)

* 🏠 See changes to [Open Video UI for Web v1.9.3](https://github.com/THEOplayer/web-ui/blob/v1.9.3/CHANGELOG.md)

## 1.9.2 (2024-11-20)

* 🏠 See changes to [Open Video UI for Web v1.9.2](https://github.com/THEOplayer/web-ui/blob/v1.9.2/CHANGELOG.md)

## 1.9.1 (2024-09-27)

* 🏠 See changes to [Open Video UI for Web v1.9.1](https://github.com/THEOplayer/web-ui/blob/v1.9.1/CHANGELOG.md)

## 1.9.0 (2024-09-06)

* 🚀 Added support for THEOplayer 8.0. ([#72](https://github.com/THEOplayer/web-ui/pull/72))
* 🏠 See changes to [Open Video UI for Web v1.9.0](https://github.com/THEOplayer/web-ui/blob/v1.9.0/CHANGELOG.md)

## 1.8.2 (2024-08-29)

* 🏠 See changes to [Open Video UI for Web v1.8.2](https://github.com/THEOplayer/web-ui/blob/v1.8.2/CHANGELOG.md)

## 1.8.1 (2024-04-18)

* 🐛 Fixed backing THEOplayer not always being destroyed on unmount. ([#59](https://github.com/THEOplayer/web-ui/issues/59), [#62](https://github.com/THEOplayer/web-ui/pull/62))
* 🏠 See changes to [Open Video UI for Web v1.8.1](https://github.com/THEOplayer/web-ui/blob/v1.8.1/CHANGELOG.md)

## 1.8.0 (2024-04-12)

* 💥 **Breaking Change**: This project now requires THEOplayer version 7.0.0 or higher. ([#60](https://github.com/THEOplayer/web-ui/pull/60))
* 🚀 Added `<THEOliveDefaultUI>` that provides a default UI for THEOlive streams. ([#58](https://github.com/THEOplayer/web-ui/pull/58))
* 🏠 See changes to [Open Video UI for Web v1.8.0](https://github.com/THEOplayer/web-ui/blob/v1.8.0/CHANGELOG.md)

## 1.7.2 (2024-03-18)

* 🐛 Fixed `topChrome`, `middleChrome` and `centeredChrome` slots not auto-hiding in `<UIContainer>`. ([#55](https://github.com/THEOplayer/web-ui/pull/55))
* 🐛 Fixed `no-auto-hide` attribute not working for React components. ([#55](https://github.com/THEOplayer/web-ui/pull/55))
* 🚀 Added `<SlotContainer>`. ([#55](https://github.com/THEOplayer/web-ui/pull/55))
* 🏠 See changes to [Open Video UI for Web v1.7.2](https://github.com/THEOplayer/web-ui/blob/v1.7.2/CHANGELOG.md)

## 1.7.1 (2024-02-15)

* 🐛 Fix "Warning: useLayoutEffect does nothing on the server" when using `@theoplayer/react-ui` in Node. ([#52](https://github.com/THEOplayer/web-ui/pull/52))
* 💅 Export `version` in public API. ([#53](https://github.com/THEOplayer/web-ui/pull/53))
* 💅 Allow importing `@theoplayer/react-ui/package.json`. ([#53](https://github.com/THEOplayer/web-ui/pull/53))
* 🏠 See changes to [Open Video UI for Web v1.7.1](https://github.com/THEOplayer/web-ui/blob/v1.7.1/CHANGELOG.md)

## 1.7.0 (2024-02-15)

* 🚀 Added support for loading in Node for static site generation (SSG) or server-side rendering (SSR). ([#50](https://github.com/THEOplayer/web-ui/pull/50))

  * This allows you to pass React components (such as `<DefaultUI>`, `<UIContainer>` or `<PlayButton>`) to the [Server React DOM APIs](https://react.dev/reference/react-dom/server), 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](https://react.dev/reference/react-dom/client/hydrateRoot#hydrating-server-rendered-html) 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](https://github.com/THEOplayer/web-ui/pull/51))
  * See [the API documentation](https://theoplayer.github.io/web-ui/react-api/) for more information.

* 🏠 See changes to [Open Video UI for Web v1.7.0](https://github.com/THEOplayer/web-ui/blob/v1.7.0/CHANGELOG.md)

## 1.6.0 (2024-02-08)

* 🚀 Initial release
* 🏠 See changes to [Open Video UI for Web v1.6.0](https://github.com/THEOplayer/web-ui/blob/v1.6.0/CHANGELOG.md)
