Jump to content

Make videos fill video container

Recommended Posts


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.



Link to comment
  • Replies 3
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

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.

Screenshot 2024-01-17 at 9.46.35 PM.png


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.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.