Estaba pensando en tener un botón que llame a un componente de dibujo para poder dibujar sobre el componente del reproductor de video.

 const VideoPlayer = ({selectedVideo}) => { return( <div className="App"> <video key = {selectedVideo} width="950" height="500" controls> <source key= {selectedVideo} src={selectedVideo} type="video/mp4" /> </video> </div> ); }; export default VideoPlayer;

Estaba pensando en escribir algo similar a esto: quiero dibujar (usando el lienzo html5) dentro del video en reaccionar pero con la capacidad de habilitar o deshabilitar el dibujo con solo presionar un botón y que permanezca dentro de los límites del reproductor de video. ¿Cómo sugieres que haga esto?