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.
With some layout, it is an easy html video link. See below if that helps:
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>
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>
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.