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

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