Video on the product page does not load

This is a new website using elementor as a page builder
The YouTube video does not load, even though it is a very short video of 8 sec.
Since it is a jewelry site, I can’t reduce the video quality

Hello,

Please disable all plugins except these ones:

Elementor or WPBackary
Woodmart Core
WooCommerce
Enable the Parent theme

Then activate the plugins one by one, checking the issue to detect which one causes the problem.

Let me know the result.

Kind Regards

I did what you asked me to do
and unfortunately, the problem is caused by Elementor Pro
Is there any chance the problem is due to the hosting resources?

Hello,

Please give me access to the admin panel – https://prnt.sc/mJXPYExUejqM

Thank you in advance.

Kind Regards

Hi
The access has been granted
Sorry it took time

Hello,

Please add the following code in the “On document ready” area in Theme Settings -> Custom JS:

if ( document.querySelector('.woocommerce-product-gallery .wd-carousel-item.wd-with-video') ) {
	const tag = document.createElement( 'script' );
	tag.src = '//www.youtube.com/iframe_api';

	const firstScriptTag = document.getElementsByTagName( 'script' )[0];
	firstScriptTag.parentNode.insertBefore( tag, firstScriptTag );
}

Then clear the cache and recheck the issue.

Kind Regards

Thank you very much
It works now
Until the next Elemntor Pro version 🙂

Hello,

In the 7.5 version of our theme, this fix will be available by default.

If you have any additional questions, let me know, or may I close this topic?

Thank you fro your time.

Kind Regards

[Author]

Posts