# UI on Web

Choose the approach that fits your requirements:

* Use Open Video UI when you want a custom experience without building common player components yourself.
* Use the chromeless player when you want to start with no UI and build every control and interaction from scratch.
* Use the basic default UI when its ready-made controls meet your needs and one is available.

| Approach      | Starting point                 | Flexibility | Development effort |
| ------------- | ------------------------------ | ----------- | ------------------ |
| Open Video UI | Ready-made, modular components | High        | Moderate           |
| Chromeless    | Player API without a UI        | Complete    | Highest            |
| Default UI    | Complete basic player UI       | Basic       | Lowest             |

Building a chromeless UI means using the OptiView Player API and your own application code without a ready-made UI. You are responsible for adding every control, such as a play button, and connecting it to the player API, such as `player.play()`. This approach gives you total control over the UI and UX, but requires an understanding of video playback and the OptiView Player API.

## Choose your UI approach

The Web SDK supports three approaches, depending on how much you want to customize:

## [🧩Open Video UI](https://docs-preview.optiview.dolby.com/pr-873/theoplayer/how-to-guides/web/ui/open-video-ui.md)

[Compose and style ready-made components for a custom, branded experience.](https://docs-preview.optiview.dolby.com/pr-873/theoplayer/how-to-guides/web/ui/open-video-ui.md)

## [🛠️Chromeless](https://docs-preview.optiview.dolby.com/pr-873/theoplayer/how-to-guides/web/ui/chromeless.md)

[Start with no UI and implement every control and interaction yourself.](https://docs-preview.optiview.dolby.com/pr-873/theoplayer/how-to-guides/web/ui/chromeless.md)

## [▶️Default UI](https://docs-preview.optiview.dolby.com/pr-873/theoplayer/how-to-guides/web/ui/default-ui.md)

[Start quickly with the basic, responsive controls included with the Web SDK.](https://docs-preview.optiview.dolby.com/pr-873/theoplayer/how-to-guides/web/ui/default-ui.md)