具有全屏模式的 fancybox iframe 弹出窗口中的 youtube vudeos

Question

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

我有主页和名为 "videos" 的特殊页面，当单击主页中的按钮打开 iframe 弹出窗口并在该 iframe 中显示 hte "videos" 页面时显示。

它工作正常，但它禁用了 "fullscreen" 选项

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

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

Answer 1

easy fancybox 插件使用 fancybox v1.3.4 并且 fullscreen 选项被禁用，因为 (fancybox) iframe 没有 allowfullscreen 属性。

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

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

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

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

并将 fancybox type 设置为 iframe

使用此方法查看 DEMO 全屏 enabled/disabled。

youtube vudeos inside fancybox iframe popup with fullscreen mode