【问题标题】:Is it possible to determine the height of a video in an IFrame?是否可以确定 IFrame 中视频的高度?
【发布时间】:2011-10-15 21:09:45
【问题描述】:

我们正在使用 Buto 来托管我们的视频,并通过浮动 IFrame 在我们网站上的灯箱 (FancyBox) 中显示它们。

问题是视频具有不同的高度和宽度,我们不知道链接到视频的简单 html 页面(没有服务器端代码)中的这些尺寸,所以我们为 IFrame 选择的任何尺寸都是有些视频会出错。

我想要一些在视频加载后运行的 javascript,并调整 IFrame 的大小以整齐地适应视频。

考虑到 iframe 托管来自另一个域的内容,这是否可能?任何人都可以推荐替代方案吗?

谢谢!

【问题讨论】:

  • 您能否发布一个 iframe 代码示例,可能使用 jsfiddle.net
  • 我在 jsfiddle jsfiddle.net/m2fUE/1 上做了游乐场,但加载后无法读取 iframe 内容。也许其他人可以破解它。

标签: javascript jquery html video iframe


【解决方案1】:

由于Same Origin Policy,如果域、端口和协议与托管页面不匹配,您将无法访问 iframe 的内容。

您应该使用代理页面 (here an example) 或 accessing Buto via API(不幸的是,没有 JSONP),但是您需要为此运行一些服务器端代码...

【讨论】:

  • 谢谢 - 我已经在我们的 IIS 7.0 服务器上安装了“应用程序请求路由”并在其中启用了代理,所以现在可以使用 IIS 中的重写模块和代理 Buto 的 XML 文件来设置重写规则进入我的 jQuery 并因此设置 IFrame 大小。感谢您的建议:)
猜你喜欢
  • 2011-08-10
  • 2013-03-07
  • 2023-04-02
  • 2013-08-17
  • 1970-01-01
  • 2015-09-10
  • 1970-01-01
  • 2014-06-11
  • 2020-09-16
相关资源
最近更新 更多