重要事項：本文件不適用於您目前選取的格式 廣告！
amp-soundcloud
說明
顯示 Soundcloud 音訊片段。
必要指令碼
<script async custom-element="amp-soundcloud" src="https://cdn.ampproject.org/v0/amp-soundcloud-1.0.js"></script>
<script async custom-element="amp-soundcloud" src="https://cdn.ampproject.org/v0/amp-soundcloud-1.0.js"></script> <link rel="stylesheet" href="https://cdn.ampproject.org/v0/amp-soundcloud-1.0.css">
用法
顯示 Soundcloud 音訊片段。
在有效的 AMP 文件之外獨立使用
Bento 可讓您在非 AMP 頁面中使用 AMP 元件，而不需完全採用有效的 AMP。您可以採用這些元件，並將其置入不支援 AMP 的架構和 CMS 的實作項目中。如要進一步瞭解，請參閱我們的指南在非 AMP 頁面中使用 AMP 元件。
如要尋找獨立版本的 amp-soundcloud，請參閱bento-soundcloud。
範例
使用 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，並會填滿所有可用的水平空間。這最適合「經典」模式，但對於「視覺」模式，建議高度為 300 像素、450 像素或 600 像素 (根據 Soundcloud 嵌入程式碼)。這樣可讓音訊片段的內部元素在行動裝置上正確調整大小。 |
驗證
請參閱 AMP 驗證工具規格中的 amp-soundcloud 規則。
需要更多協助嗎？
您已將本文件讀過許多遍，但內容仍然沒有涵蓋您的所有問題嗎？或許其他人也有相同感受：請在 Stack Overflow 上與他們交流。
前往 Stack Overflow 發現錯誤或缺少功能？AMP 專案大力鼓勵您的參與和貢獻！我們希望您能成為我們開放原始碼社群的長期參與者，同時也歡迎您針對特別關注的問題提供一次性的貢獻。
前往 GitHub