Make a Media Item display at Full Height

Working with iframes

Using Media Items for video content or displaying content via an iframe is a great way to deliver information to your patients in a simple and entertaining way, but you need to make sure it looks as good as possible on your site which is where the display of your iframe comes in.

To make the iframe display at its full height you need to apply styling with height set to 100vh

<iframe src="https://..." style="border: none; height:100vh; width:100%;"></iframe>