将对象嵌入 sfw 发送到后面答案

【问题标题】：Send object embed sfw to the back将对象嵌入 sfw 发送到后面
【发布时间】：2014-01-06 03:50:22
【问题描述】：

我需要知道以下...

我有一个使用标签嵌入到 html 中的视频，我正在构建的页面使用 z-index，想法是使用图层...一切都很好，直到媒体嵌入...

我有一个全屏 100% 宽度和高度的视频...

<style>
.bg_vid {
  position: absolute;
z-index 10;
w: 100%
h: 100%
}

.btns {
position: relative;
}
.btn-overlay-vid {
bg: url'img/pattern.png';
position: absolute;
z-index: 30;
}

.btn-video {
z-index: 25;
}
</style>


<div class="btns">
<div class="btn-overlay-vid"></div>
<div class="btn-video">
<object width="300" height="169">
<params name [...]> </params>
<params name [...]> </params>
<params name [...]> </params>
<params name="wmode" value="transparent" > </params>

<embed [...]&embed=transparent ></embed>
</object>
</div>

</div>
<div class="bg_vid">
<iframe [...] />
</div>

所以全“屏幕”的背景视频工作正常，但是按钮视频不工作......我的意思是覆盖 div 仍然落后于现在这只发生在几乎所有浏览器中，但谷歌 Chrome ......谷歌浏览器运行良好... 视频在覆盖 div 后面，这只是一个图像（现在），所以我想知道为什么在 IE 中（并不奇怪）和 Firefox 不工作......

谢谢。

【问题讨论】：

标签： html css

【解决方案1】：

尝试给 .btn-video 一个位置，相对的或其他的东西。 z-index 不喜欢未声明的位置。

【讨论】：

您好，我已经为 div 与视频设置了相对位置，并为 div 与图像设置了绝对位置，但没有运气......也在 Adobe Flash Object link 它说我可以使用 wmode=opaque 覆盖我网站中的其他元素，例如这种情况，但无法正常工作...仅在 Google Chrome 中...谢谢...
该死，对不起。我刚刚在我的网站上遇到了类似的问题，我认为它可能会有所帮助^^;
没问题...如果我要构建的网站不是 div 的质押，我的所有 div 都必须重叠...我用一些 jQueries 调用每个 div ...全部工作正常，除了我需要使用

【解决方案2】：

我必须更改用于标记的 Java... 通过这样做，我现在可以在我的中使用 &wmode=transparent ，假设我想将 iFrame 发送到任何其他层的背景... .

<iframe 
class="behind" 
type="text/html" 
width="300" 
height="169"
src="https://www.youtube.com/embed/7SyAejEiiLw?autoplay=1&controls=0&loop=1&modestbranding=1&rel=0&showinfo=0&color=white&wmode=transparent" frameborder="0" allowfullscreen></iframe>

现在我可以像视频中的人一样跳舞了……

注意：如果你想使用这个演示中的“参数”，我建议你改用 YouTube API，它可以独立工作，但使用 API 总是更好，更多控制通过 YouTube 播放器。

所以我的结论是从不限制 HTML 标记，我将 iframe 标记保留用于其他目的，这样做我强迫自己将对象标记用于媒体文件，也限制了我网站的使用在平板电脑或智能手机等其他设备上，标签对这些设备不太友好。

【讨论】：