The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Issue with Fluid Video Fix

  • # May 2, 2013 at 4:27 pm

    Hello, I’m using the CSS based fluid video fix found [Here]( “fluid video fix”).

    I’m using it in a WordPress post and it’s working great in terms of the video. However, the content on the page below the video is collapsing up, overlapping the video. Any ideas as to correcting this? Many thanks!


    .videoWrapper { position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0; }

    .videoWrapper iframe { position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }


Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed