javascript - SWFObject を使用して SWF をロードするときに 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%;
}