Skip to content Skip to sidebar

This thread is resolved. Here is a description of the problem and solution.

Problem:
You are using the Gumlet service to embed a video link on a page with the Divi builder. The video displays correctly in the default language but not in the English version. After translating the page, the video shows just an empty block. This issue might be related to WPML adding comment tags in the translation editor, which could be disrupting the video display.
Solution:
First, ensure that the code for the video embed does not contain unnecessary extra spaces or line breaks. Proper formatting is crucial as shown in the example from W3Schools.
Next, avoid translating the code via the WPML editor as it can break the code upon saving the translation. Instead, update the content in the default language and resend it for translation. We have addressed this issue on our side, so please make sure to update your WPML plugins and check if the problem persists.

If this solution does not resolve your issue or seems irrelevant due to being outdated or not applicable to your case, we highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If problems continue, please open a new support ticket.

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

Tagged: 

This topic contains 6 replies, has 0 voices.

Last updated by Dražen 1 week, 5 days ago.

Assisted by: Dražen.

Author Posts
February 9, 2025 at 7:54 pm #16684597

viliamM

Background of the issue:
I am trying to use the Gumlet service to embed a video link on a page using the Divi builder. I use the Code module to add the code generated by Gumlet. The video displays correctly in the default language, but not in the English version. When I manually add the code in the English version, it works until I translate the page. I noticed that WPML adds some comments tags in the translation editor, which might be causing the issue. Link to a page where the issue can be seen: hidden link

Symptoms:
The video is not displayed in the English version of the page, showing just an empty block. Manually adding the code works until the page is translated.

Questions:
Why does the video not display in the English version of the page?
Do WPML comment tags in the translation editor affect the video display?

February 10, 2025 at 8:23 am #16685426

Dražen
Supporter

Languages: English (English )

Timezone: Europe/Zagreb (GMT+01:00)

Hello,

thanks for contacting us.

As far I understand, code should not be translated via WPML editor, since it does show there it breaks the code on saving translation so that is why it does not work.

I created a minimal installation of WordPress, WPML, and all necessary WPML add-ons, and themes.

You can access the WordPress dashboard using the link below:

- hidden link

Please try to replicate the issue with a simple example page.

This will help us to report the probable issue to the compatibility team and solve the possible problem faster.

Regards,

Drazen

February 10, 2025 at 11:22 am #16686607

viliamM

Hi,

I have installed the Divi builder and created the sample page - hidden link. I have added the link to the video - and then translated.

I have then checked - when the page is in English - the video displays fine. When I switch it to Spanish - the video is not displayed.

So it behaves the same as on my website.

February 10, 2025 at 12:59 pm #16687194

Dražen
Supporter

Languages: English (English )

Timezone: Europe/Zagreb (GMT+01:00)

Hello,

I checked and it seems your code had some space and line breaks inside it so it caused an issue with translation. I have removed it, so your code looks like this:

<div style="position:relative;aspect-ratio:16/9;">
      <iframe loading="lazy" title="Gumlet video player" src="<em><u>hidden link</u></em>" style="border:none; position: absolute; top: 0; left: 0; height: 100%; width: 100%;"
allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen;">
          </iframe>
    </div>

Now if you translate it it works fine: hidden link

Please try on your website and let me know if that works.

Regards,
Drazen

February 10, 2025 at 1:40 pm #16687371

viliamM

Hello,

yes, it works fine when I remove all line breaks and free spaces from the code.

What shall I do now?

Why your plugin cannot honor the same line breaks and spaces as in the original (source) code?

I suggest that for the code modules, your translation engine shall not do anything, just copy the original content.

When I tried to do it manually - I received the error, that WPML comments were not used although I used them all.

February 10, 2025 at 2:06 pm #16687713

Dražen
Supporter

Languages: English (English )

Timezone: Europe/Zagreb (GMT+01:00)

Hello,

The general recommendation is to format the code properly without unnecessary extra spaces. As you can see in the next example:

- hidden link

I am also escalating this to our 2nd tier for 2nd opinion if this can be improved or avoided somehow from our side.

In the meantime, I suggest you follow the workaround suggested.

I will update you when I have some news.

Regards,
Drazen

February 5, 2026 at 10:14 am #17795230

Dražen
Supporter

Languages: English (English )

Timezone: Europe/Zagreb (GMT+01:00)

Hello,

thanks for your patience.

Good news, this issue has now been fixed on our side.

Please try updating the content in the default language and re-send it for translation. Let us know if you still notice anything unexpected.

Regards,
Dražen