Fullscreen Buttons
There are 2 fullscreen components
"fullscreenButton1""fullscreenButton2"
Fullscreen Button 1
Fullscreen Button 2
Usage
item1: {
id: 'fullscreenButton1',
buttonColor: '#b7cef4',
},
Properties
| Property Name | Required | Accepted Values | Description | Default |
|---|---|---|---|---|
| id | Yes | "fullscreenButton1" or "fullscreenButton2" | Used to render a fullscreenButton. | undefined |
| buttonColor | No | Any hex or rgb color code | Changes the color of the fullscreenButton. | Calculated from controlsBar barColor property |
| hideOnMobile | No | true or false | Hides the fullscreenButton 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 fullscreenButton | "0" |
| marginRight | No | A string css value for the marginRight property, ex: '10px', '10rem' | Changes the left margin of the fullscreenButton | "0" |