Video-player-for-react NPM

video-player-for-react

a react video player component base

Disclaimer

This library is currently in alpha version, DO NOT use in production!

Functions


Play/Pause	:heavy_check_mark:
Navigation with progress bar	:heavy_check_mark:
Enter Picture-In-Picture mode	:heavy_check_mark:
Click on video to Play/Pause	:heavy_check_mark:
Overlay play button	:heavy_check_mark:
Mute	:heavy_check_mark:
Adjust volume	:heavy_check_mark:
Fullscreen mode	:heavy_check_mark:
Select subtitles	:x:
Show subtitles	:x:
Playback rate	:x:

Install

npm install --save video-player-for-react

CodeSandbox demo

https://codesandbox.io/s/video-player-for-react

Getting started

import React from 'react'

import { ReactVideoPlayer } from 'video-player-for-react'
import 'video-player-for-react/dist/index.css'

const App = () => {
  return (
    <ReactVideoPlayer
      width='928px'
      url='http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4'
      type='video/mp4'
      poster='http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/images/BigBuckBunny.jpg'
      // captions={[
      //   {
      //     kind: 'captions',
      //     label: 'English',
      //     srcLang: 'en',
      //     src: 'caption_url'
      //   }
      // ]}
    />
  )
}

export default App