iframe相关内容

AJAX 和 YouTube:“X-Frame-Options"到“SAMEORIGIN".

我正在编写一个网站,通过 jQuery 动态加载内容.这样做的原因是让音频播放器保持运行状态,同时无需刷新即可浏览页面内容. 在尝试让 YouTube 视频正常运行时遇到问题,设置如下. 站点内容使用 .load() 加载,对于视频页面,它包含指向 YouTube 视频的无序列表链接,每个链接都有一个空的 用于 的.单击链接会增加 并将 嵌入视频. 一切正常,除了 不 ..
发布时间:2022-01-06 16:12:08 前端开发

如何让 jquery-ui 自动完成退出 iframe?

是否可以将自动完成(jQueryUI)的建议从一个 iframe 中取出,并具有与“select"元素相同的行为?我举一个例子: http://jsbin.com/ehidef/1 解决方案 事实上,这是可以做到的,尽管有些样式是强制性的.jQueryUI 接受一个元素来附加选项,您可以将父窗口作为该元素传递.一个例子: 主窗口: ..
发布时间:2022-01-05 13:03:47 其他开发

如何以百分比设置 twitter 的嵌入式时间线宽度(响应式/流畅设计)

我想设置 twitter 的嵌入式时间线,当你有一个固定的设计,但这不是我的情况,我实际上是在为新网站构建流畅且响应式的设计. 我的问题是,我如何设置 twitter 的嵌入式时间线,因为它是 iframe 和你应该在你的推特账户中设置 px 吗? 谢谢:) 解决方案 感谢大家,我找到了解决方案:这几乎和缺乏所说的一样,但我们不得不把注意力集中在 iframe 上: .MyC ..
发布时间:2022-01-04 18:45:48 其他开发

垂直居中响应 iframe

