Forum Academy Marketplace Showcase Pricing Features

Video Background in Mobile

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 iPhone and iPad.

Does the video background work in mobile?

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.

Check this out

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

1 Like

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%;
transform:translateX(-50%);
bottom: 0;
min-width: 100%;
min-height: 100%;
class=“video-js”
playsinline autoplay loop muted
<source src="YOURVIDEOURL" type="video/mp4"/>
</video>
1 Like

it worked great! thanks