Learning AMP: Making AMP-Iframe to Load — AMPire.city

Image for post
Image for post
Originally published at https://ampire.city

What Will I Learn?

Requirements:

Image for post
Image for post
If you are experiencing this, this guide will help you.

Fixing AMP Iframe BUG

1. Check if AMP-Iframe is Loaded

<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>

2. Check AMP-Iframe Position

Image for post
Image for post
After I increased hero height by as little as 30px, amp-iframe started working again.

Fixing AMP Iframe BUG on AMP website

Travel Blogger, Web Designer & AMP Developer | Travel & History Journal: https://www.ctdots.eu | AMP Development & Web Design Tutorials: https://ampire.city

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store