How to embed iframes correctly

📄
1

How to use iframes within topics or posts?

<iframe></iframe>

If the automatic iframe generation does not work correctly, it can be set up manually.

Important values for correct embedding:

  • Video in Landscape Mode: Width 270px
  • Video in Portrait Mode: Height 500px

Examples:

YouTube Landscape:

<iframe width="270" height="152" 
        src="https://www.youtube.com/embed/VIDEO_ID" 
        frameborder="0" allowfullscreen>
</iframe>

YouTube Shorts (Portrait):

<iframe width="281" height="500" 
        src="https://www.youtube.com/embed/VIDEO_ID" 
        frameborder="0" allowfullscreen>
</iframe>

Google Maps:

<iframe 
    src="https://www.google.com/maps/embed?pb=YOUR_MAP_EMBED_CODE" 
    width="270" height="270" 
    style="border:0;" allowfullscreen="" 
    loading="lazy">
</iframe>

Anything outside these maximum dimensions will look disproportionate or strange on mobile or desktop.