site profile thumbnail

Description

Adding audio files on Webflow can be tricky. Here is a way to have as many audio files as you want which will play/pause every time you click a button. Follow these steps: * It only works on published sites not on the Webflow builder ** 1. Add an embed block on your project with as many audio tags as you want. You just have to change the unique "id" of each one. Example: <audio id="player1" loop src="your-song.mp3"></audio><audio id="player2" loop src="your-song2.mp3"></audio> 2. Add a button for each audio tag with a unique "id" (on the "Element Settings" section). Example: button1, button2 3. Copy the code on "Settings > Before body tag" on this project with the "id"s that you added on your players and buttons. That's it! If you have any questions feel free to comment. Sign up for the lesson: https://www.webflowtips.com/b/how-to-add-multiple-songs-on-the-same-page P.S πŸ™‚ πŸ™Œ - Like or follow if this was useful for you. 13 of 50 -- Resources: Photos: Unsplash Songs: Pixabay
audioaudioplayersongmusicmusicatutorialtipsaudio-cms

Related Made in Webflow Projects