Question

我有以下代码来显示fancybox窗口以显示youtube视频。

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

我想用压缩链接的HTML5自定义数据属性（rel）替换视频参数，例如data-*。您可以在以下位置查看示例：

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

Answer 1

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

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

...假设您已全局声明dataRel。

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

rel: function () {
     return dataRel;
}

请参阅分叉 JSFIDDLE

fancybox，更改youtube的媒体参数

1 个答案: