Grid layout

You can customize how the video grid looks for the participants. This can be configured with preset while creating the meeting via API or in JavaScript after initializing the meeting component, by passing the desired options in the meeting.grid.update method with desired gridConfig params.

GridConfig

{
    layout?: meeting.grid.layouts.MULTI | meeting.grid.layouts.HIGHLIGHTED,
    participantVideo?: {
        fit?: 'contain' | 'cover'
    }
}

Layouts -

  • MULTI: This sets the participant videos in a grid.
  • HIGHLIGHTED: This makes the selected participant video occupy the majority of the screen.

Video fits -

  • contain: this option maintains the aspect ratio and fits the video inside the container in such a way that the longer side matches the container size and leaves margins around the shorter side
  • cover: this option ignores the aspect ratio and expands the video inside the container in such a way that the shorter side matches the container size to fill the container and there are no margins