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

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



我怎样才能做到这一点？

我的代码：

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

最佳答案

默认情况下，字幕仅适用于图像类型。

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

关于javascript - 在视频弹出窗口下方添加一些文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20986219/