Flashをレスポンシブに対応させる

.flash {
position: relative;
padding-bottom:34%; /* ここで幅、高さを調整 */
padding-top: 0px;
height:100%;
overflow: hidden;
}

.flash iframe,
.flash object,
.flash embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height:100%;
}

 

<div class=”flash”>
<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ width=”100%” height=”317″ id=”top_index” align=”middle”>
<param name=”movie” value=”index.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<param name=”play” value=”true” />
<param name=”loop” value=”true” />
<param name=”wmode” value=”window” />
<param name=”scale” value=”showall” />
<param name=”menu” value=”true” />
<param name=”devicefont” value=”false” />
<param name=”salign” value=”” />
<param name=”allowScriptAccess” value=”sameDomain” />
<!–[if !IE]>–>
<object type=”application/x-shockwave-flash” data=”index.swf” width=”100%” height=”317″>
<param name=”movie” value=”http://sugii-ueki.com/con5/files/1414/1630/4228/index.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<param name=”play” value=”true” />
<param name=”loop” value=”true” />
<param name=”wmode” value=”window” />
<param name=”scale” value=”showall” />
<param name=”menu” value=”true” />
<param name=”devicefont” value=”false” />
<param name=”salign” value=”” />
<param name=”allowScriptAccess” value=”sameDomain” />
<!–<![endif]–>
<a href=”http://www.adobe.com/go/getflash”>
<img src=”http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif” alt=”Adobe Flash Player を取得” />
</a>
<!–[if !IE]>–>
</object>
<!–<![endif]–>
</object>
</div>

 

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Time limit is exhausted. Please reload CAPTCHA.

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)