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

时间:2014-01-08 03:01:48

标签: javascript jquery magnific-popup

我想在我的视频弹出窗口下面添加一些文字,如示例图片:

http://i.stack.imgur.com/eiiOW.png

我该怎么做?

我的代码:

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

1 个答案:

答案 0 :(得分:3)

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

要使其与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