在视频弹出窗口下方添加一些文本

Question

我想在我的视频弹出窗口下方添加一些文本，例如示例图片：

我该怎么做？

我的代码：

$(document).ready(function () {
    $.magnificPopup.open({
        items:[
            {
                src: 'http://www.youtube.com/watch?v=p_I70TYm9qQ',
                type:'iframe'
            },
        ],
        type: 'iframe'
    });
});

Answer 1

默认情况下，标题仅适用于图像类型。

要使其与iframe 类型一起使用，您需要添加将持有标题的元素iframe markup 并在markupParse 回调中对其进行解析，例如：

callbacks: {
  markupParse: function(template, values, item) {
   values.title = item.el.attr('title'); // will use title attribute of target DOM element
  }
}

这里是示例http://codepen.io/dimsemenov/pen/zjtbr