react-video-seek-slider

react-video-seek-slider

React seek slider for video player like youtube

How to install

npm i react-video-seek-slider --save

How to use

import {VideoSeekSlider} from 'react-video-seek-slider';

//JSX
                    <VideoSeekSlider
                        max={1152}
                        currentTime={this.state.currentTime}
                        progress={400}
                        onChange={(time:number)=>{
                            this.setState({
                                currentTime:time
                            } as State);
                        }}
                    />

Specification

• max (number, required) - Max sliders value
• currentTime (number, required) - Current sliders value
• progress (number) - Current buffered progress
• hideSeekTimes (boolean) - hide hover current time (Default: false)
• onChange ((time:number)=>void, required) - script to be run when thumb change position