今天在页面嵌入flash的时候,想在flash上加文字,即关闭按钮,结果,一直被flash遮挡。找到原因是,flash的层比所有页面元素都高。解决方法是,设置flash的wmode="transparent"
在HTML中,如果嵌入Flash,默认会将flash放在页面的最上面。也就是说,即使用绝对定位,将z-index设的无穷高,页面里的任何元素还是无法将它盖住。这时候,有两种方法可以控制flash的z-index
1、在嵌入flash时,设置flash的wmode参数为opaque
2、在嵌入flash时,设置flash的wmode参数为transparent
对应的IE和FireFox的代码如下所示,以方法1为例:
IE下:<param name="wmode" value="opaque">
FireFox下:<embed src="http://www.xxx.com/xxx.swf" quality=high width=800 height=600 wmode=opaque type='application/x-shockwave-flash'></embed>
原因:
flash嵌入的时候有几种模式:
1、窗口(window)
默认情况下的显示模式。在这种模式下flash player有自己的窗口句柄,这就意味着flash影片是存在于Windows中的一个显示实例,并且是在浏览器核心显示窗口之上的,所以flash只 是貌似显示在浏览器中,但这也是flash最快最有效率的渲染模式。由于他是独立于浏览器的HTML渲染表面,这就导致默认显示方式下flash总是会遮 住位置与他重合的所有DHTML层。但是大多数苹果电脑浏览器会允许DHTML层显示在flash之上,但当flash影片播放时会出现比较诡异的现象,比如DHTML层像被flash刮掉一块一样显示异常。
2、不透明无窗口(opaque)
这是一种无窗口模式,在这种情况下flash player没有自己的窗口句柄,这就需要浏览器需要告诉flash player在浏览器的渲染表面绘制的时间和位置。这时flash影片就不会在高于浏览器HTML渲染表面而是与其他元素一样在同一个页面上,因此你就可以使用z-index值来控制DHTML元素是遮盖flash或者被遮盖。
3、透明无窗口(transparent)
透明模式,在这种模式下flash player会将stage的背景色alpha值将为0并且只会绘制stage上真实可见的对象,同样你也可以使用z-index来控制flash影片的 深度值,但是与opaque模式不同的是这样做会降低flash影片的回放效果,而且在9.0.115之前的flash player版本设置wmode=”opaque”或”transparent”会导致全屏模式失效。
From:http://hi.baidu.com/xgdd1987/blog/item/56d0f92db644b1321e30896d.html
简单的来说一下,embed 是个很简便的语法,可以用来播放影音文档,通常它是用来播放Windows Media Player支持的格式,但也可用来播放一些其他格式,只是要注意更多細节。embed可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3、MPG、AVI) 等等格式。
下面我们来看一下embed标签的语法:
(一)、基本语法:
embed src=url
url为音频或视频文件及其路径,可以是相对路径或绝对路径。
示例:
(二)、属性设置:
1、自动播放:
语法:autostart=true、false
说明:该属性规定音频或视频文件是否在下载完之后就自动播放。
true:音乐文件在下载完之后自动播放;
false:音乐文件在下载完之后不自动播放。
示例:
2、循环播放:
语法:loop=正整数、true、false
说明:该属性规定音频或视频文件是否循环及循环次数。
属性值为正整数值时,音频或视频文件的循环次数与正整数值相同;
属性值为true时,音频或视频文件循环;
属性值为false时,音频或视频文件不循环。
示例:
3、面板显示:
语法:hidden=true、no
说明:该属性规定控制面板是否显示,默认值为no。
ture:隐藏面板;
no:显示面板。
示例:
4、开始时间:
语法:starttime=mm:ss(分:秒)
说明:该属性规定音频或视频文件开始播放的时间。未定义则从文件开头播放。
示例:
5、音量大小:
语法:volume=0-100之间的整数
说明:该属性规定音频或视频文件的音量大小。未定义则使用系统本身的设定。
示例:
6、容器属性:
语法:height=# width=#
说明:取值为正整数或百分数,单位为像素。该属性规定控制面板的高度和宽度。
height:控制面板的高度;
width:控制面板的宽度。
示例:
7、容器单位:
语法:units=pixels、en
说明:该属性指定高和宽的单位为pixels或en。
示例:
8、外观设置:
语法:controls=console、smallconsole、playbutton、pausebutton、stopbutton、
volumelever 说明:该属性规定控制面板的外观。默认值是console。
console:一般正常面板;
smallconsole:较小的面板;
playbutton:只显示播放按钮;
pausebutton:只显示暂停按钮;
stopbutton:只显示停止按钮;
volumelever:只显示音量调节按钮。
示例:
9、对象名称:
语法:name=#
说明:#为对象的名称。该属性给对象取名,以便其他对象利用。
示例:
10、说明文字:
语法:title=#
说明:#为说明的文字。该属性规定音频或视频文件的说明文字。
示例:
11、前景色和背景色:
语法:palette=color|color
说明:该属性表示嵌入的音频或视频文件的前景色和背景色,第一个值为前景色,第二个值为背景
色,中间用 | 隔开。color可以是RGB色(RRGGBB)也可以是颜色名,还可以是transparent
(透明)。 示例:
12、对齐方式:
语法:align=top、bottom、center、baseline、 left、right、texttop、middle
分享到:
相关推荐
JavaScript 和 Flash 之间的交互是 Web 开发中的一个重要概念,尤其在早期互联网时代,Flash 被广泛用于创建动态内容和富媒体应用。然而,随着 HTML5 的崛起,Flash 已逐渐淡出,但理解两者之间的交互仍然对历史背景...
### JavaScript和Flash之间的通信 随着Web技术的发展,不同的媒体组件如JavaScript和Flash之间进行交互的需求逐渐增加。在本文中,我们将深入探讨JavaScript和Flash如何实现跨语言通信,并提供实际的应用案例来帮助...
3. **JavaScript 调用 Flash**:JavaScript可以通过`swfobject.embedSWF`或类似方法将Flash对象嵌入HTML页面中。一旦Flash加载完成,JavaScript可以使用`swfObject.getFlashById`获取Flash对象引用,然后调用`call`...
在本文中,我们将深入探讨如何使用JavaScript和Flash技术来实现图片切换效果,这种技术常见于网站中的图片轮播或幻灯片展示。我们将基于提供的标题“Javascript+Flash实现图片切换”以及描述“模拟新浪图片切换,...
`index.htm` 文件是主 HTML 页面,其中包含了必要的 HTML 结构,如 `<script>` 标签引入 JavaScript 代码,可能还有 `<object>` 或 `<embed>` 标签用于插入 Flash 内容。HTML 还会包含图片的容器元素,如 `<div>`,...
使用`<object>`或`<embed>`标签在HTML中嵌入Flash内容,并确保Flash能够访问JavaScript函数。这里,我们将使用`allowScriptAccess`属性设置为`always`,以允许跨域脚本。 ```html type="application/x-...
2. 在JavaScript中调用Flash方法:接着在HTML中,我们可以通过`object`或`embed`标签的`Flash参数`设置`allowScriptAccess`为"always",然后通过`Flash对象`调用Flash中的方法。 ```javascript var flashObject = ...
1. **嵌入Flash对象**:JavaScript可以通过`<object>`或`<embed>`标签将Flash内容插入到HTML页面中,并通过设置参数来控制Flash的初始状态和行为。 2. **SWFObject库**:这是一个常用的JavaScript库,专门用于处理...
4. 需要在HTML文档中设置EMBED标签的NAME属性,以便FLASH电影可以访问JAVASCRIPT脚本的信息。 在使用FSCommand函数时,需要注意浏览器的兼容性问题。目前,MACROMEDIA公司已经发布了一个插件代码,旨在让更多的...
- 在HTML中,使用`<object>`或`<embed>`标签嵌入Flash,同时设置`allowScriptAccess`属性为`always`或`sameDomain`,以允许JavaScript访问。 - 使用JavaScript的`window.onload`或`DOMContentLoaded`事件监听页面...
### 如何在网页中利用JavaScript调用Flash动画 随着互联网技术的发展,网页设计与开发领域不断引入新的技术和标准。在过去的年代里,Flash是创建动态和交互式内容的重要工具之一。本文将详细介绍如何通过JavaScript...
5. **allowscriptaccess**:仅对Flash内容有效,控制Flash对象能否访问JavaScript。 6. **pluginspage**:提供插件的URL,用户可以在此页面下载必要的插件。 7. **quality**:对于某些插件,可以设置图像质量,如`...
标题 "一个Flash和JavaScript通信的例子" 涉及的核心技术是Flash与JavaScript之间的交互,也称为Flash External Interface(简称FEI)或者ActionScript JavaScript Bridge(AS3 JSBridge)。这种技术允许网页中的...
JavaScript与Flash的交互通常借助于一些辅助的JavaScript库,如SwfObject。 ### 知识点一:SwfObject的配置与使用 SwfObject是一个流行的JavaScript库,它简化了Flash内容的嵌入过程,并能够优雅地处理没有安装...
当用户浏览器支持Flash且安装了对应的Flash Player时,SWFObject会使用JavaScript动态创建`<object>`和`<embed>`标签来替换预留的HTML内容,从而嵌入Flash媒体。如果用户的浏览器不支持Flash或未安装相应版本的Flash...
为了确保JavaScript能够找到并正确调用Flash对象,我们需要正确设置HTML的`<object>`或`<embed>`标签。这些标签应该包含`id`属性,以便JavaScript可以引用,并且需要设置`allowScriptAccess`属性为`always`,以允许...
在HTML代码中,我们可以通过`<object>`或`<embed>`标签的`FlashVars`参数传递值给Flash。例如,`FlashVars="start=0&volume=0.8"`将`start`设置为0,`volume`设置为0.8。Flash在加载时会解析这些参数并执行相应的...
在HTML中,我们可以使用`<object>`或`<embed>`标签嵌入Flash内容,并通过JavaScript控制它们。例如,以下代码展示了如何在JavaScript中禁用Flash的右键菜单: ```html <object id="myFlash" data="your_flash_file....
在这个场景下,`swfobject.js` 是一个非常实用的工具,它能够帮助开发者更方便地嵌入和控制Flash内容,而无需编写大量的JavaScript代码。本文将详细讲解如何利用`swfobject.js`来实现在点击按钮后显示Flash动画的...