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](http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php “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!

    CSS

    .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%; }

    HTML

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".