https://github.com/sh20raj/bitplayer

A beautiful, minimalistic, modern HTML5 video player with React support.
https://github.com/sh20raj/bitplayer

html5-video-player video-player

Last synced: 9 months ago
JSON representation

A beautiful, minimalistic, modern HTML5 video player with React support.

• Host: GitHub
• URL: https://github.com/sh20raj/bitplayer
• Owner: SH20RAJ
• License: mit
• Created: 2025-01-10T04:38:29.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-10T05:01:55.000Z (about 1 year ago)
• Last Synced: 2025-03-22T06:32:19.806Z (10 months ago)
• Topics: html5-video-player, video-player
• Language: TypeScript
• Homepage: https://sh20raj.github.io/bitplayer/
• Size: 77.1 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# BitPlayer

A beautiful, minimalistic, modern HTML5 video player with React support.

[![Visitors](https://api.visitorbadge.io/api/combined?path=https%3A%2F%2Fgithub.com%2Fsh20raj%2Fbitplayer&labelColor=%232ccce4&countColor=%23ba68c8&style=flat)](https://visitorbadge.io/status?path=https%3A%2F%2Fgithub.com%2Fsh20raj%2Fbitplayer)

[![npm version](https://badge.fury.io/js/bitplayer.svg)](https://badge.fury.io/js/bitplayer)

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

[![GitHub issues](https://img.shields.io/github/issues/sh20raj/bitplayer.svg)](https://github.com/sh20raj/bitplayer/issues)

## Features

- 🎨 Minimalistic and modern design

- 🎯 Highly customizable

- 📱 Fully responsive

- ⌨️ Keyboard shortcuts

- 🎛️ Advanced controls (quality, playback speed, volume)

- 📺 Full-screen support

- 🎭 Picture-in-Picture

- 🔊 Volume controls with mute toggle

- ⏱️ Custom time display

- 🎯 Seeking preview thumbnails

- 🎨 Customizable themes

- ⚛️ React component available

## Installation

### Via NPM

```bash

npm install bitplayer

```

### Via CDN

```html

```

## Usage

### Vanilla JavaScript

```html



  

    

  



  const player = new BitPlayer('#my-video', {

    autoplay: false,

    muted: false,

    controls: true

  });

```

### React

```jsx

import { BitPlayer } from 'bitplayer';

import 'bitplayer/dist/bitplayer.css';

function App() {

  return (

    

  );

}

```

## Documentation

For detailed documentation, visit [documentation](https://github.com/sh20raj/bitplayer/docs).

## License

MIT © sh20raj