jquery - 带有全屏模式的fancybox iframe弹出窗口中的youtube vudeos

Question

在iframe fancybox弹出窗口中时，我在youtube fullscrenn模式下遇到问题。
我正在使用wordpress + easy fancybox plugin

我有一个主页和一个称为“视频”的特殊页面，单击该页面上的按钮会打开一个iframe弹出窗口，并在该iframe中显示“视频”页面，从而显示该页面。

它工作正常，但禁用了“全屏”选项


当我在单独的浏览器中的wordpress管理员中定期整理页面时，效果很好。


我了解它的发生是因为我试图从iframe中打开它。
有什么解决办法吗？
谢谢

Answer 1

易用的fancybox插件使用fancybox v1.3.4，并且由于(fancybox)iframe没有allowfullscreen属性，因此禁用了全屏选项。

您可能需要使用onComplete回调添加它，例如:

onComplete : function () {
    $("#fancybox-frame").attr("allowfullscreen", "allowfullscreen")
}

您可能需要询问插件的作者该怎么做
https://wordpress.org/support/plugin/easy-fancybox

我假设您正在使用URL embed格式调用视频，例如:

<a class="fancybox" href="http://www.youtube.com/embed/SvKmSNxFHyQ">open youtube iframe</a>

并将fancybox type设置为 iframe
请参阅启用/禁用全屏的 DEMO 。