Embedded Youtube Video Won’t Play Inside Popup

Hello,

I have Youtube embedded in my exit popup. Once they try and exit it pops up. The popup has a video module displaying at the top. And headlines and BB module buttons below.

The issue is, when you embed a Youtube video into a page, it weights the page down. Makes it take longer to load because it adds like 500kb’s to the page.

So, I figured out that you have to jimmy it by making the thumbnail load only. Then when the user clicks play, then the entire Youtube player and video loads. Which in effect removes the page weight problem.

So, to do this I have a cache plugin, WP Rocket. They have a setting which allows you to lazy load the youtube iframe and another which allows you to set it so the thumbnail image loads first. And everything else in Youtube only loads on the page once they click play.

So once the popup shows, everything populates, but the video does not show.

When I test everything on the popup url, everything works as it should.

The popup shows, the video shows and can be played, and the buttons I click on the popup allow the quiz, or video to play in front of the popup.

When I test the popup inside my site, nothing works correctly. It shows, but the top video does not show. And when I click on the button below, you can’t see the action of the button (quiz or video embedded in the button) unless you close the popup.

For some reason for me since it’s my site, the video shows and plays. But when tested in Chrome incognito mode, nothing works correctly.

Even both popups urls (posted below) when tested in incognito mode. Work perfectly.

Here is the url of the exit popup, as you can see it works perfectly.

https://catholicalpha.com/wpd-bb-popup/20-mm-exit-popup-video/

And just to show you that it isn’t a one time deal. Here is another popup that does the same thing. It works perfect on the url. But when I place it in a BB button and it pops up, the video won’t play and any of the buttons won’t display the button contents properly if it’s a video or an embedded quiz.

https://catholicalpha.com/wpd-bb-popup/20-mm-global-video-popup/

With this popup I thought that if I created an custom thumbnail to show, and then place a BB button module (it says play) over it. That once I click play the video would play. And it doesn’t.

I don’t have this popup on the site right now. But it operates just as the one above in the url test. But on the site it doesn’t show the video, and for the video or quiz to show, I must close the popup.

Again, all works perfect when I have the iframe youtube video thumbnail option off. And just use plain lazy load.

Thanks

Jerry

The page I need help with: [log in to see the link]