">文档:<amp-megaphone> - amp.dev - AMP 框架
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