HTML5嵌入SWF方法全解析

大家好，今天本人给大家带来文章《HTML5 embed嵌入SWF方法详解》，文中内容主要涉及到，如果你对文章方面的知识点感兴趣，那就请各位朋友继续看下去吧~希望能真正帮到你们，谢谢！

HTML5中标签可嵌入SWF及多媒体文件，但已逐步弃用；应优先使用

如果您需要在网页中嵌入SWF动画或传统多媒体文件（如MP3、WAV、AVI等），HTML5 中的 标签仍可被部分浏览器支持，但需注意其行为因浏览器和 MIME 类型而异。以下是使用 标签嵌入 SWF 或多媒体文件的具体方法：

一、嵌入 SWF 动画文件

标签可通过 src 属性指定 SWF 文件路径，并配合 type 属性声明 MIME 类型 application/x-shockwave-flash，以触发 Flash 插件（需用户本地已安装且浏览器未完全禁用）。该方式不依赖 JavaScript，属于直接内联嵌入。

1、在 HTML 文档的 区域中插入 标签。

2、设置 src 属性为 SWF 文件的相对或绝对路径，例如 src="banner.swf"。

3、设置 type 属性为 application/x-shockwave-flash。

4、通过 width 和 height 属性指定显示区域尺寸，例如 width="600" height="400"。

5、可选添加 flashvars 参数（以查询字符串形式）向 SWF 传递初始变量，例如 flashvars="lang=zh&debug=true"。

二、嵌入音频文件（MP3/WAV）

当目标浏览器支持对应音频解码器时， 可直接调用内置播放器控件加载音频。此时 type 应设为 audio/mpeg（MP3）或 audio/wav（WAV），并启用 autostart、loop 等插件级参数（兼容性取决于插件实现）。

1、编写 标签，设置 src 指向音频文件，如 src="music.mp3"。

2、设置 type 为 audio/mpeg（MP3）或 audio/wav（WAV）。

3、设定 width 和 height，推荐高度至少为 30 以确保控件可见，例如 width="300" height="36"。

4、添加 autostart="false" 防止自动播放；如需循环，加入 loop="true"。

5、可附加 hidden="false" 显式启用控件界面，或设为 hidden="true" 隐藏控件仅后台播放。

三、嵌入视频文件（AVI/MP4/WMV）

对于非标准 HTML5 视频格式（如 AVI、WMV），部分旧版浏览器可能依赖第三方插件（如 QuickTime、Windows Media Player）解析 内容。此时需匹配插件注册的 MIME 类型，并指定 pluginspage 引导用户安装缺失插件。

1、设置 src 属性为视频文件路径，例如 src="demo.avi"。

2、根据目标插件设置 type：AVI 常用 video/x-msvideo，WMV 使用 video/x-ms-wmv，MP4 可尝试 video/mp4（但推荐优先使用 标签）。

3、配置 width 和 height 与视频分辨率一致，避免拉伸，例如 width="800" height="600"。

4、添加 pluginspage 属性指向插件下载页，如 pluginspage="http://www.apple.com/quicktime/download/"（QuickTime）。

5、使用 controller="true" 启用插件自带控制条；设为 false 则隐藏全部控件。

四、设置备用内容与兼容回退

标签本身不支持内部子内容，但可将其包裹于