使用 HTML5 为现代浏览器嵌入 Flash 的最佳方式？答案

【问题标题】：Best way to embed Flash for modern browsers using HTML5?使用 HTML5 为现代浏览器嵌入 Flash 的最佳方式？
【发布时间】：2013-09-30 23:42:23
【问题描述】：

这是一件很常见的事情，我想一定有一种“好”的方式可以将 Flash 干净地嵌入 HTML5 中？我只对支持以下浏览器感兴趣：FF3、FF4、IE7、IE8、IE9、Chrome 和 Safari。

我知道有一些 Javascript 解决方案，例如 SWFObject，但这似乎有点矫枉过正。使用 HTML 不就是一种干净、快速和简单的方法吗？

另外：仅使用<embed> 有什么缺点吗？它以前被 W3C 贬值，但我知道它又回到了 HTML5 中。那么，为什么不直接使用它而不是与<object> 闲逛呢？

【问题讨论】：

标签： css flash html

【解决方案1】：

试过jQuery Tools？

基本上，你要做的就是：

<div id="clock"></div>

<script>
flashembed("clock", "/media/swf/global/clock.swf");
</script>

一个可行的例子是：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>

<div id="clock"></div>

<script>
flashembed("clock", "http://jquerytools.org/media/swf/global/clock.swf");
</script>

它适用于 jQuery 2.0.3、1.10.2、1.9.0。

【讨论】：

我添加了一个指向 jQuery 源代码的脚本链接并将上面的代码添加到我的页面（显然带有一个工作链接），但没有任何反应：我只是得到一个空页面。我错过了什么吗？
上面的示例具有工作所需的最少标签。对照它检查你的页面。

【解决方案2】：

创建 SWFObject 是为了动态处理每个浏览器解释对象标签的不同方式。我不知道这个场景有什么真正的变化，即使是 ie9，它仍然需要用户激活一个 active-x 对象。

我仍然更喜欢 SWFObject，因为它对 flash 变量的处理能力强且简单：

var flashvars   = {
    filePath:   "somePath",
    verbose:    "true"
};

var params  = {
    quality:    "high",
    wmode:  "opaque",
    menu:   "false",
    base:   "/flash/home_page/"
};

var attributes  = {
    id:     "flashContent"
};


    swfobject.embedSWF(
        "../flash/home_page/home.swf",
        "flashContent",
        "570",
        "325",
        "10.0.0",
        "../frameworks/swfobject/expressInstall.swf",
        flashvars,
        params,
        attributes,
        outputStatus
        );

我同意，如果有一个“更”轻量级的替代方案会“很好”，但是方便弥补了任何额外的负载所需，imo。

干杯

【讨论】：

在有更好的答案之前，我选择了 SWFObject。