Help with background videos

Design help General
1

Hi all pretty new to webflow and I need some more help. How do I put sound on background images and how do I make sure the same vids are not repeating?

I have put a grid of four videos but instead of showing 4 different videos, they are all the same.

HERES A PREVIEW - any help would be greattttt!

https://preview.webflow.com/preview/mutales-wrld?utm_medium=preview_link&utm_source=designer&utm_content=mutales-wrld&preview=ff0fa2f324024218d116af7328877339&pageId=674c728c28657756781a5ca4&itemId=674c728c28657756781a5d5e&locale=en&workflow=preview

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi Mutale,

Images don’t have a means to play sound. You could write some custom code to handle a click event and play a hidden hidden <audio> element.

If you meant background video, Webflow’s background videos also do not have sound, you’d need to prepare and upload your video elsewhere and then use a <video> element directly.

You have setup a collection list bound to a collection called Projects. Projects doesn’t contain any videos, but it looks like someone set this up so that you can upload your video files somewhere and specify the file URLs for your MP4 and WEBM. I think that was the intention.

I can’t tell you how you’re meant to use this however, because the feature build looks incomplete. Inside of the collection list, you have 3 background video elements which will be repeated for every collection list item you have.

  • You probably only want one video per item
  • Background video elements won’t work here because they cannot be bound to CMS items
  • It looks like you’re missing an EMBED with your custom code for your video player

If you’ve had a designer build this you might talk to them? Because it appears to be halfway there.

There are a lot of details to work out too, regarding player controls / autoplay / muted depending on exactly what your end goal is on this feature build.