如何在 html 页面上嵌入 swf？答案

【问题标题】：How to embed a swf on top of a html page?如何在 html 页面上嵌入 swf？
【发布时间】：2010-09-22 22:43:48
【问题描述】：

我想在 html 页面上嵌入 swf，例如浮动视频观看面板。我已经有一个 swf 文件，它会根据浏览器大小自动调整其大小，并且 swf 文件是部分透明的。我想我可以只添加一个 div 标签，使位置绝对并更改 z-index 更大，但这不起作用，因为 swf 只是替换了页面上的所有内容。

这就是我所做的

<script>
      swfobject.embedSWF("swf/float.swf", "header", "100%", "100%", "9.0.0");
</script>

<body bgcolor="#000000">
      <div id="header"></div>
      <div id="shell">
          things in my html
      </div>
</body>

#header {
    position:absolute;
    z-index:100;

}

有什么想法吗？谢谢。

【问题讨论】：

标签： html flash embed

【解决方案1】：

一旦你的尺寸工作正常，你需要将 wmode 设置为 transparent 以便能够看到闪光灯后面的内容，如果你不这样做的话背景将是不透明的。

这是来自swfobject docs 的快速复制粘贴，但它应该能说明问题：

<script type="text/javascript">

var flashvars = {};
var params = {wmode : "transparent"};
var attributes = {};

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);

</script>

【讨论】：

【解决方案2】：

我认为问题在于 CSS 不能很好地与 <object /> 标签一起使用。 swfobject.embedSWF 将 <div id="header"></div> 转换为 <object /> 标记，其中包含可能影响 CSS 的一系列属性。如果您在标题 DIV 周围创建一个包装器 DIV 并将 CSS 应用于包装器 DIV，那么一切都会更好。您还需要在 CSS 中添加 100% 的宽度和高度。这是修改后的来源：

<script>
    swfobject.embedSWF("swf/float.swf", "header", "100%", "100%", "9.0.0");
</script>

<body bgcolor="#000000">
    <div id="wrapper">
        <div id="header"></div>
        </div>
    <div id="shell">
        things in my html
    </div>
</body>

#wrapper {
    position:absolute;
    z-index:100;
    width:100%;
    height:100%;
}

【讨论】：

它仍然无法正常工作，在我添加包装后，它会将页面切成一半，一半是 swf，一半是 html。另外，如果我添加宽度：100% 和高度：100%，我的所有按钮都将被禁用...