html - 带有 Swf 后备的 HTML5 Swiffy

Question

我有一个 .swf-to-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;

}

希望有帮助。