Embeds in Google AMP pages

Audioboom embeds can be used on AMP pages.

Ensure you've included the amp-iframe loader in the head of your page

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

Add an amp-iframe tag for the Audioboom player:

<amp-iframe
layout="fixed-height"
width=auto
height=300
sandbox="allow-scripts"
src="https://embeds.audioboom.com/posts/7206985/embed" />

Notes

Google AMP will refuse to load iframes near the top of the page, unless the iframe has a placeholder.  (From the docs: "They must be either 600px away from the top or not within the first 75% of the viewport when scrolled to the top – whichever is smaller.")

To avoid this restriction, remember to include a placeholder image within the amp-iframe.

View our AMP demo page