## Steps for using ControlBar.js with Dash.js
##### PLEASE NOTE: If you are having layout issues please make sure you have css class .control-icon-layout added to the correct buttons or copy the HTML snippet below.
1. **Import CSS and JS**
```html
```
2. **Add HTML Snippet**
```html
00:00:00
00:00:00
```
3. **Create ControlBar.js**
```js
player.attachView(video);
var controlbar = new ControlBar(player); //Player is instance of Dash.js MediaPlayer;
controlbar.initialize();
```
4. **Helpful API Call**
```js
controlbar.reset();
controlbar.show();
controlbar.hide();
controlbar.disable();
controlbar.enable();
```
---
#### Multiple instances
To instantiate multiple players with control bars, set a suffix for every element id defined in the snippet and pass it in initialize method:
```html