Background Video & JetPack

[uxmediahouse]

I hate Jetpack… Ill say that first. But I have a few clients that want it on their site for the ease of printing mailing labels in WooCommerce.

But, it is STILL disabling background video when activated. Is this a JetPack thing or a Themeco thing?

Is there any way you guys can fix this for us… it drives me nutz, and the client too. She has to enable/connect jetpack when she wants to print labels, and then disable it afterwards.

[tristup]

Hi Riceman,

Thanks for reaching out.
It is an ongoing issue in the Jetpack, I would suggest you go through the following issue if that helps.

Unsolved issue that was closed - videos don't display with any Jetpack after 9.8.1

Hi Pyanfar, I have checked in my local environment and found that the issue is still exists with the plugin version 10.1. I have also checked that the issue does not persists with the default themes like Twenty Twenty. I will report this to our Issue Tracker to let our development team aware of it. For now you can add the following custom CSS to the Theme Options > CSS as a temporary fix. .mejs-container.x-wp-video-shortcode { position:unset; } Thanks

Thanks

[uxmediahouse]

Thanks… tried it, see screenshot.

but homepage video is still not playing:

Home Page - CAYA Studios

i emptied cache… no luck. any ideas?

[ruenel]

Hello Riceman,

I have checked your page and I could not find which section has the background video.

Can you please point us where to find the video? Thanks.

[uxmediahouse]

Sure, its in the header assigned to the homepage:

[tristup]

Hi Riceman,

I have cleared the Lightspeed Cache and now the video is playing in the background properly. If you are still facing the issue, I would suggest you check once by clearing all types of cache including the Style Cache from Cornerstone > Settings > System > Clear Style Cache and check in the incognito/private mode of the browser.

Thanks

[uxmediahouse]

Hmmm, i cleared Lightspeed twice. But i did not clear the style cache. Thanks for the help!

[tristup]

Hi Riceman,

Glad that we are able to help you.

Thanks

[uxmediahouse]

Sorry to pester you again with this. I didnt have JetPack “connected” . So I did that, and the video is not working now. I cleared Litespeed (twice) and style cache, tried in incognito windows in brave and chrome… no luck.

[ruenel]

Hello Riceman,

The code in the other thread does not works for you. Using your browser’s Development Tool, you can check the live HTML code and find which CSS selector you need to use or what CSS code has been used to style the page.

Check out this video demonstration:

Dev Tools demo

If we try that in your site, you will get this code:

So, we can then create a custom CSS code for you site like this:

The code above serves as an example code. Feel free to modify it when needed. Please note that custom coding is beyond the scope of our support. You will have to maintain any custom coding to make sure that it will still work after any updates or does not create any issues or incompatibility in the future.

Hope this helps.

[uxmediahouse]

Helps immensely. Thank you!

[marc_a]

Hey Andrew,

You’re welcome! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.