Play Buttons
There are currently two playButtons
"playButton1""playButton2"
Play Button 1
Play Button 2
Usage
item1: {
id: 'playButton1',
buttonColor: '#a4c3f5',
},
Properties
| Property Name | Required | Accepted Values | Description | Default |
|---|---|---|---|---|
| id | Yes | "playButton1" or "playButton2" | Used to render a playButton. | undefined |
| buttonColor | No | Any hex or rgb color code | Changes the color of the playButton. | Calculated from controlsBar barColor property |
| hideOnMobile | No | true or false | Hides the playButton component when the video's width is less than 768px | false |
| marginLeft | No | A string css value for the marginLeft property, ex: '10px', '10rem' | Changes the left margin of the playButton | "0" |
| marginRight | No | A string css value for the marginRight property, ex: '10px', '10rem' | Changes the left margin of the playButton | "0" |