react-video-controls v0.1.3

react-video-controls

Gives video controller components to use with HTML5 videos

Install

npm install --save react-video

Usage

import React from 'react'
import VideoProvider, {
  VideoCtx,
  Mute,
  Play,
  Pause,
  Unmute,
  Fullscreen,
  SeekBar,
} from 'react-video'

function Video() {
  return (
    <VideoProvider>
      <VideoCtx.Consumer>
        {({ video, state }) => (
          <div>
            {video}
            <SeekBar />
            <Play>Play</Play>
            <Pause>Pause</Pause>
            {state.formatted.time} / {state.formatted.duration}
            <Mute>Mute</Mute>
            <Unmute>Un-Mute</Unmute>
            <Fullscreen>FullScreen</Fullscreen>
          </div>
        )}
      </VideoCtx.Consumer>
    </VideoProvider>
  )
}

License

MIT © tylermcrobert