White space on mobile view

Hi there,

try using this Site:

http://embedresponsively.com

You can add your Vimeo link and it will provide you with the responsive HTML. Let me know

Thank you, David.

Now the padding is not there anymore.

But how could resize the video in Desktop view. Now the video is far too big as you can see here.

Thank you very much for your help!

Hi there,

Wouldn't resizing it make it almost identical to the first link you shared? Or do you just want to reduce the white space on the top and bottom of the video?

Hi Tom,

Yes, I want to reduce the white space on the top and bottom of the video.

Please advise.

So we need to add another container around the video embed. So the the HTML you currently have needs to be inside:

<div class="video-container">
<!-- Add the responsive video embed HTML here -->
</div>

Then add this CSS:

@media (min-width: 769px) {
    .video-container {
        max-width: 60%; /* adjust size for desktop */
    }
}

Thank you very much. Works perfectly.

Regards,

Karsten

Glad to be of help.

resolved