Caption for an iframe element?

Has anybody gotten a caption on an iframe element to work?

I have tried various codes that I found here, even one by @dimsemenov (https://github.com/dimsemenov/Magnific-Popup/issues/262), but none seem to work.

Here’s my code which is based on the issue linked above:

jQuery(document).ready(function() {
    var url = 'http://google.com';
    var title= 'test';

    $.magnificPopup.open({
        items: { src: url },
        type: 'iframe',
        markup: '<div class="mfp-iframe-scaler">'+
        '<div class="mfp-close"></div>'+
        '<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+
        '<div class="mfp-bottom-bar">'+
        '<div class="mfp-title"></div>'+
        '</div>'+
        '</div>',
        titleSrc: function(item) {
            return title;
        },
    });
});

[petertwise]

You can take a look at the html I’m working with here: https://1beat.org/videos/

• groups of links contained in a <div class="playlist_container"> open up youtube videos in an iframe
• multiple series of these groups appear on the page, each series should be its own gallery; prev/next should not scroll through every item on the whole page
• Title should always appear and should update when you use the prev/next gallery buttons.

[petertwise]

Sadly now there is less control over the youtube iframe display so you see the title on the video too. LOL…