Table of contents

Important: this documentation is not applicable to your currently selected format stories!

amp-megaphone

Description

Displays a Megaphone.fm podcast episode or playlist.

Required Scripts

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

Supported Layouts

fixed fixed-height

Examples

With the fixed height layout, the element will expand to fill the width of the page while keeping the height constant:

Light Mode:

<amp-megaphone
  height="166"
  layout="fixed-height"
  data-episode="OSC7749686951"
  data-light
></amp-megaphone>

Dark Mode:

<amp-megaphone
  height="166"
  layout="fixed-height"
  data-episode="OSC7749686951"
  data-light
></amp-megaphone>

Attributes

data-episode	This attribute is required if `data-playlist` is not defined. The value for this attribute is the Megaphone.fm ID of a track, an integer.
data-playlist	This attribute is required if `data-episode` is not defined. The value for this attribute is the Megaphone.fm ID of a playlist.
data-start (optional)	(for episodes only) The time at which to start the episode in seconds.
data-episodes (optional)	(for playlists only) Limits the number of episodes to display.
data-tile (optional)	(for episodes only) If present, displays the player in a "tile" mode where the internal components are layed out vertically.
data-light (optional)	If present, this will switch the player theme to the "light" scheme as opposed to the default dark version.
data-sharing (optional)	If present, this will enable the social sharing button on the embedded player. The default value is to disable the button.
width and height	The layout for `amp-megaphone` is set to `fixed-height` and it fills all of the available horizontal space. This is ideal for the "classic" mode, but for "tile" mode, it's recommended that the height is 455px, and the width is 275px, as per the Megaphone embed code.

Validation

See amp-megaphone rules in the AMP validator specification.

Need more help?

You've read this document a dozen times but it doesn't really cover all of your questions? Maybe other people felt the same: reach out to them on Stack Overflow.

Go to Stack Overflow

Found a bug or missing a feature?

The AMP project strongly encourages your participation and contributions! We hope you'll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you're particularly passionate about.

Go to GitHub