PushyPlayer

PushyPlayer is a simple and customizable React video player component with modern UI and comprehensive controls.

Features

• 🎥 Responsive video playback
• 🎛️ Comprehensive controls (play/pause, volume, seek)
• 🌓 Dark mode compatible
• 🖥️ Fullscreen support
• ⌨️ Keyboard shortcuts
• 🌈 Animated interactions

Installation

Install PushyPlayer using npm or yarn:

npm install @metafest/pushyplayer
# or
yarn add @metafest/pushyplayer

Usage

import { VideoPlayer } from "@metafest/pushyplayer";
import "@metafest/pushyplayer/dist/index.css";

function App() {
  return (
    <VideoPlayer
      src="/path/to/your/video.mp4"
      poster="/optional/poster/image.jpg"
    />
  );
}

Props

Prop	Type	Description	Required
src	string	Path or URL to the video source	Yes
poster	string	Optional thumbnail image	No

Keyboard Shortcuts

• Space: Play/Pause
• M: Mute/Unmute
• F: Toggle Fullscreen
• ←/→: Skip backward/forward

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT License

Created by MetaFest