HTML5 Swiffy с Swf-резервом

Question

У меня есть HTML5-баннер.swf-to-Swiffy, и я хотел бы создать запасной вариант.swf для IE. Как правильно это сделать? В настоящее время у меня есть Swiffy внутри iframe (yikes).

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" содержит специальный анимационный javascript, созданный путем экспорта Flash в Swiffy. Они загружены для браузеров без 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;

}

Надеюсь, это поможет.