2012-02-10 20 views
1

私は.swf-Swiffy HTML5バナーを持っており、IEの.swfフォールバックを作成したいと考えています。これを行う適切な方法は何ですか?私は現在、iframe内にSwiffyを持っています(yikes)。 http://www.malphursinteractive.com/flash-to-html5-fallback/HTML5 Swiff Fallback with Swf Fallback

を助けるかもしれないここにブログの記事基本的な考え方は、関連するJavaScriptが例えばブラウザによってロードするためにCSSの条件文を使用することではあり

+0

IEがFlashオブジェクトを記述しているかどうかを確認し、そうでない場合はSwiffy iframeを記述します。 –

+0

あなたの質問に 'html'タグと' flash'タグを追加しました。これらのタグはもう少し一般的なものなので、質問にもっと注意を払う必要があります。 – Zenexer

答えて

1

<!--[if !IE]> --> 
     <script type="text/javascript" src="javascripts/swiffy.js"></script> 
     <script type="text/javascript" src="javascripts/animation.js"></script> 
    <!-- <![endif]--> 

    <!--[if IE]> 
     <script type="text/javascript" src="javascripts/swfobject.js"></script> 
     <script type="text/javascript"> 
      swfobject.embedSWF("images/animation.swf", "swiffycontainer", "300", "390", "9.0.115"); 
     </script> 
    <![endif]--> 

'swiffy.js' はGoogleのSwiffyではライブラリで、 'animation.jsは' Swiffyではにフラッシュをエクスポートして作成javascriptの特定のアニメーションが含まれています。これらはNON IEブラウザ用に読み込まれます。

'swfobject.js'が読み込まれ、埋め込みコードがIEのブラウザで実行され、Flashフォールバックが表示されます。

次に、アニメーションを保持し、 'swfobject.embedSWF'コードでターゲティングするdivをページに作成します。

<div id="swiffycontainer"></div> 

また、例えばCSSで非フラッシュフォールバックを提供することができます

#swiffycontainer{ 
width: 300px; 
height: 390px; 
background: url('../images/animation.gif') no-repeat no-repeat; 
background-position: center center; 

}

お役に立てば幸いです。

+0

リンクが壊れます。ここで重要な情報を集約してください。リンクのみの回答は、今後通知することなく削除の対象となります。 –

関連する問題