Get a free trial // Grow your CSS skills // Land your dream job

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