AMP Iframe Issues | ww.wp.xz.cn

Resolved Cowboy Coding
(@devaceza-1)

6 years, 3 months ago

I do embed an iframe from AnchorFM (anchor.fm) website. Now this cause issues on AMP.

The attribute ‘height’ in tag ‘amp-iframe’ is set to the invalid value ”.

<amp-iframe src=”https://anchor.fm/estateplanner/embed/episodes/S1E2-A-Quick-Look-at-Testamentary-Capacity-e1ujqp/a-a4lk8u” width=”auto” height=”” frameborder=”0″ scrolling=”no” layout=”fixed-height” sandbox=”allow-scripts allow-same-origin”><span placeholder=”” class=”amp-wp-iframe-placeholder”></span><noscript><iframe src=”https://anchor.fm/estateplanner/embed/episodes/S1E2-A-Quick-Look-at-Testamentary-Capacity-e1ujqp/a-a4lk8u” width=”100%” height=”auto” frameborder=”0″ scrolling=”no”></iframe></noscript></amp-iframe>

Please help me resolve this issue.

Viewing 4 replies - 1 through 4 (of 4 total)

James Osborne
(@jamesosborne)

6 years, 3 months ago

@devaceza-1 If you specify a height that error should go away however there are other errors in that snippet provided, such as invalid attributes when using amp-iframe component.

Can you share the iFrame code you are using or try the following, which the plugin will convert into an amp-iframe:
<iframe src="https://anchor.fm/estateplanner/embed/episodes/S1E2-A-Quick-Look-at-Testamentary-Capacity-e1ujqp/a-a4lk8u&" width="200" height="40" frameborder="0" layout="responsive"></iframe>

You’ll find out more about the permitted attributes below.
https://amp.dev/documentation/components/amp-iframe/

Thread Starter Cowboy Coding
(@devaceza-1)

6 years, 3 months ago

@jamesosborne hello, thanks for your response.

This is the iframe code I used.

<iframe src=”https://anchor.fm/estateplanner/embed/episodes/S1E2-A-Quick-Look-at-Testamentary-Capacity-e1ujqp/a-a4lk8u” width=”100%” height=”100%” frameborder=”0″ scrolling=”no”></iframe>

Plugin Author Weston Ruter
(@westonruter)

6 years, 3 months ago

This same issue has been reported on GitHub: https://github.com/ampproject/amp-wp/issues/4192#issuecomment-579957320

There is an explanation there, as well as a link to a pre-release build with the fix. The next stable release (v1.5) will have the fix.

Thread Starter Cowboy Coding
(@devaceza-1)

6 years, 3 months ago

@westonruter thank you.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘AMP Iframe Issues’ is closed to new replies.

Tags

iframe

4 replies
3 participants
Last reply from: Cowboy Coding
Last activity: 6 years, 3 months ago
Status: resolved