HTML5 Swiffy с Swf-резервом - PullRequest
Новая
       16

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

1 голос
/ 10 февраля 2012

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

1 Ответ

1 голос
/ 04 сентября 2012

Здесь есть пост в блоге, который может помочь 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. Они загружаются для браузеров NON 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;

}

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

...