Make videos fill video container

Hi,

I am trying to make a video completely fill a container without creating the extra spacing as seen in the screenshot below.
Ih vae this problem with all the videos across the site.

I am embedding the videos from flowplayer and placing them onto pages on the site.

The code is here:

<div class="flowplayer-embed-container" style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width:100%;"> <iframe webkitAllowFullScreen mozallowfullscreen allowfullscreen src="//ljsp.lwcdn.com/api/video/embed.jsp?id=6b5f54b4-0ee5-4b5a-b953-1cc6f37b2b6a&pi=d2eb4668-4b76-4525-91f2-7921c05cb146" title="0" byline="0" portrait="0" frameborder="0" allow="autoplay" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe> </div>

What is the best fix to have the videos fill the containers.

Please help! Thanks.

Provide your website url.

In preview mode your video is already full-screen. If you want the video container cover full space; zero the gap as soon in the screen-shot below.

22 minutes ago, yubrajs said:

In preview mode your video is already full-screen. If you want the video container cover full space; zero the gap as soon in the screen-shot below.

Hey,

This did not solve my problem.
This only removes all the spacing between images and video.

It does not fill the container with video.

However, thank you.