在网页中经常需要插入 SWF 文件或 FLV 影片及基于 Flash 的 RIA 程序等等,使用 Adobe Dreamweaver 自动插入网页 Flash 动画时 Dw CS3 会附带插入一个 JS 文件 AC_RunActiveContent.js 这个 JS 文件其实只是用来去掉 IE 浏览器里 Flash 周围的安全提示框,在 Dw CS4 时则会附带插入两个文件即 expressInstall.swf 和 swffix_modified.js 前一个用来指导没有安装 Flash 插件的浏览器在线下载安装而 swffix 脚本则用来优化一些复杂 Flash 的渲染效率,具体可在 GoogleCode 找到其项目 SwfObject 相关描述及下载,而 Adobe CS4 内置的是经过修改的 swffix 脚本,文件比 swffix.org 提供的更小或许也更好用吧,但如果是平时仅仅是插入一个普通的小动画是否需要引入这些附加的文件或代码吗,当然是完全没有必要的,完全可以按照我下面给出的方法引用 Flash 即可以通过 W3C 的审核,也没有任何重用代码看起来也比较清爽。
完全符合 W3C 标准的 Flash 插入代码示例:
上面这段代码是通过了 W3C 验证的,当然也兼容主流浏览器(如 IE Firefox 等)同时也避免了代码重复,其中最外层的 <object> 标签适用于 IE 浏览器,里面的 <object> 标签适用与非 IE 浏览器,必须指定的属性是 type 和 data 值及宽高,当然标签内也可以选择性添加 id class bgcolor 等等属性。里面的 <param> 标签则可以指定一些参数以供 swf 文件或浏览器调用,下面是一些常用的参数设置:
全屏:是否允许全屏,默认为否
<param name=”allowFullScreen” value=”true” />传参:传递参数给 swf 使用(多个参数使用 & 链接)
<param name=”FlashVars” value=”xml=flash.xml” />背景:设置 Flash 背景色(如一些圆角 Flash 动画)
<param name=”bgColor” value=”#ff6600″ />菜单:设置 Flash 右键菜单,用来去掉一些默认的菜单只留下了设置和关于:
<param name=”menu” value=”false” />品质:设置 Flash 播放品质,可用参数是low medium hight best 等:
<param name=”quality” value=”high” />窗口:设置 Flash 窗口模式,可用参数 Window 默认值,始终位于html的顶层; Opaque 允许 Flash 上层可以有网页的遮挡; Transparent 背景透明,将有可能降低 Flash 的性能,但最为常用:
<param name=”wmode” value=”default” />路径:设置 Flash 相对路径的参考位置:
<param name=”base” value=”url” />缩放参考:设置 Flash 缩放参考点,可用参数 L 左侧; R 右侧; T 上侧; B 下侧; TL 左上;TR 右上; BL 左下; BR 右下,如果不设置默认以中心作为参考点:
<param name=”salign” value=”TL” />缩放模式:设置 Flash 缩放模式,可用参数是 showall 即显示全部内容,保持比例,但是上下或者左右可能有空白; noborder 即缩放并裁减内容,保持比例但是不留空白; exactfit 按照 Flash 设置的高度和宽度缩放,不保持比例; noscale 不放缩,原始比例。
<param name=”scale” value=”default” />
上面这些参数都是平时比较经常用到的,希望能对大家有所帮助。
但这段代码目前在 WebKit 核心的浏览器如 Safari 及 Chrome 上尚无法工作,看来嵌入 swf 文件还是暂时使用 swfObject 比较方便。