Help Dynamic CMS Custom Attributes

Design help Custom code
1

Hi there,

I am planing to add music player to my new clients website, he sells beats soo this is very important. I need to give a custom attribute (in this case the link to the song) for each element(music mp3 player) in the cms list.
Captura de pantalla 2020-12-05 133428

Soo far this is all I maneged to do, I made a embed code in the Collection List where I put this code but then when I open the website, only is shown in the first element of the CMS.
I would love to have a diferent link for each element in the cms as the attribute’s value

Captura de pantalla 2020-12-05 133740
Captura de pantalla 2020-12-05 133740798×211 10.6 KB

<script>
var anchor = document.getElementById("audio-player-single-track-wrapper");
var att = document.createAttribute("udesly-audio-player");
att.value = "LINKTOSONG(CMS VALUE)";
anchor.setAttributeNode(att);
</script>

LINK TO THE WEBSITE LIVE HERE
AND PREVIEW HERE :point_down:
https://preview.webflow.com/preview/aitors-ultra-awesome-project-9de0f2?utm_medium=preview_link&utm_source=dashboard&utm_content=aitors-ultra-awesome-project-9de0f2&preview=70888c47c6b45a897732ceab16296dbf&mode=preview

Thanks in advance :grinning:

2

I’m having the same issue for a client who does video production. Any answers would be hugely appreciated

3

Did you manage to fix this? any updates facing the same issue