Trying to use a background video using my theme's (PRO by Themeco) page builder. I've isolated the issue to a conflict occurring with Toolset Blocks. If I disable Toolset Blocks the video backgrounds work just fine.
The issue occurs on the page here: hidden link
- The video is self hosted, using the full video link to the mp4 file
- PHP is 7.3
- Theme and Plugins are all fully updated
I've also submitted a support ticket with the theme developer for any advice they may be able to provide.
Since my previous reply was private, I thought I would post a public one as well for anyone that may be having a similar issue.
The videos mentioned above are not background videos and are embedded videos on the page. The issue arises when attempting to play a video directly on the page, not embedded to an outside player(e.g. YoutTube, Wistia, Vimeo). The problem appears to be a conflict between Toolset Blocks and MediaElement (hidden link).
Any suggestions or help would be greatly appreciated.
Hello. Minesh is on vacation, if you don't mind, I'll continue with you on this issue.
I was able to login to your website and I can see that the page is built with some shortcodes that are probably added by the theme or a 3rd party plugin. Check this screenshot hidden link
I then understood that this is the way the page builder "Pro" works, right? hidden link
If I disabled Toolset Blocks, I can see the background video, but I was not able to find out how it was configured on the "Pro" editor, this would be required if we will escalate this compatibility bug to our developers.
Additionally, before I can escalate this issue, I'll need to reproduce it on our platform, for that reason, I have created a new installation, you can connect to using the following link: hidden link
Please install the "Pro" theme on it and only the required plugin, none if possible, create one section with a background video, and If the issue is reproduced, I'll escalate it to our compatibility team. I'll still need to know how the video is configured, maybe a screencast, using Loom or screencastify can help us see how.
If the issue is not reproduced on this test installation, I'll need to take a copy of your website and test it on my computer or on our platform. We will, first, check if the issue is reproduced on a minimal setup(only Toolset plugin and the Pro theme), or if the issue is also triggered by another plugin.
I hope this makes sense. Let me know your feedback.
Jamal is on vacation and I'll take care of this ticket.
I checked the access details and its not working at this end. Can you please send me working admin access details.
*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.
I have set the next reply to private which means only you and I have access to it.
As you can see from the exchanges with Jamal, he already verified the issue on my site and setup a new installation on your platform. He was able to reproduce the bug there as well.
Per his last communication "I escalated this ticket to our 2nd Tier for another analysis before escalating to our developers. I'll keep you updated as soon as possible."
Since you already have an instance setup that replicates the issue, do you still need access to my site?
I provided Jamal with a code solution for the problem, sorry it hasn't found its way to you yet.
The video is added to the page but obscured by declarations from a core media CSS file which Toolset enqueues.
You can fix the problem with the following code snippet that dequeues the Toolset file which loads these as a dependency.
You'll need to edit the code to provide slugs or IDs of the pages where you want to dequeue the files, i.e. the pages where you are using this background video. I'm not sure what they are on your site and I don't have access to it.
add_action('wp_print_styles', 'ts_dequeue_styles', 1);
function ts_dequeue_styles()
{
if ( is_page( array('page-1', 'page-2') ) ) // Edit pages to exclude TS pagination styles
{
global $wp_styles;
wp_dequeue_style('views-pagination-style');
}
}
