0

我有以下代码来显示一个花式框窗口来显示一个 youtube 视频。

jQuery(document).ready(function ($) {
    $('.fancybox').fancybox({
        openEffect: 'elastic',
        closeEffect: 'elastic',
        helpers: {
            media: {
                youtube: {
                    params: {
                        autoplay: 1,
                        rel: 0
                    }
                }
            }
        }
    });
});

我想用按下链接的relHTML5 自定义数据属性 ( )替换视频参数，例如。data-*您可以在以下位置查看示例：

http://jsfiddle.net/poselab/LrvR8/

4

1 回答 1

0

您可以使用如下回调获取data-fancybox-rel属性的值（如您的示例中所示） ：beforeLoad

beforeLoad: function () {
    dataRel = $(this.element).data("fancybox-rel");
}

...假设您已dataRel在全球范围内声明。

rel然后使用媒体助手的选项将其作为返回参数传递，例如：

rel: function () {
     return dataRel;
}

请参阅分叉的 JSFIDDLE

于 2013-05-29T05:24:45.413 回答