Product video URL no longer working

Hi, we have multiple products that contain a video. For some reason the video playback is no longer working. We use the Product video URL option when editing a product. We attached a couple of screenshots.

We already tried:
– Cleaning the cache (Litespeed)
– Deactivating cache (current situation)
– Deactivating all plugins
– Saving the product
– Embedding the same video in a page to make sure that Youtube allows the embeding of this video (works)

Attachments:

You must be logged in to view attached files.

Hello,

Please, disable all plugins that are not related to our theme and provide us with your admin access. We will log in and check what is wrong there.

Thank you in advance

Hi Artem, we found out the plugin causing the issue. It seems that Google Tag Manager is causing the video to not load. There’s a few custom tags for remarketing purposes in Tag Manager but I’m not sure if that’s something you’re willing / able to help with?

We’re using the plugin Google Tag Manager 4 WordPress, whenever we enable the container to load GTM, the video stops working.

Please, send us your admin and FTP access so we can check this on your website.

See private content.
This is a testing enviroment, please do not disable the maintenance mode. Thanks!

We need your FTP access as well.

My bad, FTP access is in the private content area.

Regarding the test site you provided in the video, it works when the Google Tag Manager plugin is enabled. This indicates that it is not configured. Could you please configure it to identify the issue, or provide similar access only to the main site where it is not working?

Hi Artem,

Thanks for checking. The GTM plugin was still enabled and when I test the product video’s it still does not work.
I have checked two products, i’ll link both of them in the private content area. Maybe you can check those as well.
To be clear, I mean the video behind the third picture, so not the extra ‘watch video’ option above the ‘click to enlarge’ button.

I now see that my colleague wrote about the wrong video. Sorry for that.

Try to add the following code snippet to the Custom JS area in Theme Settings to fix this issue. Let us know how it works

window.addEventListener('load',function() {
	if ( document.querySelector('.woocommerce-product-gallery .wd-carousel-item.wd-with-video') ) {
		let tag = document.createElement( 'script' );
		tag.src = "//www.youtube.com/iframe_api";
		let firstScriptTag = document.getElementsByTagName( 'script' )[0];
		firstScriptTag.parentNode.insertBefore( tag, firstScriptTag );
	}
});

Hi Artem, thanks for providing the fix! It seems that the video is working again (I send our cliënt an email to confirm this). Is this a bug in the template or is this only the case with our client (and all the plugins and customizations that we have)?

It seems to be our theme’s bug and it will be fixed in our next theme update.

Kind Regards

Alright thanks for letting us know. You can close this ticket.

[Author]

Posts