如何让视频 iframe 出现在 Internet Explorer 的模式弹出窗口下方?

Posted

技术标签:

【中文标题】如何让视频 iframe 出现在 Internet Explorer 的模式弹出窗口下方?【英文标题】:How can I get a video iframe to appear underneath a modal pop-up in Internet Explorer? 【发布时间】:2013-04-14 20:34:10 【问题描述】:

客户的网站在同一页面上有一个 youtube 视频 iframe 和一个模态弹出窗口。

<iframe src="http://www.youtube.com/embed/xxx"></iframe>

(我已经排除了不相关的数据,例如宽度、高度和边框规格)。

除 Internet Explorer 外,所有浏览器都运行良好;这里 iframe 在打开时显示在模态窗口的顶部

如何停止这种行为并强制 iframe 像页面内容的其余部分一样显示在模态框下方

【问题讨论】:

【参考方案1】:

youtube 视频的 URL 中需要包含以下内容:

?rel=0&wmode=transparent

在上下文中:

<iframe src="http://www.youtube.com/embed/xxx?rel=0&amp;wmode=transparent"></iframe>

【讨论】:

以上是关于如何让视频 iframe 出现在 Internet Explorer 的模式弹出窗口下方?的主要内容,如果未能解决你的问题,请参考以下文章

EasyNVR通过iframe分享视频播放出现加载异常的问题解决

灯箱关闭时停止并播放 Iframe 视频

IE9 - 主页中的怪癖模式和特定 iframe 中的“Internet Explorer 9 标准”

Internet Explorer 9 中 iframe 的 P3P 和 PHP 会话问题

如何让iframe框架和主页面共用一个滚动条(也称为:iframe高度自适应问题)

如何找出加载 youtube 嵌入式 iframe 的时间