BackgroundVideos not playing outside of Preview

Hi

I have set up a plugin to play a video background.
I finally got it working in the preview but it doesnt work on live sites, both PC and mobile.

site - https://kthxbai.bubbleapps.io/

Any help is greatly appreciated.

Thank you.

Looks like you got this to work?


Josh @ Support Dept
Helping no-code founders get unstuck fast :rocket:save hours, & ship faster with an expert :man_technologist: on-demand

I post daily about no-code and Bubble on Twitter Follow Support Dept on Twitter

Hey @josh24

I have got one of my videos working (the garment in the box spinning) but my background is supposed to be a looped video too and I’m not sure why its not working.

If you have any advice I’d be glad to hear it!

Thanks :slight_smile:

I found it doesn’t like to have more than one element on the page and actually got confused a couple of times and mixed videos up etc.

I haven’t tried to stack them, but I think that could be the problem if you are.

Are you using the same background video element for both videos? Perhaps you want to leave the background element for the entire background and layer on a totally different element for the garment in the spinning box?

i.e., if you look at my website, I have two videos playing towards the top. They autoplay etc., and pretty much do the same thing. So perhaps you want to steal the code I used on my site? It won’t resize and fill the entire screen - but that’s fine for the garment in the box, right?

Here’s the video:

Here’s the code (just drop it into an HTML element)

<video muted autoplay loop playsinline>
    <source src="https://s3.amazonaws.com/appforest_uf/f1649652071915x538657414930806500/Slack%20Promo.mp4" type="video/mp4">    
</video>

Oh, and make sure the video is in MP4 format for the best cross-browser support, but regardless - do test it.

…and yes, if you’re wondering, the star of the video is my dog, Iggy :joy:


Josh @ Support Dept
Helping no-code founders get unstuck fast :rocket:save hours, & ship faster with an expert :man_technologist: on-demand

I post daily about no-code and Bubble on Twitter Follow Support Dept on Twitter

Hi @josh24

Thank you very much for your help.
I have bookmarked this page incase I need to go back and refer to it again.
I have also bookmarked the page you linked as I may need it’s services one day.

Thanks again!

1 Like

Always happy to help! Best of luck


Josh @ Support Dept
Helping no-code founders get unstuck fast :rocket:save hours, & ship faster with an expert :man_technologist: on-demand

I post daily about no-code and Bubble on Twitter Follow Support Dept on Twitter