youtube vudeos里面的fancybox iframe弹出全屏模式

Question

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

我有主页和名为“视频”的特殊页面，当点击主页中打开iframe弹出窗口并在iframe中显示hte“视频”页面时显示。

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

当我在wordpress管理员中定期浏览页面时，它在单独的浏览器中工作正常。

我理解这是因为我试图在iframe中打开它。 那有什么解决方案吗？ 感谢

Answer 1

easy fancybox插件使用fancybox v1.3.4并禁用全屏选项，因为（fancybox）iframe没有allowfullscreen属性。

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

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

您可能需要询问插件的作者如何做到这一点 https://wordpress.org/support/plugin/easy-fancybox

我假设您使用网址embed格式来调用您的视频，例如：

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

并将fancybox type设置为iframe

使用此方法启用/禁用全屏启用 DEMO 。