How to get exact width and height of video being played?

Current Behavior

I need to get the exact width and height of the video element inside the React Player, I expected payerRef.current.clientWidth and payerRef.current.clientHeight to work but these properties are missing.

Expected Behavior

Being able to use clientWidth and clientHeight properties on the playerRef.

Other Information

I need to get this information because I’m creating a drawing canvass over the videos. The problem that I face is that some videos come on portrait mode so the scaling is different and the wrapper I created scales at a different rate than the video making the drawings shift position on different screen resolutions.

[nwaxiomatic]

This does not work for Vimeo as of 2022

player.videoHeight returns undefined

[rakshithxaloori]

I’ve found that this also works! const player = videoRef.current.getInternalPlayer(); console.log("videoHeight", player.videoHeight); console.log("videoWidth", player.videoWidth); where videoRef is the ref of ReactPlayer element.