Double sound and Autoplay issue on YouTube Video using Content Area Model

[planet]

Hello Dev,

We are facing a strange difficulty on our website while using the element Content Area Modal to play a YouTube video.

Below is the iframe code we are using

<div class="iframe-container"><iframe class="responsive-iframe" src="https://www.youtube.com/embed/0ENpHkc2AAQ?autoplay=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>

The issue is with the autoplay of the video and the correct sound.

Eg link: https://a.plant-for-the-planet.org/es-es

The use case is to Play a video on click on the same window on popup. Surprisingly, the same method is working correctly on the landing page https://a.plant-for-the-planet.org

How can we fix this, to play it correctly? Is it a plugin conflict or a problem with pro update?

Please help.

Thank You.

[marc_a]

Hi @planet,

I just check your account and you have so many websites associated with it. Would you mind sharing the link URL of the website you’re having an issue? and also please give us the following information in a Secure Note.

• WordPress Login URL
• Admin level username and password

You can find the Secure Note button at the bottom of your posts.

Thank you.

[tristup]

Hi @planet,

It seems that you are using the older version of Pro, I would suggest you update it to its latest version i.e. 4.3.3, and check if the issue is resolved. Please let us know if that still exists and we need to investigate it further.

Thanks

[planet]

Hey @tristup

I just updated it to the latest version.

The problem still persists, Can you please see to it.

Thank you.

[ruenel]

Hello @Planet,

Please edit the page and enable/disable the “Dynamic Rendering” option of the Content Area Modal.

Kindly let us know how it goes.

[planet]

@ruenel

This doesn’t solve the problem.

If the “Dynamic rendering” is off – Autoplay continues to happen if the modal is closed. This is not expected.

And If it is left on, it has created the issue of double playing.

I tried saving it with it off, and resaving it with on, no change in expected behavior.

On a similar note - I saw there is a new Modal element, However I couldn’t find dynamic rendering option for that. Is that available, or planned?

[ruenel]

Hello @planet,

I have disabled the dynamic rendering. When I test the page in Chrome, there is no muffled or double audio sound.

Kindly check the site in another browser or by using the private browsing mode. Thanks.

[planet]

Hello @ruenel

The issue still persists, on all browsers.

Can you please look into it again.
Link: https://staging.a.plant-for-the-planet.org/es-es/

Thank you.

[ruenel]

Hello @Planet,

I created a test page using the new Modal element and it is still the same. There is a double sound or muffled sound effect. This could only mean that you cannot have the Youtube video set to autoplay. It is best that you turn OFF the autoplay or use a direct video URL by uploading the video into your site and use a video player element instead.

You can check out the test page in the secure note.

[planet]

@ruenel This is a bug that was spotted on the recent updates. Can you please alert the devs on this?

We had used this feature without issue for several months before.
Or there could be a feature request to support autoplay on the new modal element.

[tristup]

Hi @planet,

The Modal element does not have the option for dynamic rendering as the Content Area Modal, and that is the reason behind your issue. Although the Content Area Modal is removed from the element list, the Dynamic Rendering feature is one unique case where the content area modal might still be more useful. You can use the Content Modal Area element, by enabling it from Pro > Settings.

Please note that the point has been already added to our feature request list so it might be taken into account in the future.

Hope it helps.
Thanks