I have used a embedded youtube video on my html. then some vertical black bar (right and left) is appeared. so I have fixed that by doing this
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; height: 100vh; min-height: 100vh; overflow: hidden;}But after that, the video is taking more than 100vh height, which I don't want.
how can I keep the height 100vh and vanish the vertical bar as well?