# XWUIReelsPlayer

A vertical full-bleed short-video player in the TikTok / Instagram Reels / YouTube Shorts / Facebook Reels shape: an autoplaying, muted, looping video (composed from XWUIVideoPlayer with its control bar hidden) fills the frame, overlaid by a right-rail of like / comment / share / save buttons with counts, a spinning audio disc, and an author avatar with a +follow badge, plus a bottom-left caption block with `@author`, caption, and audio-attribution row. Tapping the video toggles play/pause and a double-tap (within 280ms) fires `onDoubleTap` (the platforms wire this to "like"). Required props are `data.src` and `data.author`; key extras include `data.caption`, `data.audio`, `data.likeCount`/`commentCount`/`shareCount`, `data.liked`/`saved`, and the `conf_comp.autoplay`/`muted`/`loop`/`showActions`/`showCaption` toggles.

## Basic Usage

A vertical reel by a verified Ops Team author with a caption, original-audio attribution, and like / comment / share counts.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A full-bleed vertical reel with overlay action rail, caption, audio row, and 12.4K likes for a verified author.
```

## Liked and Saved Viral Reel

A viral reel from a followed creator already liked and saved by the viewer, with million-scale counts.

```example
file: examples/LikedSavedReel.ts
html: examples/LikedSavedReel.html
title: Liked and Saved Viral Reel
description: A verified followed creator's reel with liked and saved active and 1.2M likes compacted on the rail.
```

## Caption-Only Clean Frame

A distraction-free reel with the action rail hidden and audio unmuted.

```example
file: examples/CleanCaptionOnly.ts
html: examples/CleanCaptionOnly.html
title: Caption-Only Clean Frame
description: A reel with conf_comp.showActions disabled and muted set to false, leaving only the caption block.
```

```api
```