HTML + FLEX：在 HTML 后面显示 flash答案

【问题标题】：HTML + FLEX: display flash behind HTMLHTML + FLEX：在 HTML 后面显示 flash
【发布时间】：2010-05-01 16:03:12
【问题描述】：

如何在页面顶部的标签后面显示我的 Flash 视频？

网址：http://www.sanstitre.ch/drupal/portfolio?tid[0]=58

谢谢

我正在使用 SWFObject 包装器（跨浏览器）http://code.google.com/p/swfobject/

<div style="background-color: rgb(255, 255, 255); width: 100%;">
<object height="445" width="660" type="application/x-shockwave-flash" data="/drupal/videoPlayer/bin-debug/videoPlayer.swf?file=http://www.sanstitre.ch/drupal/sites/default/files/files/projects/WM 1976/videos/P1030297.flv" id="movie_player_1" style="visibility: visible;" wmode="transparent">
<param name="bgColor" value="#ffffff">
<param name="allowfullscreen" value="true">
<param name="autoplay" value="true">
<param name="flashvars" value="0=movie_player_1">
<param value="transparent" name="WMODE">
</object>

【问题讨论】：

我还需要在其上启用 javascript mouseOver 功能。我尝试将它应用到父级，但它不起作用。

标签： html flash

【解决方案1】：

您好，您可以将其添加到您的 html 代码中

 <PARAM NAME=wmode VALUE=transparent>

找到嵌入并添加它

wmode="transparent"

试试这个。

【讨论】：

感谢您的回复。实际上没有嵌入。我已经复制了问题中的代码。
请不要在 HTML 标签中使用大写字母。

【解决方案2】：

您可以在此处阅读有关如何执行此操作以及涉及 SWF/HTML 分层的其他内容：http://www.flashdesignerzone.com/tutorials/t1026.php

提示：涉及设置wmode="transparent"

【讨论】：

【解决方案3】：

为了让 Flash 影片在某物下方显示，您确实需要将 wmode 设置为透明或不透明。从性能的角度来看，它可能不会有太大的不同，因为两者实际上都使 flash 在与浏览器相同的窗口句柄中绘制自身，而不是拥有自己的窗口句柄。

无论如何，将其显示在某物下方还有第二步，即确保其在 html 中的 z 顺序低于您希望显示在顶部的顺序。这可以通过编写您的 html 来解决，即要在顶部显示的标签在 flash 电影之后，但我发现最简单的方法是使用绝对定位和 z-order 样式属性定义排序。显然，这取决于网站的其余部分，它是 html。

对于分层部分应该这样做。然而，如果您在 Flash 电影顶部有 html 元素会窃取鼠标焦点（例如段落或 div），则交互性问题可能是一个真正的问题。在这种情况下，您可能需要也可能不需要使用 javascript 拦截事件，然后使用 ExternalInterface 将这些事件中的信息传递到您的 Flash 电影。它很丑陋，并且可能会以意想不到的方式中断（例如，dom 更改），但实现起来并不难。

【讨论】：

我已经更改了 Firebug 中的所有 z-index 以查看效果，并且视频播放器的容器和对象元素具有 z-index:0，但标题（以及所有子项和所有标签）有 z-index:9999。我猜问题出在其他地方。也许是因为缺少嵌入元素？
我查看了您链接到的页面，它似乎在 Mac 上的 Safari 和 Firefox 中都可以正常工作，但我无法在 Windows 上进行测试。无论如何，html非常复杂，也许是深层嵌套导致了分层问题？

【解决方案4】：

我已经解决了添加

display: block

对象的属性。（当然要按照你的建议去做）。

【讨论】：