I have a video background on my landing page which works great except on mobile and tablets. The landing page is set up to be responsive and I’m able to get the video to run if I load the preview in my browser and adjust the width to mobile and tablet width. I checked with Chrome and Safari on iPhon…

[image] Need help configuring Coverr video script Need help On mobile we don’t display videos for performance and bandwidth reasons, but you can specify a fallback and that will work. See https://bubble.io/reference#Elements.Page.backdrop_video_image_fallback for more det…

I can also say that I reviewed the documentation but couldn’t find anything about this. Does the video background work in mobile or do I need to re-design my landing page somehow? Thanks everyone. I appreciate your knowledge and feedback.

The issue with this is that there are no controls to Center, stretch or do anything else with the fallback. Considering the varying screen sizes on mobile, this is quite frustrating.

Hello all, sorry to bump this older thread but curious if the situation is still the same? I’d like to have a partial video background on desktop but if I’m unable to do so on mobile, would like to have control over the fallback. Thanks in advance

Hello, I’m surprise it’s not yet possible to put video background on mobile… even in wordpress it’s possible.

For all of you who are waiting for a simple and faster loading solution. Try this. I am not a developer, but 20 minutes of stackoverflow research gave me this. Just add it as an HTML element. Works like a charm and scales from wide screen to mobile. <video style=" position: absolute; left: 50%; tra…

There was a missing quotation mark in the code above for me. This is what I used <video style=" position: absolute; left: 50%; transform:translateX(-50%); bottom: 0; min-width: 100%; min-height: 100%;" class=“video-js” playsinline autoplay loop muted source src="VIDEO-URL-HERE" type="video/mp4"/> <…

sorry i dont get it? the link is just a link to bubble manual? trying to get the video background to show up on both desktop and mobile [image] Bubble - Visual Programming Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. In…

The Bubble Manual has been updated since then. It now just says this: [IMG_1681] [image] Page Element (Legacy) | Bubble Docs So maybe try the code instead in the above posts. :blush:

Video Background in Mobile

Questions

J805 March 4, 2019, 4:35pm 3

Check this out

Topic		Replies	Views
Background video on mobile Need help	2	157	June 12, 2024
Responsive background video Mobile	5	794	June 9, 2022
Does Bubble support video backgrounds such as this? Need help	1	2490	July 17, 2016
Background Style: Video should contain <playsinline> attribute so it works in mobile, image should not repeat vertically Idea	1	1364	September 17, 2022
How to hide video background only on responsive mobiles? Responsiveness	0	250	September 13, 2020

Video Background in Mobile

Related topics