如何让网页自动选择FLASH或HTML5内容
时间2014-02-25 15:15
目前，由于HTML5的迅速推广，FLASH不再是一支独大，很多移动设备不支持FLASH，所以很多WEB APP都同时具有FLASH版本与HTML5版本。
那如何让网页根据用户的浏览器和设备来自动选择显示FLASH还是HTML5内容呢？
有一个非常简单的方法，那就是利用万能的swfobject。swfobject.js是一个把flash嵌入到网页上的js工具，在这里可以用它来判断用户的浏览器是否已经安装了需要的FLASH版本，如果达不到需要，则显示HTML5的内容，这样就简单地让网页自动判断显示内容了。
具体做法：
<head>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript" src="html5.js"></script>
</head>
<body>
<script type="text/javascript">
if(swfobject.hasFlashPlayerVersion("10.0.2"))
{
var flashvars = {};
flashvars.path = "*";
var params = {};
params.scale = "noScale";
params.salign = "lt";
params.allowScriptAccess = "always";
params.allowFullScreen = "true";
var attributes = {};
attributes.id = "myFlash";
attributes.name = "myFlash";
swfobject.embedSWF("*.swf", "flashcontent", "600", "450", "10.0.2","expressInstall.swf", flashvars, params, attributes);
}
else
{
//HTML5的脚本内容
}
</script>
</body>
> 演示案例
关于我们
快速导航
我们的服务
订阅
We promise not to send you spam.