在iframe中显示嵌入在网站中的闪存内容的div

Question

我正在通过各种论坛上的问题来回答这个问题，但似乎没有一个对我有帮助。

我已经嵌入了一个第三方网站在一个iframe。该网站有一些闪存内容。Iframe有一个容器div，它有很少的下拉菜单，这些菜单本身就是div。这些菜单显示在闪存视频后面的网站，这不是我想要的明显，我希望菜单(Div)总是在任何闪存内容之上。我在youtube视频上也遇到了同样的问题，把wmode=opaque添加到嵌入url中可以帮我解决这个问题。这个问题是不同的，因为它涉及一个包含视频的第三方网站。

下面是我环顾四周时想到的一些事情。原因:由于视频是由浏览器插件呈现的，而不是html元素，所以css中的z-索引值不会影响它们；它们总是在顶部。

的几个答案/解决办法

1添加属性wmode=透明的闪存视频；因为我不控制第三方网站的内容，我不能这样做。

2在div后面放置一个透明的iframe；到目前为止我还没有尝试过这个，因为我不完全理解这意味着什么，应该在div周围有一个iframe吗？

我想要确保，如果上面的头是我的全部，或有什么是我错过的解决方案或解决办法。我面临这个问题在IE(9和10)只。火狐看上去一切都很好。我很感谢你在这方面的时间。

谢谢

Answer 1

你实际上可以“控制”外国网站。使用xmlHttpRequest加载HTML，进行更改，添加body基href，使图片正确地从该站点加载，然后用

  document.getElementById('myiframe').setAttribute('srcdoc',myhtml)

鲍勃是你叔叔。除非发生了很多可怕的事情，比如：

·在旧的IEs =>中不支持srcdoc，实现了服务器端脚本中的数据获取和损坏，

·远程站点不会将辅助文件发送给错误的推荐人=>您是SOL。