# Buttons and Control Bar Parameters

## User Control Bar Options

<div align="left"><figure><img src="https://2943598173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MZHXv1G8N0MDxwotaT9%2Fuploads%2FN36GmWyRXkZwBWKIU9kv%2Fimage.png?alt=media&#x26;token=e5c7e4db-13f6-491e-a011-733da0450391" alt=""><figcaption><p>The user control bar</p></figcaption></figure></div>

<table><thead><tr><th width="254.57142857142856">Parameter</th><th>Explanation</th></tr></thead><tbody><tr><td><a href="buttons-and-control-bar-parameters/and-autohide"><code>&#x26;autohide</code></a></td><td>Auto-hides the control bar after a few moments of the mouse being idle</td></tr><tr><td><a href="buttons-and-control-bar-parameters/and-controlbarspace"><code>&#x26;controlbarspace</code></a></td><td>Forces the user control bar to be in its own dedicated space</td></tr><tr><td><a href="buttons-and-control-bar-parameters/and-nosettings"><code>&#x26;nosettings</code></a></td><td>Disables the local settings button</td></tr><tr><td><a href="buttons-and-control-bar-parameters/nomicbutton"><code>&#x26;nomicbutton</code></a></td><td>Disables the mic button; guests can't mute audio</td></tr><tr><td><a href="buttons-and-control-bar-parameters/and-nospeakerbutton"><code>&#x26;nospeakerbutton</code></a></td><td>Hides the speaker button</td></tr><tr><td><a href="buttons-and-control-bar-parameters/and-novideobutton"><code>&#x26;novideobutton</code></a></td><td>Disables the video button; guests can't mute video</td></tr><tr><td><a href="buttons-and-control-bar-parameters/nofileshare"><code>&#x26;nofileshare</code></a></td><td>Hides the ability for a guest to upload a file</td></tr><tr><td><a href="buttons-and-control-bar-parameters/and-screensharebutton"><code>&#x26;screensharebutton</code></a></td><td>Forces the screen-share button to appear for guests</td></tr><tr><td><a href="buttons-and-control-bar-parameters/and-nohangupbutton"><code>&#x26;nohangupbutton</code></a></td><td>Hides the hang-up button</td></tr><tr><td><a href="buttons-and-control-bar-parameters/chatbutton"><code>&#x26;chatbutton</code></a></td><td>Shows or hides the chat button</td></tr><tr><td><a href="buttons-and-control-bar-parameters/and-bigbutton"><code>&#x26;bigbutton</code></a></td><td>Makes the microphone mute button a lot bigger</td></tr><tr><td><a href="buttons-and-control-bar-parameters/and-fullscreenbutton"><code>&#x26;fullscreenbutton</code></a></td><td>Adds a full-screen button to the control bar</td></tr><tr><td><a href="buttons-and-control-bar-parameters/nowebsite"><code>&#x26;nowebsite</code></a></td><td>Disables IFrames from loading, such as remotely shared websites by another guest or director</td></tr><tr><td><a href="buttons-and-control-bar-parameters/and-hands"><code>&#x26;hands</code></a></td><td>Enables a "Raise Hand" button for guests</td></tr></tbody></table>

#### Positioning the control bar

While you can position the control bar by dragging it around, you can also set it's initial position with the use of a custom CSS parameter. For example:

`&cssb64=I3N1YkNvbnRyb2xCdXR0b25ze3RyYW5zZm9ybTp0cmFuc2xhdGUoMHB4LCBjYWxjKC0xMDB2aCArIDkwcHgpKSFpbXBvcnRhbnR9Ow`

The above is a base64 encoded version of the following CSS, which positions the control bar at the top by default. Base64 encoding allows us to use stylings safely as a URL parameter.

`#subControlButtons{transform:translate(0px, calc(-100vh + 90px))!important};`

## Video Control Bar Options

<div align="left"><figure><img src="https://2943598173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MZHXv1G8N0MDxwotaT9%2Fuploads%2FozBPwj19wuid10Cjo6z0%2Fimage.png?alt=media&#x26;token=db37299a-ee13-4301-baeb-1b28acf7807f" alt=""><figcaption><p>The video control bar</p></figcaption></figure></div>

<table><thead><tr><th width="267">Parameter</th><th>Explanation</th></tr></thead><tbody><tr><td><a href="buttons-and-control-bar-parameters/and-videocontrols"><code>&#x26;videocontrols</code></a></td><td>Shows the video control bar</td></tr><tr><td><a href="buttons-and-control-bar-parameters/and-nocontrols"><code>&#x26;nocontrols</code></a></td><td>Will force hide the video control bar</td></tr><tr><td><a href="buttons-and-control-bar-parameters/and-hands-1"><code>&#x26;forcecontrols</code></a>*</td><td>Will try to keep the video controls visible, even if your mouse isn't hovering over the video</td></tr></tbody></table>

\*NEW IN [VERSION 24](https://docs.vdo.ninja/releases/v24)