flash - HTML5 回退到 Flash，而 Flash 又回退到 JPG

Question

有人可以帮我弄清楚如何构建后备设置吗？我需要通过 iframe 将 HTML5 动画插入网页，如果浏览器不支持 HTML5，我需要它来播放 Flash 动画。如果浏览器不支持 HTML5，并且没有安装正确版本的 Flash，我需要它来显示一个 jpeg。

这可以通过用户代理来实现吗？我无法通过使用条件语句来完成这项工作，因为条件语句只检查用户是否使用 IE，而 IE10“支持”HTML5（我讽刺地使用引号，实际上 IE10 做得很好。我只是不习惯对 IE 有好话要说，但我离题了）

有什么想法吗？

Answer 1

你有两个不错的选择：

1. HTML。HTML 会自动忽略它不理解的标签，所以嵌套标签来完成你想要的：

    <canvas>
        <!-- stuff that works for canvas -->
        <object class="flash-etc">
            <!-- flash parameters -->
            <img src="/the/jpg" />
        </object>
    </canvas>

1. JavaScript。使用 Modernizr (http://modernizr.com/）来检测特征的存在。检测浏览器制造商和版本非常非常脆弱。不要这样做。而是检测目标特征的存在并采取相应的行动。搜索词称为“polyfill”

   if ( Modernizr.canvas ) {
       // html5 here
   } else if ( /*test for flash */ ) {
       // flash init here
   } else {
       // img here
   }