React components for video interface with SVG.
PlayPause component
; Component { superprops; thisstate = this; } { return isPlay: false } { // Click actions should here this; } { return <button type="button" onClick= this > <PlayPause play= thisstateisPlay /> </button> ; }
Props
PlayPausepropTypes = play: PropTypesboolisRequired // Flag to toggle icon between play or pause initialMode: PropTypesstring // play or pause width: PropTypesnumber // SVG elements width height: PropTypesnumber // SVG elements height fill: PropTypesstring // icon fill color stroke: PropTypesstring // icon stroke width strokeOpacity: PropTypesstring // icon stroke opacity style: PropTypesobject // css styles for SVG element
Features
- PlayPause
- Next
- VolumeControll
- config
- Size
- ToggleFullscreen