Skip to main content
CometChatVideoBubble is the content component for Media message if the media sent is a video.

​
Properties

PropertiesTypeDescription
videoUrlstringthe path of the video to play
thumbnailUrlstringused to set a custom thumbnail for the video
placeholderImageImageTypethe path of the image from assets to display when the actual image is being fetched
styleVideoBubbleStyleInterfaceused to customize appearance of this widget
playIconIconicon to display stacked on top of the bubble
onPressFunctioncustom action on tapping the video bubble play icon

​
VideoBubbleStyle

VideoBubbleStyle is the class containing attributes to customize appearance of this widget.
PropertiesTypeDescription
playIconTintstringused to provide colour to the video play icon
backgroundstringSets the background colour
borderRadiusnumberSets the corner radius
borderBorderStyleInterfaceSets the border width for Members
widthstring | numberSets the width for the Members
heightstring | numberSets the heigth for the Members
playIconBackgroundColorstringused to set play background color

​
Usage

  • TypeScript
<CometChatVideoBubble
  videoUrl:
  'https://data-us.cometchat.io/208434241880dc4d/media/1676278931_975451502_6f3b8b7e82f806de85fe924361e2087d.mp4',
  style= {{borderRadius: 8}}
/>