iphone＆ipadでFlashを表示させる方法「Swiffy」
Swiffy by Google を利用する。
SWFファイルをHTML5に変換してくれるサイト「Google Swiffy」が便利です。
SWF形式のファイルをHTML5に自動変換してくれます。SWFファイルをアップすると、HTML5に変換されたものが表示されます。
手順１：Flashで作成したSWFファイルを選び、「Upload and convert」をクリック！
手順２：しばらくすると、Previewに、Original Flash animation（オリジナルのSWVファイルの表示）とSwiffy conversion（ｈｔｍｌ5での表示）が表示され、Swiffy output でhtmlファイルが出来上がります。
手順３：できたhtmlファイルを保存する。
手順４←ボツ！：以下のタグを挿入！html5はIEでは未対応なので、Flashの代替画像表示のタグをアレンジ。
<object data="ＡＡＡ.swf" type="application/x-shockwave-flash" style="width:200px; height:200px;"> <param name="movie" value="ＡＡＡ.swf"> <iframe src="http://www.ＡＡＡ.com/ＡＡＡ.html" height="200" width="200" border="0" frameborder="0" scrolling="no"> </object>
・・・と思ったのだけど、FirefoxやGoogle Chromeでiframe使うと、レイアウトが崩れたりして上手くいかなかった。詳しい説明は割愛で・・・firefox、Google Chromeはｈｔｍｌ5で表示して、ＩＥは通常のSWVファイルを読み込ませることに。今さらだけど、「条件付きコメント」を使いました。
手順５：手順３できたhtmlファイル（ＡＡＡ.html）を、デザインし直し！レイアウトを整える。これでFirefoxやGoogle Chromeとipad,iphoneはＯＫ。
手順６：ＡＡＡ.htmlで、該当箇所に、IE以外はhtml5で表示、IEはＳＷＶファイルを表示されるよう「条件付きコメント」を書く。
■ＩＥだけ見えている
<!--[if IE ]>
<p>この表示はIEだけで見えている。</p>
<![endif]-->
■ＩＥだけ見えない（IEすべてを対象外にする）
<![if !IE ]>
<p>この表示はIE以外のブラウザで見えます。</p>
<![endif]>
このように分けて、対応した！
参考URL：CSSハックを使わずIEのバグに対処する方法
