Support » Plugin: BJ Lazy Load » Plugin resized iframe width and height

  • Hi,

    The plugin cut my load time in half, thank you for your work in putting this together.

    Unfortunately, it altered the width and height of my iframes, and they weren’t properly proportioned. Is there a setting that controls this, or a line of code I can modify?

    Please note I added custom code to make the iframes responsive:

    On the page:

    iframe {
    width: 100%;
    overflow: hidden;
    }

    @media (min-width: 768px) and (max-width: 1024px) {
    .vc_col-sm-12.wpb_column.column_container._.height-full {
    width: 60%;
    margin: 0 auto;
    float: none;
    }
    }

    @media (max-width: 768px) {
    iframe {
    height: auto;
    }
    }

    In the custom CSS:

    /* iFrames */
    .video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    }
    .video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    }

    The page I need help with: [log in to see the link]

  • The topic ‘Plugin resized iframe width and height’ is closed to new replies.