# Adding buttons to the UI This example adds an Info menu, a Skip intro button and seek back/forward buttons to the player. ## Open Video UI Tip: open your browser's developer console and use the `player` and `THEOplayer` variables to interact with this demo. The Info button opens a menu with live player values. Skip intro seeks to 10 seconds and disappears after that point. Two `` elements in the `bottom-control-bar` seek 10 seconds back and forward (hidden on mobile, where the centered seek buttons already do this). Code demo.html ```html Adding buttons to the UI Skip intro ``` ## Default UI The [Default UI](https://optiview.dolby.com/docs/theoplayer/ui/web/default-ui.md) is created with `new THEOplayer.Player()`. Its Info button toggles an overlay inside the player, and two video.js `Button` components inserted after the play toggle seek 10 seconds back and forward, clamped to the content duration. Code default-ui.html ```html Adding buttons to the UI (Default UI)
```