ai-agent

Playr

Yet another HTML5 <video> player.
105 stars35 forksJavaScriptUpdated 6/4/2014100% free · open source
What it does

Playr is a customizable HTML5 video player that allows founders to easily embed and control video content on their websites.

When to use it
  • When you need a simple, lightweight video player for your website or application
  • When you want to customize the look and feel of your video player to match your brand
  • When you need to support multiple video formats and browsers
Ready-to-paste prompt
To create a basic video player with a poster image and autoplay, use the following code: const player = new Playr('#video-container', { src: 'path/to/video.mp4', poster: 'path/to/poster.jpg', autoplay: true })
Heads up: Make sure to include the Playr CSS file in your HTML file, as the player's layout and styling are defined in the CSS file. Without it, the player may not display correctly.
Saves to your device
Use with Claude
New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install
Claude Code
mkdir -p ~/.claude/skills/playr && curl -fsSL https://workflowstacks.com/api/skills/playr/claude-skill -o ~/.claude/skills/playr/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How Playr works
Codeflow
Free to inspect

Playr is a small JavaScript project (~1.2k lines across 1 code files). Setup is light: small project — see the README for how to run it. Last commit 149 months ago, MIT license, no tests found.

Size
Small codebase
~1.2k lines · 1 code files · 10 min skim
Setup
Light setup
Small project — see the README for how to run it.
Runs on
JavaScript
No API keys detected
JavaScript 82%CSS 18%
Where to start reading
  1. 1
    README.markdown
    Start here — what it does and how to install it
READMENo tests foundThin docsNo CIMIT licenseLast update 149 mo ago
Quick Actions
Details
Creator
delphiki
Language
JavaScript
Category
ai-agent
Published
9/19/2010

Are you the creator of this tool? Claim your listing → and earn 85% of every sale.