重要事項：此文件不適用於您目前選取的格式廣告！

amp-soundcloud

您現在可以在有效的 AMP 文件之外使用此元件，方法是使用此元件的 Bento 版本。在 Bento 指南中瞭解更多資訊。

顯示 Soundcloud 音訊片段。

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

範例

使用 responsive 版面配置時，範例中的 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"`)。
width 和 height	`amp-soundcloud` 的版面配置設定為 `fixed-height`，且會填滿所有可用的水平空間。這非常適合「經典」模式，但對於「視覺」模式，建議高度為 300px、450px 或 600px，如同 Soundcloud 內嵌程式碼。這可讓音訊片段的內部元素在行動裝置上正確調整大小。

請參閱 AMP 驗證器規格中的 amp-soundcloud 規則。

需要更多協助嗎？

您已閱讀此文件數十次，但它似乎沒有涵蓋您的所有問題？也許其他人也有同感：在 Stack Overflow 上與他們聯繫。

發現錯誤或缺少功能？

AMP 專案大力鼓勵您的參與和貢獻！我們希望您能成為我們開放原始碼社群的長期參與者，但我們也歡迎針對您特別關注的問題提供一次性貢獻。