Background Video Showing on Desktop but not Mobile

[wnickens]

Hey, I have a background video on my homepage. It’s showing on the desktop version but there is a black background on mobile version instead. This has been an issue for awhile but now that I have a new branded content video I want to launch I would like to correct this. Is there a setting I need to turn on for the video to also show on mobile?

• This topic was modified 4 years, 1 month ago by wnickens. Reason: Adding mobile picture

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Wnickens,

The browser of mobile device auto turn off video to save data for users.

It have way to upload background image below video and on mobile it will show the image background. https://prnt.sc/vakk2c

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[wnickens]

@media (max-width: 767px)
.vc_hidden-xs {
/* display: none!important; */
}

I know it has something to do with this CSS

[wnickens]

The majority of my traffic comes from mobile and I would like them to experience the video also. Is there a way to make video show on mobile instead of the image? I provided an image of the current set up. I was playing with some of the code on the page and when I removed the display: none value from the code it display. However, when I tried to add that to custom css the image still showed.

• This reply was modified 4 years, 1 month ago by wnickens.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

The code not affect to video. The video auto turn off by browser not come from theme.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[wnickens]

Okay, is there a work around?

I have videos working on mobile phones on several of my other websites. With those it is using slider revolution.

[Harry]

Hi,

The video work when it embed, it now bakery page builder run as background video. It have away use plugin like revolution slider as you said to make video run on mobile device.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts