Question

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

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

有什么想法吗？

Answer 1

你有两个不错的选择：

的 HTML 即可。 HTML会自动忽略它不理解的标签，因此嵌套标签可以实现您的喜好：


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

<强>的JavaScript 即可。使用Modernizr（ http://modernizr.com/）来检测要素的存在。检测浏览器制造商和版本非常非常脆弱。不要这样做。而是检测目标特征的存在并相应地采取行动。搜索词称为“polyfill”
```
if ( Modernizr.canvas ) {
    // html5 here
} else if ( /*test for flash */ ) {
    // flash init here
} else {
    // img here
}
```

HTML5回归到Flash，后者又回归到JPG

1 个答案: