如果未检测到闪存,则使用HTML5替换SWF的代码

时间:2012-12-18 04:59:32

标签: html5 wordpress flash embed

我拥有的:

我在页面中嵌入了* .swf文件。

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" width="960" height="630" id="test1"> 

<param name="movie" value="demo.swf" />

<embed src="demo.swf" width="960" height="630" name="test1" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />

</object>

我需要什么:

当未检测到闪光时,我需要显示* .swf文件的HTML5版本(使用Google Swiffy制作)。

HTML5版本是<script></script>代码中的大量代码。

我的问题:

如何检测是否未启用闪存,然后将* .swf替换为HTML5替代?

我不能偏离上面的* .swf嵌入代码,因为它是我能找到的唯一代码块,允许我在WordPress帖子中成功嵌入* .swf文件。

2 个答案:

答案 0 :(得分:1)

我最终使用jQuery脚本来检测Flash支持:

http://code.google.com/p/jqplugin/

如果未检测到Flash支持,脚本会隐藏包含Flash内容的div并显示HTML5版本(或任何替代内容)。

答案 1 :(得分:0)

如果您将备用代码放在对象标记内,如果浏览器不支持该对象(您的swf),那么它只会看到代码。这就是adobe检查闪存支持的方式,如果不支持则显示获取闪存按钮。

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" width="960" height="630" id="test1"> 

    <param name="movie" value="demo.swf" />

    <embed src="demo.swf" width="960" height="630" name="test1" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />

    <!-- PUT YOUR WEBSITE CODE HERE-->

</object>