带有全屏模式的fancybox iframe弹出窗口中的youtube视频

【问题标题】：youtube vudeos inside fancybox iframe popup with fullscreen mode带有全屏模式的fancybox iframe弹出窗口中的youtube视频
【发布时间】：2016-04-09 12:12:27
【问题描述】：

当 YouTube fullscrenn 模式位于 iframe 花式框弹出窗口中时，我遇到了问题。我正在使用 wordpress + easy fancybox plugin

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

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

当我在单独的浏览器中定期从 wordpress 管理员中打开页面时，它工作得很好。

我知道这是因为我试图从 iframe 中打开它。有什么解决办法吗？谢谢

【问题讨论】：

标签： jquery iframe youtube fancybox fullscreen

【解决方案1】：

easy fancybox 插件使用 fancybox v1.3.4 并且 fullscreen 选项被禁用，因为 (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 使用此方法启用/禁用全屏。

【讨论】：