Youtube video not working with popup

Hi @festanca,

We checked your popup in the link you provided but couldn’t see any elements related to a youtube video.

If the code is somehow being stripped, we might need to look closer at your setup.

Could you send us a support ticket here: Support Request – Popup Maker

We’ll wait for your message!

Dear @kimmyx ,

Thank you so much for your kind reply.

Yes, I took out the code of the youtube video from the popup because it was not working.

In the meanwhile, I’ve put it there again and it still doesn’t work.

Do you know what is happening? Thank you very much.

Hi @festanca

We’ve seen your new email on our support website.

The video is not showing because of the WordPress block – Embed. It pushes the video down out of the content.

Can you check your inbox, and try the solution using the WordPress block – Custom HTML?

Kindly follow the steps we suggest.

Let us know what happens. Thank you!

Hey @festanca ,

I see a couple of problems:

1. There’s a picture-in-picture violation in the console. Please remove the “picture-in-picture;” parameter from your video embed code to fix that.
2. For the video not displaying, I wonder if lazy loading is blocking your video from showing. Because I see something forcing the video to have 0 width and 0 height. Generally, lazy loading videos doesn’t work well in a popup. Try turning off lazy loading for that popup or that page.

If you still can’t see the video after turning off lazy loading, you can try custom code to force the video to display. Here’s some code I added to a local test copy of your page.

        jQuery(document).ready(function ($) {

            $('#pum-2886')
                .on('pumAfterOpen', () => {
                    $("iframe").css({
                        "width": "100%",
                        "height": "100%"
                    });
                    console.log("Should have set the iframe's width and height by now.");
                });

        }); // jQuery

You can see how my code forces the video to display when the popup opens.

https://share.wppopupmaker.com/P8uNAmNJ

Here are instructions for adding custom JavaScript to your WordPress site.

https://docs.wppopupmaker.com/article/84-getting-started-with-custom-js

Only try the custom code that as a last resort.

If you’re tired of mucking around with all that, you might want to check out the Popup Maker Videos extension. It should get you up and running in a couple of clicks. And, you won’t need to write custom code to stop/pause your video after someone closes the popup. You’ll probably notice that happen if you get the video to display.

Cheers!

• This reply was modified 1 year, 9 months ago by mark l chaves. Reason: Copy/paste error in the code block

Hi @festanca

I’m going to mark this as resolved, as we haven’t heard from you in a while.

Feel free to create a new thread if you have any other questions.

Thank you!