javascript - 使用 SWFObject 加载 SWF 时调整其大小

Question

我正在使用SWFObject将 SWF 电影加载到 HTML 页面中。我想动态调整这个 SWF 的大小。SWFObject 如何提供帮助？我确定我不必编写自己的解决方案。

Answer 1

最简单的解决方案是将 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 都会缩放以填充它。

Answer 2

查看swffit，它应该完全符合要求。

Answer 3

这对我不起作用，但做了一些小的更改，如 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>

和完美！

Answer 4

我相信上面的代码应该是：

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