General



  1. Get the 'id' of the Album/Playlist/Track/Video to embed (can be found in the Share dialogs of listen.tidal.com)
  2. Copy the code for the correct content type below and replace the ids (should be two lines, one with a <div> and one with a <script>)

PS if using multipe embeds on one page the script tag must only be included once, preferably at the end of the page (before the closing </body> tag).

Responsive layout

The TIDAL embed is responsive and will adapt to all screen sizes.
(It will fill the width of the container element it is placed in and sets own height based on what is needed.)

Album

Embedding an album

<div class="tidal-embed" data-type="a" data-id="19646520"></div>
<script src="https://embed.tidal.com/tidal-embed.js"></script>

Playlist

Embedding a playlist

<div class="tidal-embed" data-type="p" data-id="7f333836-3e06-4de0-a633-ae6f74e6ad76"></div>
<script src="https://embed.tidal.com/tidal-embed.js"></script>

Track

Embedding a track

<div class="tidal-embed" data-type="t" data-id="37936045"></div>
<script src="https://embed.tidal.com/tidal-embed.js"></script>

Video

Embedding a video

<div class="tidal-embed" data-type="v" data-id="57040670"></div>
<script src="https://embed.tidal.com/tidal-embed.js"></script>

Video with a related album

Embedding a video with album promo after

<div class="tidal-embed" data-type="v" data-id="57040670" data-related-id="59727869"></div>
<script src="https://embed.tidal.com/tidal-embed.js"></script>