Youtube embed video link

Hi. I try insert embed YT video link like “http://www.youtube.com/embed/uz8NDWopZyU” with iframe

$.magnificPopup.open({
                        items: {
                            src: video,
                            type:'iframe'
                        },
                    })

But YT return error. In the html of iframe tag I’ll see next link:

<iframe class="mfp-iframe" src="//www.youtube.com/embed/http://www.youtube.com/embed/uz8NDWopZyU?autoplay=1" frameborder="0" allowfullscreen=""></iframe>

In advance I don’t know what the link is.

[WJakub]

Late to the party, in case someone needs to use the actual embed URL for Magnific, here is my process:

• Write a function that gets the input URL, checks it’s format and then ensures that the /embed/ url is returned.
• In Magnific markup always use the processed URL which is in the embed format.
• Add the following patterns to magnific, to essentially use the input URL as the url without processing it further:

// Video popup, Backend enforces embed URL before it gets here.
    $('.js-popup-video').magnificPopup({
        type: 'iframe',
        iframe: {
            patterns: {
                youtube: {
                    index: 'youtube.com/',
                    id: function (url) { return url },
                    src: '%id%'
                },
                vimeo: {
                    index: 'vimeo.com/',
                    id: function (url) { return url },
                    src: '%id%'
                }
            }
        }
    });

[cyberwani]

This solution will work best for all YouTube link patterns. https://stackoverflow.com/a/48696208