Flash を 全画面表示

JavaScript

Flashを全画面表示に配置しました。


まずは大きさを固定にして、左上に表示する。

stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;

大きさを"100%"にして貼付けます。(swfobject必須)

<div id="myContent"> <!-- 代替コンテンツボックス -->
    <p>Alternative content</p>
</div>

<script type="text/javascript" src="swfobject.js"></script> <!-- swfobject の読み込み -->
<script type="text/javascript">
// <![CDATA[
    swfobject.embedSWF("myContent.swf", "myContent", "100%", "100%", "9.0.0");
// ]]>
</script>

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


重要なのは以下の記述です。

 position: absolute;
 width: 100%;
 height: 100%;

これがないと Gecko系ブラウザ(Firefox)で、
swfobject の height を 100% にすると映らなくなります...。


ref:

nondelion.com - swfobject で flash を Window 内に全画面表示