首页 web前端 html教程 flash嵌入html 在html网页代码中嵌入Flash文件的解决方案(下)_HTML/Xhtml_网页制作

flash嵌入html 在html网页代码中嵌入Flash文件的解决方案(下)_HTML/Xhtml_网页制作

May 16, 2016 pm 04:40 PM

关于我的SWFObject V1.5的使用过程,以上篇中的介绍暂时告一段落了,下面我将会带领SWFObject V2.1出场与大家见面,如果我早一点结识V2.1的话,或许就不会受到“等待HTML DOM加载”问题的侵扰了。

首先,给大家简要介绍一下V2.1语法的调用示例:

复制代码
代码如下:




从我个人来讲,我比较喜欢上面的第三种写法,下面即将提到,我在HTML代码中嵌入Flash文件的最终解决方案中,就是采取的第三种风格调用的swfobject.embedSWF()。V2.1版本的风格非常符合现代JS的风格,代码显得更为简洁。

上篇中采取的解决方案看来,似乎已经能够满足大部分需求,而且兼容性似乎也还过得去,理应能够满足绝多数朋友的需求,也未尝不可是一个过得去的解决方案。但是,有一种比较极端的情况被我发现,就是在:
复制代码
代码如下:

new SWFObject("http://www.pec365.com/Flash/20071113.swf", "mymovie", "304", "367", "7", "#FFFFFF");

的时候,如果传入的Flash文件的地址有误,又或者该Flash文件在服务器中被删除掉了,那么你将看到一种最不愿意看到的情况,示例
如下:

复制代码
代码如下:


DEMO











建议您亲自执行一下这段代码,如果您是一名新手可参见上篇中说介绍的步骤来运行一下这段代码,真实的感受一下“灾难”的降临。

是的,您将看到页面上一片空白,那原本用于替换不能显示Flash时备用的图片也不见了,去了哪里呢?我经过调试后发现,纵使因为传入的Flash文件地址错误,也会创建一个错误的标签将
[……]
中的内容替换掉,从而就是你看到的,将形成一个高宽分别为304px和367px的空白区域(如果安装了Flash播放器,在屏幕左上角点击鼠标右键,您会有所发现),于是噩梦就如此降临了。

为了解决这个噩梦般的结果,于是乎,我就想到一个馊主意,首先检查一下根据传入的Flash文件地址检查一下服务器上是否真的存在该文件,如果返回的结果是该Flash文件存在,那么就执行swfobject.embedSWF()方法,而具体的思路就是利用XMLHttpRequest 对象,通过GET/HEAD方式请求服务器,然后判断xmlHttp.status == 200 || xmlHttp.status == 302作为文件存在的依据,但是这种方式似乎还是存在一定的缺陷,暂时我还没有能力完善,现将我最终的解决方案示例如下:

复制代码
代码如下:


DEMO











哇,用了数小时在把这两篇文字折腾好,不小心在公司呆到快22点了,保安来赶人了,想草草收场吧,明天上班得空再来雕琢一下文字,呵呵。
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
2 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

< datalist>的目的是什么。 元素? < datalist>的目的是什么。 元素? Mar 21, 2025 pm 12:33 PM

本文讨论了html< datalist>元素,通过提供自动完整建议,改善用户体验并减少错误来增强表格。Character计数:159

> gt;的目的是什么 元素? > gt;的目的是什么 元素? Mar 21, 2025 pm 12:34 PM

本文讨论了HTML< Progress>元素,其目的,样式和与< meter>元素。主要重点是使用< progress>为了完成任务和LT;仪表>对于stati

< meter>的目的是什么。 元素? < meter>的目的是什么。 元素? Mar 21, 2025 pm 12:35 PM

本文讨论了HTML< meter>元素,用于在一个范围内显示标量或分数值及其在Web开发中的常见应用。它区分了< meter>从< progress>和前

如何使用HTML5表单验证属性来验证用户输入? 如何使用HTML5表单验证属性来验证用户输入? Mar 17, 2025 pm 12:27 PM

本文讨论了使用HTML5表单验证属性,例如必需的,图案,最小,最大和长度限制,以直接在浏览器中验证用户输入。

< iframe>的目的是什么。 标签?使用时的安全考虑是什么? < iframe>的目的是什么。 标签?使用时的安全考虑是什么? Mar 20, 2025 pm 06:05 PM

本文讨论了< iframe>将外部内容嵌入网页,其常见用途,安全风险以及诸如对象标签和API等替代方案的目的。

视口元标签是什么?为什么对响应式设计很重要? 视口元标签是什么?为什么对响应式设计很重要? Mar 20, 2025 pm 05:56 PM

本文讨论了视口元标签,这对于移动设备上的响应式Web设计至关重要。它解释了如何正确使用确保最佳的内容缩放和用户交互,而滥用可能会导致设计和可访问性问题。

HTML5中跨浏览器兼容性的最佳实践是什么? HTML5中跨浏览器兼容性的最佳实践是什么? Mar 17, 2025 pm 12:20 PM

文章讨论了确保HTML5跨浏览器兼容性的最佳实践,重点是特征检测,进行性增强和测试方法。

我如何使用html5< time> 元素以语义表示日期和时间? 我如何使用html5< time> 元素以语义表示日期和时间? Mar 12, 2025 pm 04:05 PM

本文解释了HTML5< time>语义日期/时间表示的元素。 它强调了DateTime属性对机器可读性(ISO 8601格式)的重要性,并在人类可读文本旁边,增强Accessibilit

See all articles