jquery - Fancybox Youtube参数cc_lang_pref不起作用?

标签 jquery youtube fancybox fancybox-2 params

我正在尝试通过Fancybox传递一些其他参数,以将视频的法语字幕强制显示在英语视频中。当我将它们包括在href网址中时,它们不会传递到iFrame。当我添加时:

youtube : {
    params : {
        autoplay : 1,
        hl : fr,
        cc_lang_pref : fr,
        cc_load_policy : 1
    }
}

到jQuery覆盖,这也不起作用。我已经尝试过hl:'fr'和hl:“fr”,但都没有用。

有没有人成功通过Fancybox传递隐藏字幕参数?

最佳答案

要在fancybox中传递youtube参数,您必须确保:

1)。加载fancybox媒体助手js文件:

<script type="text/javascript" src="{your correct path}/helpers/jquery.fancybox-media.js"></script>

2)。在您的fancybox自定义初始化脚本中启用媒体助手,并在其中传递youtube参数,例如:
jQuery(document).ready(function ($) {
    $(".fancybox").fancybox({
        helpers: {
            media: {
                youtube: {
                    params: {
                        autoplay: 1,
                        hl: "fr",
                        cc_lang_pref: "fr",
                        cc_load_policy: 1
                    } // params
                } // youtube
            } // media
        } // helpers
    }); // fancybox
}); // ready

请注意,language属性(fr)是一个字符串,因此它必须用引号引起来。

JSFIDDLE

初始化脚本的另一种格式可以是:
jQuery(document).ready(function ($) {
    $(".fancybox").fancybox({
        helpers: {
            media: true
        }, // helpers
        youtube: {
            autoplay: 1,
            hl: "fr",
            cc_lang_pref: "fr",
            cc_load_policy: 1
        } // youtube
    }); // fancybox
}); // ready

请注意使用这种格式的,您不需要params选项中的子选项youtube

JSFIDDLE

关于jquery - Fancybox Youtube参数cc_lang_pref不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28505340/

相关文章:

ruby-on-rails-4 - 如何正确使用/配置 YT gem?

youtube - 从 YouTube 视频中提取字幕不再有效

javascript - 为什么我的 fancybox 功能不起作用?

jquery - 在 JQuery 中悬停比鼠标悬停有什么优势?

c# - 在 Asp.net webforms 中从 JavaScript/JQuery 调用 C# 函数

jquery - jquery 移动应用程序中滚动条不可见

javascript - 如何禁用通过 mousemove 滑动 fancybox 幻灯片

javascript - 如何使用 JSON.parse() 显示正确的值?

actionscript-3 - 如果在自己的域上播放,如何播放YouTube视频

php - 如何将 Instagram 照片拉到我的博客并与 Fancybox 集成?