AMP

amp-megaphone

描述

显示 Megaphone.fm 播客剧集或播放列表。

 

必需脚本

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

支持的布局

示例

使用固定高度布局,元素将扩展以填充页面的宽度,同时保持 height 常量

浅色模式

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

深色模式

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

属性

data-episode 如果未定义 data-playlist,则此属性为必需。
此属性的值是 Megaphone.fm 曲目的 ID,一个整数。
data-playlist 如果未定义 data-episode,则此属性为必需。此属性的值是 Megaphone.fm 播放列表的 ID。
data-start(可选) (仅用于剧集)剧集开始的时间(以秒为单位)。
data-episodes(可选) (仅用于播放列表)限制要显示的剧集数。
data-tile(可选) (仅用于剧集)如果存在,则以“平铺”模式显示播放器,其中内部组件垂直排列。
data-light(可选) 如果存在,这将将播放器主题切换到“浅色”方案,而不是默认的深色版本。
data-sharing(可选) 如果存在,这将启用嵌入式播放器上的社交分享按钮。默认值是禁用该按钮。
宽度和高度 amp-megaphone 的布局设置为 fixed-height,它填充所有可用的水平空间。这对于“经典”模式是理想的,但对于“平铺”模式,建议高度为 455px,宽度为 275px,如 Megaphone 嵌入代码所示。

验证

请参阅 AMP 验证器规范中的 amp-megaphone 规则

需要更多帮助?

您已经阅读此文档十几次,但它并没有真正涵盖您所有的问题?也许其他人也有同样的感受:请在 Stack Overflow 上与他们联系。

转到 Stack Overflow
发现错误或缺少功能?

AMP 项目强烈鼓励您的参与和贡献!我们希望您能成为我们开源社区的持续参与者,但我们也欢迎您为自己特别感兴趣的问题做出一次性的贡献。

转到 GitHub