| height: 100%; | height: 100%; | ||||
| width: 100%; | width: 100%; | ||||
| } | } | ||||
| .video-container:not(.visible) { | |||||
| display: none; | |||||
| } | |||||
| .video-container:not(.square) { | .video-container:not(.square) { | ||||
| width: unset !important; | width: unset !important; | ||||
| overflow: scroll; | overflow: scroll; |
| } | } | ||||
| } | } | ||||
| const VideoOptions = { | const VideoOptions = { | ||||
| available: ['mirror', 'square'], | |||||
| available: ['visible', 'mirror', 'square'], | |||||
| getFor: (username) => { | getFor: (username) => { | ||||
| if(!State.options[username]) { | if(!State.options[username]) { | ||||
| State.options[username] = new Set(VideoOptions.available) | State.options[username] = new Set(VideoOptions.available) |