Full Height iframe

Question

In wordpress I'm using a plugin that create this iframe:

<iframe scrolling="no" allowfullscreen="" src="http://...k.jpg&amp;is_stereo=false" width="100%" height="1200px"></iframe>

This is the array of the php page:

    $a = shortcode_atts( array(
   'img' => '',
   'video' => '',
   'pimg' => '',
   'stereo' => 'false',
   'width' => '100%',
   'height' => '1200px',
   ), $atts );

and this the php code:

    <iframe width="<?php echo $a['width']; ?>" height="<?php echo $a['height']; ?>" scrolling="no" allowfullscreen src="<?php echo $iframe_url; ?>"></iframe>

The width is perfect and responsive.

I need to have a full height iframe. How?

Possible duplicate of [Full-screen iframe with a height of 100%](https://stackoverflow.com/questions/5867985/full-screen-iframe-with-a-height-of-100) — , Feb 22 '18 at 19:47
Something seems wrong with the code formatting but I can't edit the question... — Xan-Kun Clark-Davis, Feb 22 '18 at 19:59

score 0 · Answer 1 · answered Feb 22 '18 at 20:11

You can try and see if this works:

<div style="height: 100%; width: 100%;">
    <iframe width="<?php echo $a['width']; ?>" height="<?php echo $a['height']; ?>" scrolling="no" style="height:100%;width:100%" allowfullscreen="1" src="<?php echo $iframe_url; ?>"></iframe>
</div>

OUTPUT SHOULD BE

<div style="height: 100%; width: 100%;">
    <iframe scrolling="no" allowfullscreen="1" src="http://...k.jpg&amp;is_stereo=false" style="height:100%;width:100%"  width="100%" height="1200px"></iframe></div>

Full Height iframe

1 Answers1