Mobile Video Not Scaling or Switching to Poster

Hello,

My main video shrinks adding black space above and below on all mobile widths.
It doesn’t scale, nor does it switch to a poster image like it’s supposed to do!

How can i get it to scale? or worst case, how can we make the poster image show up?

I tried adding this code, but it didn’t work.

@media (max-width: 767px){
.bg-image .x-bg-layer-lower-image {
min-width: 500% !important;
}
}

i changed the % and set from max to min, and it doesn’t affect anything.

Please advise.

Jesse

Hi Jesse,

Did you get rid of the video on the homepage or do you have it on another page because when I checked your site, I can’t find the video background:

In case you remove the video and you still want us to check it, kindly place it back or send us the link to the page where the video background is so that we can check.

Thank you.

We just launched a promotion and I couldn’t afford people having a bad experience with the website. So i took it down temporarily.
I’ll put it back up tomorrow morning and we can trouble shoot it from there I guess.
I was just hoping you had an explanation for why it was happening or some CSS fix for me.

Hey Jesse,

It might be good that you create a test page and place the video for investigate. Having it this way, you will no longer worry about your users with bad experience with the site. Create a test page, add the video and send the url to us so we can check it out and figure out what might be the issue.

Regards.

Good idea, i’ll do that tomorrow and send you the link

Thanks Jesse, just share the link here whenever you can. Have a great day!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.