A "webflow" music player, or widgets for third party music players!

I would love to see music players available in Webflow. Right now, it can be tough for musicians to add a responsive and nice looking music player, that matches the vibe of their site. Trust me. I’ve been through about 10! Still, with no luck…

2 Likes

Since Webflow does not allow file hosting for anything other than images at this point, a music player wouldn’t be possible. Potentially with the upcoming CMS though. I would however suggest just using the soundcloud embed widgets. They also have skinnable versions.

this would be such a cool component! Would be cooler if we could even design the player ourselves :wink:

1 Like

The ability to embed 3rd party players into cms posts would be nice. Currently there’s no way to display podcast episodes from Soundcloud or Libsyn.

2 Likes

Hello. I’m jumping into this post because it’s the most recent one that touches upon my current dilemma. I have built a site in Webflow for a client who now insists on having background music (that auto-loads instead of having a controller). If the mp3 (ogg) file is sitting on our host’s server, shouldn’t I be able to simply embed this code and have it work?

<audio autoplay="autoplay">
<source src="http://www.hostgator.com/myaccount/music/MP3file.mp3" type="audio/mpeg">
<source src="http://www.hostgator.com/myaccount/music/OGGfile.ogg" type="audio/ogg">
</audio>

If my code is okay, then perhaps the issue is where I am embedding it on the Webflow page? I tried both the custom code section in the HEAD tag, then I tried the BODY tag – and finally, I tried using the code in an “Embed” element I dropped on the page.

Any suggestions? Greatly appreciated!

https://preview.webflow.com/preview/lisetanguaychowdhury-fixed?preview=ecba22017bfe588517a8b00dc29c93de`indent preformatted text by 4 spaces`