如何在html页面上嵌入swf？

我想通过html页面嵌入swf，就像浮动视频观看面板一样。我已经有一个swf文件，它会根据浏览器大小自动调整它的大小，并且swf文件是部分透明的。我以为我可以只添加一个div标签，使得绝对位置和更大的z-index，但这不起作用，因为瑞士法郎取代了页面上的所有内容。如何在html页面上嵌入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; 

}

任何想法？谢谢。

来源

2008-11-18 shibbydoo

一旦你的大小才能正常工作，您将需要设置的wmode到透明能够看到有什么闪光的背后，如果你没有它的背景将是不透明的。

这是从swfobject docs快速copypaste，但它应该得到跨越点：

<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>

来源

2008-11-18 23:31:35 grapefrukt

我相信这个问题是，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%; 
}

来源

2008-11-18 22:14:42 Adam

它仍然不工作的权利，之后我添加了包装，将下调页半，一半是瑞士法郎和一半是HTML。如果我添加宽度：100％和高度：100％，我的所有按钮都被禁用... – shibbydoo 2008-11-18 22:20:56

如何在html页面上嵌入swf？

回答

相关问题