我正在使用此处描述的技术来制作 iframe(视频)响应式.本质上,iframe 绝对位于具有 100% 宽度的包装元素内.包装元素根据视频的纵横比设置了填充: .embed-responsive {位置:相对;/* 视频高度/视频宽度 */填充底部:56.2%;高度:0;溢出:隐藏;}.embed-responsive iframe {位置:绝对;顶部:0;左:0;宽度:100%;高度:100 ..
发布时间:2022-01-04 18:27:15 前端开发

为响应式设计缩放 iframe,仅限 CSS

许多网站都嵌入了 Youtube 视频.Youtube 现在可以在手机上使用了.如果响应式设计会成为一种东西,为什么不应该让包含 Youtube 视频的 iframe 成为一种东西? 在搜索了几天(断断续续)之后,我找不到一个清晰、简单的问题解决方案(我是 HTML/CSS 的新手).缩放 iframe 宽度很容易,但为了保持高度相对,我发现了大量的 javascript、jQuery 和 ..
发布时间:2022-01-04 18:15:40 前端开发

SSL iframe 嵌入其他网站

带有 SSLcertificate 的域中的 iframe 将嵌入其他站点 (foo.com). foo.com 必须有 SSL 证书吗? 如果 foo.com 有 SSL 证书,会不会是安全错误?foo.com 有 foo.com 的 SSL 证书,但 iframe 域有其他 SSL 证书. 如果 foo.com 没有获得 SSL 证书,是否是安全错误? 解决方案 没有 如果 ..
发布时间:2022-01-04 14:36:49 其他开发

当 iFrame 从本地 html 文件加载本地 html 文件时,Chrome 的未来版本是否可能支持 contentWindow/contentDocument?

当我在 Chrome 的 iFrame (frame.src=) 中让本地 html 加载另一个本地 html 文件时,我无法通过 contentWindow 或 contentDocument 访问其文档(即使验证 contentWindow 是文档本身),因为它似乎当涉及本地 html 文件时,Chrome 不允许这样做.此功能是否可能会在 Chrome 的下一版本中更改?注意:它适用于(co ..
发布时间:2022-01-04 14:04:34 前端开发

使用 react-router 将组件保持在路由之间

我有一个多步骤表单,我正在使用 react-router 在不同步骤之间导航.在某些步骤中,我向用户展示了一个 iframe.当用户在步骤之间导航时,它总是卸载并重新安装 iframe,这会导致两个问题: 它从其源重新加载 iframe,使其跳转. 由于它是一个 iframe,我无法控制它的内部状态,并且它在步骤之间丢失了状态.因此,如果用户对 iframe 有一些输入,则在进行下一步时, ..
发布时间:2022-01-02 23:53:05 其他开发

需要在 ie8 的新标签页中打开链接!

我有一个侧边栏(右侧 iframe),当我点击其中的链接时,它会在 IE8 中打开一个新窗口(在 Firefox 中打开一个新选项卡).我需要做什么才能在新选项卡中打开 IE8 中的链接.我已经设置了工具->Internet 选项->设置-> '总是在新标签中打开弹出窗口' 和 '当前窗口中的新标签' 打开在新标签中,但仍然不起作用.我的链接很简单,我错过了什么?例如:文本.还有一些网站说要注册 ..
发布时间:2022-01-02 08:26:21 其他开发

跨域在 iFrame 和父页面之间进行通信的可能方法

请提出从 iFrame 触发父页面事件的可能技术.我尝试了 url Hashing 并使用 window.postMessage 技术,但没有任何成功. 解决方案 easyXDM 正是为此目的而设计的.您可以在 http://easyxdm.net 上找到它,其中有很多示例. 总而言之,它允许两个窗口使用字符串或 RPC 调用“自由"地进行通信. 参见 http://consu ..
发布时间:2022-01-01 21:03:57 前端开发

在 Flexbox 中扩展 iframe

我正在尝试拉伸 iframe 的大小以填充我的网络应用程序中的剩余空间.我知道为 div 分配了最大空间(通过添加边框),但是 iframe 高度本身并没有扩展以填充整个垂直高度. 问题是 row content iframe 没有填充整个垂直空间,即使 flexbox 适当地分配了该空间. 有什么想法吗? .box {显示:弹性;弹性流:列;高度:100vh;}.box .ro ..
发布时间:2021-12-31 13:11:43 前端开发

我应该使用 iframe 而不是 ajax 吗?

我们正在构建一个带有音频播放器的 Drupal 网站,该网站在您浏览页面时应继续播放(类似于 soundcloud). 目前,我们正在使用 AJAX 加载点击的 站点,并将 HTML 注入页面并使用 history.js 来操作位置. 虽然有一个主要的缺点: 由于新加载的页面上可能有不同的 CSS 和 JS,我们必须将当前的脚本、样式和链接元素与 AJAX 响应文本(丑陋的reg ..
发布时间:2021-12-29 23:35:04 前端开发

从 Drupal 网站创建 iframe

标签内. 基本上就是这样.要找出您的页面模板需要的名称,请使用 devel 和 theme_devel 模块,然后只需单击您的页面,它就会告诉您它查找的模板. 需要注意的一件事:iframe 中的任何链接只会更改该框架的内容,因此当您的模块创建链接时,请使用正确的目标使父页面跳转到新 URL: l('链接文本','节点/' .$mynode->nid,数组('属性' => 数组('目 ..
发布时间:2021-12-29 23:09:12 其他开发

iFrames + Google Analytics + Cookies + P3P

我正在开发一个为合作伙伴网站产生流量的网站.当在我们的网站上单击合作伙伴网站的徽标时,我们会在一个页面中打开合作伙伴网站,该页面包含我们的基本标题和 iframe 中的合作伙伴网站.早些时候,我们只是在新窗口中打开合作伙伴网站.到目前为止一切都很酷. 大多数合作伙伴网站使用谷歌分析来跟踪我们发送给他们的流量,在我们开始在 iframe 中打开网站后不久,我们的合作伙伴报告说谷歌分析不再跟踪数 ..
发布时间:2021-12-29 22:03:24 其他开发

在 Google 跟踪代码管理器中跟踪自定义 IFRAME 事件

我的页面上有一些 IFRAME 用于外部服务——AddThis、YouTube 和基于 JWPlayer 的自定义视频解决方案.我想使用 GTM 来跟踪这些 IFRAME 中的点击和响应(特别是视频上的“播放"事件),但跨域策略阻止了这一点.我如何使其工作 - 以及如何使其在 GTM 中工作? 解决方案 我花了一段时间才弄明白,但基本上: 创建一个 GTM 容器并将 GTM 代码块添 ..