Events

VideoView also accepts several event callback props related to UI state changes:

Event	Type	Description
onPictureInPictureChange?	(isInPictureInPicture: boolean) => void	Fired when the picture-in-picture mode starts or stops.
onFullscreenChange?	(fullscreen: boolean) => void	Fired when the fullscreen mode starts or stops.
willEnterFullscreen?	() => void	Fired just before the view enters fullscreen mode.
willExitFullscreen?	() => void	Fired just before the view exits fullscreen mode.
willEnterPictureInPicture?	() => void	Fired just before the view enters picture-in-picture mode.
willExitPictureInPicture?	() => void	Fired just before the view exits picture-in-picture mode.

These can be used to update your component's state or UI in response to these changes.

<VideoView
  player={player}
  onFullscreenChange={(fullscreen) => {
    console.log(fullscreen ? 'Entered fullscreen' : 'Exited fullscreen');
  }}
  onPictureInPictureChange={(isInPictureInPicture) => {
    console.log(isInPictureInPicture ? 'PiP active' : 'PiP inactive');
  }}
/>