Creating hero video backgrounf

I’m trying to make a video background on 1/3 of my hero section. Kind of like the photo, but obviously smaller. I do not want it to look like a player, but part of the background.

I’ve tried using both HTML and a free video background plugin, but I can’t get it to work. I’m hosting my video on my google drive, permission are updated to share with anyone with a link.

Any ideas?

With some layout, it is an easy html video link. See below if that helps:
chrome_FhkgZ1BPcG

This is an HTML element with the following code inside it. You can play with width, height, put it inside a group etc:

<video  muted loop autoplay width="100%" height="100%">
  <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" />
  Your browser does not support the video tag.
</video>

Here is the editor if you want to check details:

When I tried your source, it worked. But it’s not doing it from my google drive or youtube. Is there another way I can get this to work?

As far as I know, video tag requires a direct mp4 (or video) file. Youtube is definitely not a direct link. Probably drive also is not a direct link.

I don’t know how big is your video, but I uploaded the same video to my bubble app and it worked like a charm too.

<video  muted loop autoplay width="100%" height="100%">
  <source src="https://750477bf7223220a6e1afece830bdfc2.cdn.bubble.io/f1708141262641x371908707799192260/mov_bbb.mp4" type="video/mp4" />
  Your browser does not support the video tag.
</video>
1 Like

Where are you getting a URL from uploading it to your Bubble? I tried this but can’t find any links. I uploaded in my database as a file, maybe I’m not doing it right. Haven’t found any videos addressing this.

AHHH thank you SO much! It works now :heart_eyes:

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.