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