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進数のカラー値を指定します |