使用SWFObject 在HTML中插入swf文件

最新推荐文章于 2021-06-24 19:44:19 发布

最新推荐文章于 2021-06-24 19:44:19 发布 · 348 阅读

文章标签：

#HTML #Flash #IE #Firefox

JS/Ajax/CSS/jQuery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用SWFObject简化在网页中插入SWF文件的过程，并演示了两种常见方式：简单插入及传递参数的方法。此外还讨论了解决不同浏览器兼容性问题的方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在网页里面插入swf，再平常不过了，一般会想到如下代码：

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="200" height="100">
        <param name="movie" value="filename.swf">
        <param name="wmode" value="transparent">
        <embed src="filename.swf" width="200" height="100" type="application/x-shockwave-flash" />
</object>

其中

<embed src="filename.swf" width="200" height="100" type="application/x-shockwave-flash" />

是为了适应FireFox下面能正常播放才加上去的

有时候在IE下面，用第一段代码会有些莫名其妙的格式问题。

--------------------------------------------------------------------------------------------------------------------------------------------

现在有了SWFObject，一切变的简单了
一、最普通的格式，简单的插入一个swf

<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
  swfobject.embedSWF("test.swf", "fileID", "200", "120", "9.0.0", "expressInstall.swf");
</script>

<body>
<div id="fileID" />
</body>

参数的地址依次是：
1、swf文件的地址；
2、用于装入swf文件的容器(如div)的id；
3、flash的宽度；
4、flash的高度；
5、正常播放该flash所需的最低版本；
6、当版本低于要求时，执行该swf文件，这里利用这个flash跳转到官方下载最新版本的flash插件。（该参数可以省略）

二、给swf传递参数、变量等。

<script src="swfobject.js" type="text/javascript"></script>
<script type="text/javascript">
	var flashvars = "";
	var params = {
		menu: "false",
		scale: "noScale",
		allowFullscreen: "true",
		allowScriptAccess: "always",
		bgcolor: "#FFFFFF"
	};
	var attributes = {
		id:"fileID"
	};
	swfobject.embedSWF("filename.swf ", "altContent", "100%", "100%", "9.0.0", "expressInstall.swf ", flashvars, params, attributes);
</script>

<body>
<div id="fileID" />
</body>

通常情况，第一种用的比较多。