Home>Support>SiteOrigin video background not responsive

SiteOrigin video background not responsive

I have a video background playing back on my frontpage. I placed the video background by creating a single column full-width row and enabling the Video Background option under the row settings. (I had the SiteOrigin Video Background plugin installed hence the ability.)

Note: I DID NOT USE SiteOrigin HERO FOR THIS. THERE ARE NO OTHER WIDGETS ON THE ROW.

So under the video background setting, there is an option to insert the URL for a fallback image. I did upload one and insert the link.

So here’s the thing. When I test out my site on mobile phones, the fallback image DID NOT appear AT ALL. I could still see my background video playing back.

I checked the CSS codes on my site using Google Chrome, I realized that the “autoplay playsinline muted” line has the “muted” code in it. I read that by removing “muted” the video background would not play on mobile devices and instead the fallback image will load in place of that. But from what I’ve tried so far, there is not way I can access the CSS code on SiteOrigin Page Builder for me to do that.

Is that a work around for this? Or is there any CSS code/script that I could add in the “Additional CSS” section to achieve this?

Thanks in advance!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 3 months, 4 days ago Andrew Misplon Hi, I Work Here

    Hi :)

    Thanks for reaching out.

    I’m, unfortunately, not familiar with the plugin you’re using, SiteOrigin isn’t the author. It would be best to reach out to the plugin author, they’ll be best equipped to offer assistance. Is this perhaps the plugin here: https://wordpress.org/plugins/video-background/ If so, the support forum for that plugin is found here: https://wordpress.org/support/plugin/video-background/

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More