Skip to main content

Documentation Index

Fetch the complete documentation index at: https://cometchat-22654f5b-react-uikit-v7.mintlify.app/llms.txt

Use this file to discover all available pages before exploring further.

FieldValue
Plugin IDvideo
Package@cometchat/chat-uikit-react
Message Typesvideo
Message Categoriesmessage
Included by DefaultYes
Bubble ComponentCometChatVideoBubble
Conversation PreviewVideo
Context MenuReact, Reply, Reply in Thread, Info, Delete, Report, Mark Unread, Message Privately

Overview

The Video plugin handles messages of type video in category message. Single videos render with an inline HTML5 player. Multiple videos display as a thumbnail grid with play overlays.

Bubble Rendering

  • Single video — inline <video> element with native controls, poster thumbnail
  • Multiple videos — thumbnail grid with play button overlays, click opens fullscreen viewer
  • Caption — rendered below the video, formatted with text formatters
  • Pending state — shows a placeholder from the local file blob while uploading
  • Thumbnail — extracted from SDK attachment metadata or the thumbnail-generation extension

Context Menu Options

Same as Image Plugin — standard media options (React, Reply, Reply in Thread, Info, Delete, Report, Mark Unread, Message Privately).

Conversation Preview

Returns: Video (localized via conversation_subtitle_video key)

CSS Selectors

TargetSelector
Bubble root.cometchat-video-bubble
Video element.cometchat-video-bubble__video
Thumbnail grid.cometchat-video-bubble__grid
Play overlay.cometchat-video-bubble__play-overlay
Caption.cometchat-video-bubble__caption