bug: the video display box is comparatively huge w.r.t. to the viewer size

[tusharshah21]

Describe the Bug
On the laptop view, the video display is obstructed by the navbar, as shown in the attached screenshot. It would be helpful if the video box size could be adjusted to fit properly within the visible screen area.

Steps to Reproduce

1. View the video on a laptop screen.
2. Observe that the video display is partially covered by the navbar.

Expected Behavior
The video should fit neatly on the screen without being obscured, similar to the attached screenshot (for fullscreen mode).

Screenshots or GIFs

• Screenshot showing the issue (without full screen mode) :
  

• Screenshot of the expected behavior (with full screen mode) :
  

Device Information

• Browser: Chrome
• Screen size: 15.6 inches

[riazahmedshah]

Hey, I'd like to work on this issue. Here's how I plan to tackle it:

Understanding the Issue: I'll inspect the layout to identify elements causing the obstruction. I'll check CSS properties affecting positioning, such as margin, padding, and z-index.

Proposed Solution: Adjusting the video container dimensions to fit within the viewport. Adding responsive styles to ensure it works across screen sizes. If needed, modifying the position of the navbar to avoid overlap.

Expected Outcome: The video should fit neatly without overlapping the navbar. It should maintain responsiveness across devices.