SWFObjectで縦横100%表示するときって??

By エックン on 2009.07.31 Fri - 17:13  |   Facebook

<div id="swf"></div>
<script type="text/javascript">
var flashvars = null;
var params = {};
    params.play = "true";
    params.loop = "false";
    params.quality = "high";
    params.wmode = "transparent";
    params.bgcolor = "#000";
    params.allowscriptaccess = "sameDomain";
var attributes = {};
    attributes.id = "swf";
    attributes.align = "middle";
swfobject.embedSWF("world_tour.swf", "swf", "100%", "100%", "8.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>

ってSWFObjectで縦横100%指定しただけじゃホワイトアウト!!
なんで?って思ったら、暫定?の回避方法が判明。
以下の通りにCSSでhtml, bodyのheightの100%を指定すればちゃんと表示されるっ。
なんかハングオーバー感。意味不明。。

<style type="text/css">
html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
}
</style>

と覚書。
これだとスクロールバーがでちゃうバグがあるので以下にCSS変更っ!

<style type="text/css">
body {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

html, body {
    overflow: hidden;
}
</style>

via SWFObjectで全画面表示swfの復習。: 鮭とプログラムとか

In web  |   Tagged , , ,

facebook