> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-rn-guide-message-privately.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Video Bubble

> Video Bubble — CometChat documentation.

`CometChatVideoBubble` is the content view for a MediaMessage if the media sent is a video.

## Properties

| Methods             | parameters                                               | Type             | Description                                         |
| ------------------- | -------------------------------------------------------- | ---------------- | --------------------------------------------------- |
| **setVideoUrl**     | (String videoUrl, @DrawableRes int placeHolderImage)     | String           | the url of the video to play                        |
| **setThumbnailUrl** | (String thumbnailUrl, @DrawableRes int placeHolderImage) | String           | used to set a custom thumbnail for the video        |
| **setStyle**        | (VideoBubbleStyle style)                                 | VideoBubbleStyle | used to customize appearance of this widget         |
| **setPlayIcon**     | (@DrawableRes int playIcon)                              | @DrawableRes int | icon to display stacked on top of the bubble        |
| **setOnClick**      | (OnClick onClick)                                        | OnClick          | custom action on tapping the video bubble play icon |

## VideoBubbleStyle

VideoBubbleStyle is the class containing attributes to customize appearance of this widget.

| Methods                        | Type           | Description                            |
| ------------------------------ | -------------- | -------------------------------------- |
| **setBackground**              | @ColorInt int  | used to set the background color       |
| **setBackground**              | Drawable       | used to set background drawable        |
| **setBorderWidth**             | @Dimension int | used to set border                     |
| **setCornerRadius**            | float          | used to set border radius              |
| **setBorderColor**             | @ColorInt int  | used to set border color               |
| **setPlayIconTint**            | @ColorInt int  | used to set play icon tint color       |
| **setPlayIconBackgroundColor** | @ColorInt int  | used to set play icon background color |

## Usage

<Tabs>
  <Tab title="Java">
    ```java theme={null}
    //create video bubble style object
    VideoBubbleStyle style=new VideoBubbleStyle()
                    .setPlayIconTint(getResources().getColor(R.color.primary));

    //create view object for video bubble 
    CometChatVideoBubble videoBubble=new CometChatVideoBubble(getContext());

    //set style to the view object
    videoBubble.setStyle(style);
    ```
  </Tab>

  <Tab title="Kotlin">
    ```kotlin theme={null}
    //create video bubble style object
    val style = VideoBubbleStyle()
                .setPlayIconTint(resources.getColor(R.color.primary))

     

    //create view object for video bubble 
    val videoBubble = CometChatVideoBubble(getContext())



    //set style to the view object
    videoBubble.setStyle(style)
    ```
  </Tab>
</Tabs>