I tried, but did not help to solve the problem(((

Then your answer is

object-fit: fill;

BLONDES ARE COOL

Thank you Theyadora))This time it really helped and the problem was solved. But the height of the page increased a lot. And scrolling allows it to go page down a lot, so it's not a target.

That makes no sense. ( query aspect ratio !!)

try this in the css instead of the overflow :hidden

    object-fit: cover;

Thank you. Yes, it helps to solve the problem but unfortunately it also damages the video. Because the video disappears after the changes and the background turns white...

Here are the basic codes I have in CSS file

.video-wrap {
width: 100%;
z-index:0 !important;
position:relative !important;
}
.video-wrap video {
width: 100%;
height: 100%;
z-index:0 !important;

}

HI Mary.
Looking at the css code in the video background component, the video is wrapped in a div styled with a class namedvideo-wrap.
go to the following file
video-background-1-1\VideoBackground\plugins\default\videobackground\css.php

and edit the following to add the overflow.

.video-wrap {
width: 100%;
z-index:0 !important;
position:absolute !important;
}

change to this

.video-wrap {
width: 100%;
z-index:0 !important;
position:absolute !important;
overflow: hidden;
}

Ive never used this component so hope this fixes your issue.

There is no way I can solve this problem.....Please help me resolve this issue(((

im use background video component, where there is no such things...

In the code you used for the homepage video. Whatever tag you used to add the video eg <div> will have an associated style in the css file. ie <div class="videostyle"> find that tag in the stylesheet(css) or make a new style and overflow: hidden add it to it. Your coder/helper will be or should be fully conversant with this.
example in css file

.videostyle {
overflow: hidden;
}

Bansh33 How ?