Video Player Component

Name: Video Player Component
Author: @content_wei

ReactMedia & AssetsA11yUpdated 2026-07-20

When to use: Embedding video content on blogs, course platforms, portfolios, or media sites.

Install

npx skills add video-player-component

Git Clone

git clone https://github.com/skillhub-community/video-player-component.git

Repository Docs

Description

Wraps the native HTML5 `<video>` element with a fully custom control bar: play/pause, volume, progress scrubber, playback speed (0.5x–2x), captions toggle with WebVTT support, chapter markers, and picture-in-picture.

Keyboard-accessible — Space to toggle, arrow keys to seek, M to mute. Respects `prefers-reduced-motion` for autoplay behavior.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@content_wei

LicenseMIT

Version1.0.1

Dependencies0