> ## Documentation Index
> Fetch the complete documentation index at: https://www.cometchat.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Video View Customisation

> CometChat Calling SDK v4 - Stable Release - Video View Customisation for Android

This section will guide you to customise the main video container.

## Implementation

Once you have decided to implement [Ringing](/calls/v4/android/ringing) or [Call Session](/calls/v4/android/call-session) calling and followed the steps to implement them. Just few additional methods will help you quickly customize the main video container.

Please make sure your callSettings is configured accordingly for [Ringing](/calls/v4/android/ringing) or [Call Session](/calls/v4/android/call-session).

## Main Video Container Setting

The `MainVideoContainerSetting` Class is the required in case you want to customise the main video view. You need to pass the Object of the `MainVideoContainerSetting` Class in the `setMainVideoContainerSetting()` method of the `CallSettingsBuilder`.

| Setting                                                                           | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| --------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `setMainVideoAspectRatio(String aspectRatio)`                                     | This method is used to set the aspect ratio of main video. The default value is `CometChatCallsConstants.ASPECT_RATIO_CONTAIN` <br /><br />Possible Values: <br />1. `CometChatCallsConstants.ASPECT_RATIO_CONTAIN` <br />2. `CometChatCallsConstants.ASPECT_RATIO_COVER`                                                                                                                                                                                                                                                                                                          |
| `setFullScreenButtonParams(String position, Boolean visibility)`                  | This method is used to set the position & visibility parameter of the full screen button. By default the full screen button is visible in the `CometChatCallsConstants.POSITION_BOTTOM_RIGHT` position. <br /><br />Possible Values for position: <br />1. `CometChatCallsConstants.POSITION_TOP_LEFT` <br />2. `CometChatCallsConstants.POSITION_TOP_RIGHT` <br />3. `CometChatCallsConstants.POSITION_BOTTOM_LEFT` <br />4. `CometChatCallsConstants.POSITION_BOTTOM_RIGHT` <br /><br />Possible Values for visibility: <br />1. `true` <br />2. `false`                         |
| `setNameLabelParams(String position, Boolean visibility, String backgroundColor)` | This method is used to set the position, visibility & background color of the name label. By default the name label is visible in the `CometChatCallsConstants.POSITION_BOTTOM_LEFT` position with a background-color `#333333` <br /><br />Possible Values for position: <br />1. `CometChatCallsConstants.POSITION_TOP_LEFT` <br />2. `CometChatCallsConstants.POSITION_TOP_RIGHT` <br />3. `CometChatCallsConstants.POSITION_BOTTOM_LEFT` <br />4. `CometChatCallsConstants.POSITION_BOTTOM_RIGHT` <br /><br />Possible Values for visibility: <br />1. `true` <br />2. `false` |
| `setZoomButtonParams(String position, Boolean visibility)`                        | This method is used to set the position, visibility of the zoom button. By default the zoom button is visible in the `CometChatCallsConstants.POSITION_BOTTOM_RIGHT` position. <br /><br />Possible Values for position: <br />1. `CometChatCallsConstants.POSITION_TOP_LEFT` <br />2. `CometChatCallsConstants.POSITION_TOP_RIGHT` <br />3. `CometChatCallsConstants.POSITION_BOTTOM_LEFT` <br />4. `CometChatCallsConstants.POSITION_BOTTOM_RIGHT` <br /><br />Possible Values for visibility: <br />1. `true` <br />2. `false`                                                  |
| `setUserListButtonParams(String position, Boolean visibility)`                    | This method is used to set the position, visibility of the user list button. By default the user list button is visible in the `CometChatCallsConstants.POSITION_BOTTOM_RIGHT` position. <br /><br />Possible Values for position: <br />1. `CometChatCallsConstants.POSITION_TOP_LEFT` <br />2. `CometChatCallsConstants.POSITION_TOP_RIGHT` <br />3. `CometChatCallsConstants.POSITION_BOTTOM_LEFT` <br />4. `CometChatCallsConstants.POSITION_BOTTOM_RIGHT` <br /><br />Possible Values for visibility: <br />1. `true` <br />2. `false`                                        |

Example:

<Tabs>
  <Tab title="Java">
    ```java theme={null}
    MainVideoContainerSetting videoSettings = new MainVideoContainerSetting();

    videoSettings.setMainVideoAspectRatio(CometChatCallsConstants.ASPECT_RATIO_CONTAIN);
    videoSettings.setFullScreenButtonParams(CometChatCallsConstants.POSITION_BOTTOM_RIGHT, true);
    videoSettings.setNameLabelParams(CometChatCallsConstants.POSITION_BOTTOM_LEFT, true, "#333333");
    videoSettings.setZoomButtonParams(CometChatCallsConstants.POSITION_BOTTOM_RIGHT, true);
    videoSettings.setUserListButtonParams(CometChatCallsConstants.POSITION_BOTTOM_RIGHT, true);   
    ```
  </Tab>

  <Tab title="Kotlin">
    ```kotlin theme={null}
    val videoSettings = MainVideoContainerSetting()

    videoSettings.mainVideoAspectRatio = CometChatCallsConstants.ASPECT_RATIO_CONTAIN
    videoSettings.setFullScreenButtonParams(CometChatCallsConstants.POSITION_BOTTOM_RIGHT, true)
    videoSettings.setNameLabelParams(CometChatCallsConstants.POSITION_BOTTOM_LEFT, true, "#333333")
    videoSettings.setZoomButtonParams(CometChatCallsConstants.POSITION_BOTTOM_RIGHT, true)
    videoSettings.setUserListButtonParams(CometChatCallsConstants.POSITION_BOTTOM_RIGHT, true)   
    ```
  </Tab>
</Tabs>