SWFObject 2.0 教程：JavaScript实现Flash内容嵌入
4星 · 超过85%的资源 需积分: 9 9 浏览量
更新于2024-08-02
收藏 214KB DOC 举报 "SWFObject 2.0 是一个JavaScript库，用于在网页中优雅地嵌入Flash内容，确保对不同浏览器和版本的兼容性。它提供了两种嵌入方法：静态发布和动态发布，以及一套JavaScript API来管理和检测Flash Player。SWFObject 2.0仅需一个小型的JavaScript文件，简化了对Flash内容的处理，并且可以处理MIME类型为application/xhtml+xml的情况。它还是SWFObject 1.5和UFO的升级版，旨在替代Adobe的Flash Player Detection Kit。"
SWFObject 2.0 是Web开发中用于嵌入Flash内容的重要工具，尤其在HTML页面中，它通过JavaScript实现对Flash内容的智能插入，确保在那些不支持Flash或者Flash插件未安装的浏览器上提供备选内容。以下是关于SWFObject 2.0的关键知识点：
1. **SWFObject 2.0是什么？** 它是一个轻量级的JavaScript库，用于在网页中插入SWF文件（Flash对象），并且提供了一种渐进增强的方式，即对于没有Flash支持的用户，可以显示HTML内容作为替代。
2. **为什么使用SWFObject 2.0？** 主要是因为它支持标准的HTML标签，提高了页面的可访问性和SEO友好性，同时兼容多种浏览器和Flash Player版本。
3. **为什么使用JavaScript？** 使用JavaScript可以动态检测用户的浏览器是否支持Flash，如果支持则插入SWF内容，如果不支持则显示HTML内容，这样提高了网站的可用性。
4. **静态发布与动态发布**：静态发布在HTML中同时定义了Flash和备选内容，而动态发布则是在页面加载后通过JavaScript来插入Flash。选择哪种方式取决于开发者的需求和页面的具体情况。
5. **静态发布步骤**：
- 第一步：使用`<object>`和`<embed>`标签同时插入Flash内容和替换内容。
- 第二步：在`<head>`标签中引入SWFObject的JavaScript库。
- 第三步：调用SWFObject注册Flash内容，并设置如何处理这些内容。
6. **动态发布步骤**：
- 第一步：创建替换内容的HTML元素。
- 第二步：同样在`<head>`中引入SWFObject库。
- 第三步：使用JavaScript来动态插入SWF内容。
7. **迁移注意事项**：从SWFObject 1.5或UFO迁移至2.0时，需要注意API的变化以及新版本的优化特性，按照官方文档进行更新。
8. **MIME类型支持**：SWFObject 2.0支持MIME类型`application/xhtml+xml`，这意味着它可以很好地工作在XHTML环境中。
9. **评论政策**：可能涉及到对文档、教程或者社区讨论的反馈和评论指南。
SWFObject 2.0是一个强大且灵活的解决方案，用于在Web页面中无缝集成Flash内容，同时考虑到非Flash环境下的用户体验。它通过简洁的API和高效的实现，成为了现代Web开发中的一个重要工具。
view plaincopy to clipboardprint?
1. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2. <htmlxmlns="http://www.w3.org/1999/xhtml"lang="en"xml:l
ang="en">
3. <head>
4. <title>SWFObjectv2.0-step1</title>
5. <metahttp-equiv="Content-Type"content="text/html;ch
arset=iso-8859-1"/>
6. </head>
7. <body>
8. <div>
9.
10. <objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-
444553540000"width="780"height="420">
11. <paramname="movie"value="myContent.swf"/>
12. <!--[if!IE]>-->
13. <objecttype="application/x-shockwave-flash"dat
a="myContent.swf"width="780"height="420">
14. <!--<![endif]-->
15. <p>Alternativecontent</p>
16. <!--[if!IE]>-->
17. </object>
18. <!--<![endif]-->
19. </object>
20.
21. </div>
22. </body>
23. </html>
注意：嵌套 object 标签的方法要求两次定义 object 标签（外层的 object 为 Internet
Explorer 定义，内层的 object 为其他浏览器定义），所以你也需要两次定义你的 object 属
性（attributes）和嵌套的 param 元素。
必须的属性：
classid（只需为外层 object 元素定义，值总是等于"clsid:D27CDB6E-
AE6D-11cf-96B8-444553540000"）
type（只需为内层 object 元素定义，值总是等于"application/x-
shockwave-flash"）
data（只需为内层 object 元素定义，指定 SWF 文件的 URL）
width（内外层 object 都需要定义，指定这个 SWF 的宽）
height（内外层 object 都需要定义，指定这个 SWF 的高）
剩余15页未读，继续阅读
122 浏览量
点击了解资源详情
241 浏览量
122 浏览量
点击了解资源详情
点击了解资源详情
kyopcak47c
- 粉丝: 0
我的内容管理
展开
最新资源
- ReactJS实现的COVID-19追踪器：实时数据与趋势分析
- spring boot+mybatis开发的全栈个人博客系统
- 掌握LED灯自动闪烁实验教程与源代码分享
- 易语言高级表格库2.8#0版eGrid.fne更新与特性
- CSS-Spinner：纯CSS实现的12款优雅加载动画
- Go语言实现的fullcycle2持续集成教程
- Python代码库：辐射传热过程的实现与模拟
- 利用jQuery实现表格排序功能的方法
- 单相异步电动机FCMDL模型开发与MATLAB实现
- 易语言表格支持库2.8#0版发布：兼容性修正与功能增强
- pgRouting方向API实现：Node.js与Express的完整应用
- PCHunter_32X64_v1.57：增强版安全辅助工具发布
- 易语言客户管理模块功能与应用
- 实现无限滚动页面：使用Ajax和Infinite Ajax Scroll库
- JavaScript实现的供应链任务管理系统
- 探索六种DCT图像融合技术在Matlab开发中的应用
