https://github.com/i007c/master-video

a React Video Player with TypeScript
https://github.com/i007c/master-video

react-video-player video-player

Last synced: 3 months ago
JSON representation

a React Video Player with TypeScript

• Host: GitHub
• URL: https://github.com/i007c/master-video
• Owner: i007c
• License: gpl-3.0
• Created: 2021-08-23T07:01:54.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2022-03-13T07:28:21.000Z (over 4 years ago)
• Last Synced: 2025-10-21T02:46:24.586Z (8 months ago)
• Topics: react-video-player, video-player
• Language: TypeScript
• Homepage:
• Size: 3.83 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Master Video

[![npm](https://img.shields.io/npm/v/master-video?color=E20338&label=npm&labelColor=2c2f33)](https://www.npmjs.com/package/master-video) [![Discord](https://img.shields.io/badge/-Discord-7289da?style=flat&logo=Discord&logoColor=FFFFFF&labelColor=2c2f33&color=E20338)](https://discord.gg/Z6vgXHU2xQ)

a React Video Player

## Install

```fish

npm install --save master-video

```

## Useage

JavaScript:

```js

import MasterVideo from 'master-video'

import video from 'video.mp4'

const Options = { 

    loop: true,

    masterClass: 'custom-class-name',

    iconsColor: '#0f0',

    playIconColor: '#0ff',

    fullscreenIconColor: '#ff0',

    volumeIconColor: '#fff',

    timeLine: {

        track: '#f00',

        thumb: '#0f0',

        rail: '#00f',

    },

    volume: {

        rail: '#FFF',

        thumb: '#f00',

        track: '#00f',

    },

}

const App = () => {

    return (

        


            

        

    )

}

```


TypeScript:

```tsx

import MasterVideo, { Options } from 'master-video'

const video = 'https://example.com/video.mp4'

const Options: Options = {

    loop: true

}

const App = () => {

    return (

        


            

            

        

    )

}

```