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

标签 jquery iframe youtube fancybox fullscreen

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

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

它工作正常,但禁用了“全屏”选项
enter image description here

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

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

最佳答案

易用的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

关于jquery - 带有全屏模式的fancybox iframe弹出窗口中的youtube vudeos,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34615596/

相关文章:

jquery - 使用 JQuery 进行本地化?

javascript - 为什么这个表单不能使用 AJAX 提交?

javascript - 显示下拉菜单以选择 iframe 中的内容

html - iframe src 属性动态地作为 URL Angular2

android - Android 中的 YouTube 播放器 (YouTubeData API v3)

javascript - 在单个页面中处理多个电子邮件 HTML

jquery - 对于使用 Microsoft 工具(asp.net mvc 或 silverlight)的数据输入密集型 Intranet 应用程序,您会推荐哪种技术堆栈?

javascript - 通过 iframe 脚本加载器避免全局污染?

jQuery Fancybox 通过 YouTube 视频打开

android - 如何将YouTube播放列表粘贴到ListView-Android?