Spotifyの曲をHTMLに埋め込む方法

Spotifyの曲をHTMLで貼り付けるには、Spotify側で埋め込み用コードを取得し、それをそのままHTMLに貼り付けます。まずSpotifyアプリまたはWebプレーヤーで埋め込みたい曲を開き、…（その他）→ 共有 → 埋め込みコードをコピーを選択します。コピーしたコードは、次のような<iframe>タグになっています。

<iframe style="border-radius:12px" src="https://open.spotify.com/embed/track/XXXXXXXX" width="100%" height="152" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

このコードを、あなたのWebページのHTML内で表示したい位置にそのまま貼り付ければ、Spotifyプレーヤーが埋め込まれて再生できるようになります。WordPressなどのCMSでも、カスタムHTMLブロックに同じコードを入れれば同様に表示できます。