Question

我有一个.swf-to-Swiffy HTML5横幅，想为IE创建一个.swf后备版。这样做的正确方法是什么？我目前在iframe里面有Swiffy（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'包含通过将Flash导出到Swiffy而创建的特定动画javascript。这些是为 NON IE 浏览器加载的。

加载'swfobject.js'并为IE浏览器运行嵌入代码以显示Flash回退。

然后你的页面中有一个div来保存动画并使用'swfobject.embedSWF'代码来定位它。

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

您还可以使用CSS提供Non flash fallback，例如

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

}

希望有所帮助。

带有Swf后备的HTML5 Swiffy

1 个答案: