how to create fullscreen iframe pop-up

Hi,

I would like to create a pop-up that displays an embedded ebook within an iframe. So far, I managed to get it to display the ebook inside the popup, but the problem is – it is not showing in full height or fullscreen. From end user view, the ebook is looking kind of short with a lot of scrolling to do – so not a very good user experience. I would like for it to be either in full height of the pop-up box or best, if it can go fullscreen.

I’ve set the Width settings to 100%. Also tested with few variations of custom body iframe, but not really achieving what I want. Below are some of them.

Custom code:
<iframe src=”https://plantanatomy.kotobee.com/#/reader&#8221; frameborder=”0″ style=”overflow:hidden;height:100%;width:100%” height=”100%” width=”100%”></iframe>

<iframe src=”https://plantanatomy.kotobee.com/#/reader”></iframe&gt;

Please assist. Thank you in advance.