Webflow Code Help: Audio Plays When Image is Clicked


Currently developing a website. What I’d like ideally is for when an image is clicked, a preview of the song plays (either from Apple Music/Spotify). It looks like Spotify’s developer site will let me embed the song, but only in their own player. What my dream code would do is: when the image is clicked, something along the lines of a play/pause symbol pops up on the image and allows the user to interact only with the image without having to deal with Spotify’s player.

Been digging around online for a solve and haven’t found much, would love any help I could get! Will provide visuals if necessary!

I don’t know about Spotify’s player but maybe you could style the player using CSS? Just an idea

I can freely play the Apple Msuic on my phone with my premium or on the website. And I got the Apple Music Converter from DRmare to save the songs for offline listening on other players or devices.