Background video not visible in Safari or Firefox

Support
#1

Has anyone experienced Safari or Firefox not loading video backgrounds? I haven’t updated to the latest Pro or WP 4.9 yet on this site.

It loads fine in Chrome. Just wanted to check here before I start the update process. Thanks!

#2

Hi @brandandbrush,

Thanks for writing in.

You can follow the link below in regards to this issue.

Let us know how it goes.

Thanks.

#3

Hi @nico,

Thanks for your reply. I’m running Pro 1.1.0 and WP 4.8.3 on that site, production stalled a bit when the client was slow to get us content. Will updating to the latest X Pro wipe out customizations we’ve made? For example, we use Text boxes almost exclusively in our sections.

Thanks,

John

#4

Hi again,

If you’ve used Child Theme for the Customization then there is nothing to worry about or if you’ve not made any code level change in the parent theme then you can safely update your theme to the latest version. Just in case, make sure to backup the running version of your site before updating theme and plugins.

Hope this helps!

#5

Thanks @Nabeel and @nico. I updated to the latest version of Pro, but I’m still not able to see the background video in Safari. It displays fine in Chrome. Any ideas? Here’s the link: http://wordpress-82040-296853.cloudwaysapps.com

Thanks,

John

#6

Hey John,

There seems to be a custom css that hides the video. To resolve this, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-video.bg.transparent {
  opacity: 1;
  transition: opacity 1s ease;
}

Hope this helps. Please let us know how it goes.

#7

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