使用SWFObject加载SWF时调整SWF大小

时间:2009-06-04 19:49:36

标签: javascript html flash swfobject

我正在使用SWFObject将SWF电影加载到HTML页面中。我想动态调整此SWF的大小。 SWFObject如何帮助?我确信我没有write my own解决方案。

4 个答案:

答案 0 :(得分:24)

最简单的解决方案是将SWF嵌入到容器div中,然后使用JavaScript和CSS动态调整容器DIV的大小。如果SWF设置为100%宽度/高度,则只要调整包装大小,它就会拉伸以适合包装。

身体:

<div id="wrapper">
<div id="flash">This div will be replaced by an object via SWFObject</div>
</div>

头脑中:

<script>
var flashvars = {};
var params = { scale: "exactFit" };
var attributes = {};

swfobject.embedSWF("myContent.swf", "flash", "100%", "100%", "9.0.0","expressInstall.swf", flashvars, params, attributes);
</script>

<style type="text/css">
#flash {
   display: block;
   width: 100%;
   height: 100%;
}
</style>

现在每当你调整#wrapper的大小时,SWF都会缩放以填充它。

答案 1 :(得分:4)

查看swffit,它应该完全适合该法案。

答案 2 :(得分:1)

这对我不起作用,但做了一些小改动,如图所示 http://code.google.com/p/swfobject/wiki/faq “我如何创建一个包含100%浏览器窗口的SWF?”

这个

<style type="text/css" media="screen">
  html, body, #containerA, #containerB { height:100%; }
  body { margin:0; padding:0; overflow:hidden; }
</style>

并且完美!

答案 3 :(得分:-1)

我相信上面的代码应为:

#wrapper {
   display: block;
   width: 100%;
   height: 100%;
}