amp-soundcloud

Soundcloudクリップを表示します。

プラグインの読み込み

amp-soundcloudを使用する場合は別途プラグインの読み込みが必要です。
amp.jsの後にでも読み込ませましょう。

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

どんな書き方でどんな動きすんのかを簡単に。

<amp-soundcloud height=657
    layout="fixed-height"
    data-trackid="243169232"
    data-visual="true">
</amp-soundcloud>

<amp-soundcloud height=657
    layout="fixed-height"
    data-trackid="243169232"
    data-color="ff5500">
</amp-soundcloud>

data-trackid	トラックIDを指定します。プレイリストIDが指定されていない場合はこちらが必須。
data-playlistid	プレイリストIDを指定します。
data-secret-token	プライベート設定の場合はこのトークンを指定する必要があります。
data-visual	モード切り替えを行います。 trueでビジュアルモード(全幅) それ以外ではクラシックモードとして表示します。デフォルトはクラシックモードです。
data-color	この属性は、「クラシック」モードのカスタムカラーオーバーライドです。「ビジュアル」モードでは属性は無視されます。先頭に＃を付けずに、16進数のカラー値を指定します