重要提示：此文档不适用于您当前选择的格式广告！

amp-soundcloud

您现在可以使用此组件在有效的 AMP 文档之外，使用此组件的 Bento 版本。在 Bento 指南中了解更多信息。

显示 Soundcloud 片段。

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

示例

对于响应式布局，示例中的 width 和 height 应为 1:1 宽高比的嵌入产生正确的布局

视觉模式

<amp-soundcloud
  width="480"
  height="480"
  layout="responsive"
  data-trackid="243169232"
  data-visual="true"
></amp-soundcloud>

经典模式

<amp-soundcloud
  width="480"
  height="480"
  layout="responsive"
  data-trackid="243169232"
  data-color="ff5500"
></amp-soundcloud>

data-trackid	如果未定义 `data-playlistid`，则此属性是必需的。此属性的值是曲目的 ID，一个整数。
data-playlistid	如果未定义 `data-trackid`，则此属性是必需的。此属性的值是播放列表的 ID，一个整数。
data-secret-token（可选）	如果曲目是私有的，则此属性是曲目的密钥令牌。
data-visual（可选）	如果设置为 `true`，则显示全宽的“视觉”模式；否则，它将显示为“经典”模式。默认值为 `false`。
data-color（可选）	此属性是“经典”模式的自定义颜色替代。在“视觉”模式下会忽略此属性。指定一个十六进制颜色值，不带前导 #（例如，`data-color="e540ff"`）。
宽度和高度	`amp-soundcloud` 的布局设置为 `fixed-height`，并且它会填充所有可用的水平空间。这对于“经典”模式非常理想，但对于“视觉”模式，建议高度为 300px、450px 或 600px，如 Soundcloud 嵌入代码所示。这将允许片段的内部元素在移动设备上正确调整大小。

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

需要更多帮助？

您已经阅读过此文档很多次，但它并未真正涵盖您的所有问题？也许其他人也有同感：在 Stack Overflow 上与他们联系。

发现错误或缺少功能？

AMP 项目强烈鼓励您的参与和贡献！我们希望您成为我们开源社区的持续参与者，但也欢迎您针对您特别感兴趣的问题进行一次性贡献。