How block native browser fullscreen?

[itivao]

I try to make my own controls component. And I don't understand how to block native browser controls and add custom on full screen. Can someone help with this?
<Media> {mediaProps => ( <UpWrapper onMouseEnter={ () => this.setState({inScreen: true}) } onMouseLeave={ () => this.setState({inScreen: false}) } > <VideoTitle inScreen={this.state.inScreen} >{ this.props.name }</VideoTitle> <VideoPlayer src={url} no onKeyDown={keyboardControls.bind(null, mediaProps)} onFullScree /> <PlayControlWrapper inScreen={this.state.inScreen} > <PlayPause/> <SeekBar /> <MuteUnmute /> <Volume /> <Fullscreen /> </PlayControlWrapper> </UpWrapper> )} </Media>