# XWUIChatVideoNote

A Telegram-style round video note - a circular-cropped, autoplaying, muted, looping video built by composing `XWUIVideoPlayer` with its controls hidden. The video comes from the `src` data prop (with optional `poster`); the `diameter` config sets the circle size (default `180px`), `isOwn` right-aligns it, `autoplay` (default `true`) starts playback, and tapping the note toggles mute (Telegram's gesture). An optional `duration` (formatted as m:ss) and `timestamp` render in a meta line below, and `play()` / `pause()` control the inner player.

## Basic Usage

A round video note with an 8-second duration and a timestamp meta line.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A circular video note configured with an 8-second duration, sender "Sarah", and a "10:14" timestamp.
```

## Own Video Note, Larger

A right-aligned own-message video note at a larger 220px diameter.

```example
file: examples/OwnNote.ts
title: Own Video Note, Larger
description: A right-aligned 220px round video note with a 15-second duration meta line.
```

## Poster, Tap to Play

A video note with autoplay disabled, showing its poster until tapped.

```example
file: examples/PosterNoAutoplay.ts
title: Poster, Tap to Play
description: A round video note with autoplay off, displaying a poster image until tapped.
```

```api
```