a React Video Player
npm install --save master-video
JavaScript:
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 (
<div className='app'>
<MasterVideo
options={Options}
source={video}
/>
</div>
)
}
TypeScript:
import MasterVideo, { Options } from 'master-video'
const video = 'https://example.com/video.mp4'
const Options: Options = {
loop: true
}
const App = () => {
return (
<div className='app'>
<MasterVideo source={video} options={Options} />
</div>
)
}