This week I built this website, which allows multiple users to display recordings from their webcam by randomly clicking in the window. I also unfixed the size of recordings to make the display more dynamic.
When I tried to implement the function allowing users to display their recordings from the webcam by clicking anywhere in the window, I found out that somehow there is some blank space on the top. It turned out that even though I hide the video but the space holder for it remained. With some research on hiding video, I found out that I should set the display to none instead of hiding the video.
video.style.display = "none";Check code here.