Problem with Presto Player “POSTER IMAGE” : placeholder not showing

Hi @laugau,

I suspect that when Complianz blocks the Presto Player scripts prior to consent, this has an effect on the “Poster Images” it tries to add as well.

You can either use the ‘automatic’ YouTube placeholders that are added to Presto Player elements to prevent an empty image from appearing prior to consent.

Alternatively, you can restore the full Presto Player functionality and use “Poster Images” by telling Complianz not to block Presto Player prior to consent, by disabling the Presto Player integration under Complianz > Integrations > Plugins.

Kind regards,
Jarno

Hi @jarnovos,

First thanks for your quick reply! <3

Unfortunately, not blocking Presto Player in the “Integrations” panel doesn’t solve the problem. I recorded a video here :

https://share.cleanshot.com/0s8ylUdoPpSSrVUvO2JH

I can provide the login for the demo if needed.

I really wish to make ComplianZ to work with Presto Player, even with custom code.
Thanks again for your help. ??

Hi @laugau,

Can you try performing the same actions, but without the LiteSpeed Cache plugin activated, to see if that makes the difference?

That would tell us whether the caching/optimization features might be causing this behavior to occur on your site.

Kind regards,
Jarno

@jarnovos : LSCP is totally disabled, it’s just a blank OLS install made via GridPane for testing purpose. Page cache and object cache are disabled from start.

Hi @laugau,

I’ve set this up with Presto Player (+ poster image) and Complianz (+ the YouTube integration enabled under Complianz > Integrations > Services), but can’t seem to break it no matter how often I revoke/accept.

Example page: https://pesto.instawp.xyz/sample-page/

Any idea what the difference with your set-up might be?

Kind regards,
Jarno

Hi @jarnovos, thanks again a lot for your efforts. ??
So I run another batch of testing and I think I have isolated the problem:
https://share.cleanshot.com/e6ZnsJq6ssisIKl7Q5Al

In short it’s due to the “Lazyload” option in Presto Player.
But the thing is that the Poster Image is never displayed when Youtube is blocked… (no matter if it’s lazy loaded or not) and it shouldn’t be the case.

Hi @laugau,

The “Poster Images” not appearing is because the Presto Player integration in Complianz blocks the Presto Player script(s) before consent is obtained, so that it can’t load any YouTube (or Vimeo) content at that point. And therefore might also prevent it from setting those Poster Images, and the Complianz placeholders would be displayed instead.

Kind regards,
Jarno

The thing is that when Lazyload is enabled in Presto player the placeholders from ComplianZ are not showing at all.

Hi @laugau,

Where do I find the lazy load feature? I think I have most options activated in the Free version of Presto Player, but can’t reproduce this behavior.

As long as you have the YouTube integration and placeholders activated in Complianz (Integrations > Services), as well as the Presto Player integration (Integrations > Plugins), it should yield the same results as on the below example page:

https://pesto.instawp.xyz/sample-page/

The other way around would work the same, meaning that if you de-activate the YouTube and Presto Player integrations in Complianz; this will restore Presto Player’s full functionality, and it also loads the YouTube API without consent in the process.

Kind regards,
Jarno

Hi @jarnovos ,

Here is how to find the lazyload feature in Presto Player (not sure if it’s exclusive to the premium version) : https://share.cleanshot.com/6CxPSZMGH4t4M9Q0aoPP

You will see the problem when it’s enabled.

Have a great day,
Laurent

Hi @laugau,

Alright, that helps to clarify. I don’t see the Lazy Load option, so I expect that it isn’t included in the Free plugin. In any case, the behavior can be explained like this:

Without Lazy Loading, this element is a “regular” iFrame; which the Cookie Blocker understands. But when activating Lazy Load in Presto Player, the element is no longer an iFrame and instead becomes a custom <presto-player> element.

The Cookie Blocker doesn’t recognize the latter yet. I’ll attach a snippet below, which you can use to add these tags to the Cookie Blocker; but as I don’t have the Pro version of the Presto Player, I haven’t been able to test it myself.

https://raw.githubusercontent.com/Really-Simple-Plugins/complianz-integrations/master/presto-player-lazyloading.php

You can save this as a .php file, and upload to the folder /wp-content/mu-plugins/ for it to take effect.

Curious to hear about your findings!

Kind regards,

Jarno