html - HTML5 Swiffy と Swf フォールバック

Question

.swf から Swiffy への HTML5 バナーがあり、IE 用の .swf フォールバックを作成したいと考えています。これを行う適切な方法は何ですか？私は現在、iframe内にSwiffyを持っています（ええ）。

Answer 1

http://www.malphursinteractive.com/flash-to-html5-fallback/に役立つブログ投稿がここにあります 。

基本的には、CSS 条件を使用して、ブラウザに応じて関連する JavaScript をロードするという考え方です。

    <!--[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」には、Flash を Swiffy にエクスポートすることによって作成された特定のアニメーション JavaScript が含まれています。これらは、非 IEブラウザー用にロードされます。

「swfobject.js」がロードされ、埋め込みコードが実行されて IE ブラウザが Flash フォールバックを表示します。

次に、ページに div を作成してアニメーションを保持し、'swfobject.embedSWF' コードでそれをターゲットにします。

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

また、CSS を使用して非フラッシュ フォールバックを提供することもできます。

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

}

それが役立つことを願っています。