Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Issue with Fluid Video Fix

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #44508
    WTArcher
    Member

    Hello, I’m using the CSS based fluid video fix found [Here](https://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)
  • The forum ‘CSS’ is closed to new topics and replies.