在网页设计中，Flash视频曾是广泛用于在线流媒体播放的技术。本文将深入探讨如何在网页中嵌入Flash视频，并基于提供的"SWFobject.js"文件进行解析。
让我们理解SWFobject是什么。SWFobject是一个开源JavaScript库，它的主要功能是帮助开发者在HTML页面中无缝地插入和控制Flash内容，包括视频。由于Flash本身不支持自动检测浏览器的兼容性，SWFobject解决了这个问题，可以优雅降级，当用户的浏览器不支持Flash时，它会提供备选的HTML内容。
**一、SWFobject的使用步骤**
1. **引入SWFobject.js**: 在HTML页面的`<head>`或`<body>`标签内添加对SWFobject.js的引用。例如：
```html
<script type="text/javascript" src="SWFobject.js"></script>
```
确保该文件路径正确，以便JavaScript能够找到并加载这个库。
2. **准备Flash内容**: 创建一个SWF文件，这通常是由Adobe Flash Professional等工具制作的视频播放器。确保设置正确的尺寸、背景颜色和其他属性。
3. **创建HTML容器**: 在HTML页面上预留一个空的`<div>`元素，作为Flash内容的占位符。例如：
```html
<div id="myVideoPlayer"></div>
```
4. **使用SWFobject嵌入Flash**: 使用JavaScript调用SWFobject的`swfobject.embedSWF()`方法。该方法接受多个参数，如SWF文件的URL、容器ID、宽度、高度、版本号、替代内容等。例如：
```javascript
swfobject.embedSWF("video_player.swf", "myVideoPlayer", "400", "300", "9.0.0", "expressInstall.swf", {movie:"myVideo.mp4"}, {}, {});
```
这里的参数解释如下：
- `"video_player.swf"`: 您的SWF文件路径。
- `"myVideoPlayer"`: 容器ID。
- `"400"`, `"300"`: SWF的宽度和高度。
- `"9.0.0"`: 所需的Flash Player版本。
- `"expressInstall.swf"`: 如果用户没有安装足够的Flash版本，SWFobject会尝试引导他们安装。
- `{movie:"myVideo.mp4"}`: 视频文件名，可以包含其他Flash参数。
- `{}` 和 `{}`: 分别表示Flash对象的参数和HTML属性。
**二、Flash视频的优点和缺点**
优点：
1. 良好的跨平台支持：Flash在过去的许多年里，可以在多种操作系统和浏览器上运行。
2. 流式播放：Flash支持视频的即时播放，无需等待整个文件下载完毕。
缺点：
1. 兼容性问题：随着移动设备的发展，尤其是iOS设备不支持Flash，导致其市场份额逐渐下降。
2. 性能和功耗：Flash运行时可能会消耗大量系统资源，影响设备性能和电池寿命。
3. 安全性和隐私：Flash存在多个安全漏洞，容易被黑客利用。
**三、HTML5视频的崛起**
考虑到上述Flash的局限性，HTML5提供了 `<video>` 标签，使得在网页中直接内嵌视频成为可能，无需依赖任何插件。HTML5视频支持多种格式（如MP4、WebM、Ogg），并提供了API供开发者控制播放、暂停、音量等。
总结来说，虽然SWFobject.js是过去在网页中嵌入Flash视频的有力工具，但随着HTML5技术的进步，Flash已经逐渐被淘汰。如今，推荐使用HTML5的 `<video>` 标签来实现更现代、更安全、更高效的视频播放体验。
SWFobject.rar （1个子文件） 
SWFobject.js 7KB
