vidstack
CommunityBuild powerful, accessible media players.
Authorj7-dev
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a comprehensive guide and toolkit for developing highly customizable, accessible, and performant media players using the Vidstack library.
Core Features & Use Cases
- Player Development: Implement custom UIs, integrate various media sources (HLS, DASH, YouTube, Vimeo), and manage playback states.
- Accessibility: Ensure compliance with WCAG 2.1 and other standards through built-in features and guidance.
- Use Case: You need to build a video player for an e-learning platform that supports HLS streaming, custom controls, and accessibility features for all users. This Skill provides the necessary components, hooks, and documentation to achieve this.
Quick Start
Use the vidstack skill to create a basic video player with a play/pause button and a time slider.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: vidstack Download link: https://github.com/j7-dev/wp-power-course/archive/main.zip#vidstack Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.