Video not showing, problem with mejs-container styling

[liquidedge]

I have a video that isn’t visible on the page. It briefly flashes up and disappears.

In the past I’ve used this styling to fix the issue:

.mejs-container {
	height:100%!important;
}

However in this case it doesn’t work.

Everything is set up fine- if I manually specify a pixel height on .mejs-container it displays and plays just fine, but obviously not all my videos are the same height.

A fix for this?

[liquidedge]

[nabeel]

Hi @liquidedge,

Thank you for reaching out to us. I checked your page and I coudn’t find any video on the page you shared and there is no white space either. I believe you’ve removed the video and added a slider instead:

However I noticed, you’re using an outdated version of Pro which could be causing the issue. Please update your theme and plugins to the latest version. You can find the latest version numbers here: (https://theme.co/docs/version-compatibility) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Let us know how this goes!