`
xiaomogu
  • 浏览: 51734 次
  • 性别: Icon_minigender_2
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

javascript flash embed

阅读更多
今天在页面嵌入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之间的交互(例子)

    JavaScript 和 Flash 之间的交互是 Web 开发中的一个重要概念,尤其在早期互联网时代,Flash 被广泛用于创建动态内容和富媒体应用。然而,随着 HTML5 的崛起,Flash 已逐渐淡出,但理解两者之间的交互仍然对历史背景...

    JavaScript和Flash的通信(转)

    ### JavaScript和Flash之间的通信 随着Web技术的发展,不同的媒体组件如JavaScript和Flash之间进行交互的需求逐渐增加。在本文中,我们将深入探讨JavaScript和Flash如何实现跨语言通信,并提供实际的应用案例来帮助...

    javascript与flash相互调用

    3. **JavaScript 调用 Flash**:JavaScript可以通过`swfobject.embedSWF`或类似方法将Flash对象嵌入HTML页面中。一旦Flash加载完成,JavaScript可以使用`swfObject.getFlashById`获取Flash对象引用,然后调用`call`...

    Javascript+Flash实现图片切换

    在本文中,我们将深入探讨如何使用JavaScript和Flash技术来实现图片切换效果,这种技术常见于网站中的图片轮播或幻灯片展示。我们将基于提供的标题“Javascript+Flash实现图片切换”以及描述“模拟新浪图片切换,...

    Javascript+Flash实现5副图片切换

    `index.htm` 文件是主 HTML 页面,其中包含了必要的 HTML 结构,如 `&lt;script&gt;` 标签引入 JavaScript 代码,可能还有 `&lt;object&gt;` 或 `&lt;embed&gt;` 标签用于插入 Flash 内容。HTML 还会包含图片的容器元素,如 `&lt;div&gt;`,...

    JS加载flash进度条

    使用`&lt;object&gt;`或`&lt;embed&gt;`标签在HTML中嵌入Flash内容,并确保Flash能够访问JavaScript函数。这里,我们将使用`allowScriptAccess`属性设置为`always`,以允许跨域脚本。 ```html type="application/x-...

    Flash与JavaScript的通信例子及总结(源码)

    2. 在JavaScript中调用Flash方法:接着在HTML中,我们可以通过`object`或`embed`标签的`Flash参数`设置`allowScriptAccess`为"always",然后通过`Flash对象`调用Flash中的方法。 ```javascript var flashObject = ...

    JavaScript写的flash书角广告代码

    1. **嵌入Flash对象**:JavaScript可以通过`&lt;object&gt;`或`&lt;embed&gt;`标签将Flash内容插入到HTML页面中,并通过设置参数来控制Flash的初始状态和行为。 2. **SWFObject库**:这是一个常用的JavaScript库,专门用于处理...

    FLASH与JAVASCRIPT之间的通讯.pdf

    4. 需要在HTML文档中设置EMBED标签的NAME属性,以便FLASH电影可以访问JAVASCRIPT脚本的信息。 在使用FSCommand函数时,需要注意浏览器的兼容性问题。目前,MACROMEDIA公司已经发布了一个插件代码,旨在让更多的...

    flash与JavaScript的互联实例

    - 在HTML中,使用`&lt;object&gt;`或`&lt;embed&gt;`标签嵌入Flash,同时设置`allowScriptAccess`属性为`always`或`sameDomain`,以允许JavaScript访问。 - 使用JavaScript的`window.onload`或`DOMContentLoaded`事件监听页面...

    网页页面中如何用Javascript调用Flash动画?

    ### 如何在网页中利用JavaScript调用Flash动画 随着互联网技术的发展,网页设计与开发领域不断引入新的技术和标准。在过去的年代里,Flash是创建动态和交互式内容的重要工具之一。本文将详细介绍如何通过JavaScript...

    embed使用,embed播放多媒体

    5. **allowscriptaccess**:仅对Flash内容有效,控制Flash对象能否访问JavaScript。 6. **pluginspage**:提供插件的URL,用户可以在此页面下载必要的插件。 7. **quality**:对于某些插件,可以设置图像质量,如`...

    一个flash和javascript通信的例子

    标题 "一个Flash和JavaScript通信的例子" 涉及的核心技术是Flash与JavaScript之间的交互,也称为Flash External Interface(简称FEI)或者ActionScript JavaScript Bridge(AS3 JSBridge)。这种技术允许网页中的...

    javascript向flash swf文件传递参数值注意细节

    JavaScript与Flash的交互通常借助于一些辅助的JavaScript库,如SwfObject。 ### 知识点一:SwfObject的配置与使用 SwfObject是一个流行的JavaScript库,它简化了Flash内容的嵌入过程,并能够优雅地处理没有安装...

    SWFObject: 基于Javascript的Flash媒体版本检测与嵌入模块

    当用户浏览器支持Flash且安装了对应的Flash Player时,SWFObject会使用JavaScript动态创建`&lt;object&gt;`和`&lt;embed&gt;`标签来替换预留的HTML内容,从而嵌入Flash媒体。如果用户的浏览器不支持Flash或未安装相应版本的Flash...

    JavaScript加载FlashPaper文档

    为了确保JavaScript能够找到并正确调用Flash对象,我们需要正确设置HTML的`&lt;object&gt;`或`&lt;embed&gt;`标签。这些标签应该包含`id`属性,以便JavaScript可以引用,并且需要设置`allowScriptAccess`属性为`always`,以允许...

    javascript经典特效---flash的超酷播放.rar

    在HTML代码中,我们可以通过`&lt;object&gt;`或`&lt;embed&gt;`标签的`FlashVars`参数传递值给Flash。例如,`FlashVars="start=0&volume=0.8"`将`start`设置为0,`volume`设置为0.8。Flash在加载时会解析这些参数并执行相应的...

    Flash+js禁用flash右键

    在HTML中,我们可以使用`&lt;object&gt;`或`&lt;embed&gt;`标签嵌入Flash内容,并通过JavaScript控制它们。例如,以下代码展示了如何在JavaScript中禁用Flash的右键菜单: ```html &lt;object id="myFlash" data="your_flash_file....

    swfobject.js代替JavaScript实现点击按钮显示Flash动画

    在这个场景下,`swfobject.js` 是一个非常实用的工具,它能够帮助开发者更方便地嵌入和控制Flash内容,而无需编写大量的JavaScript代码。本文将详细讲解如何利用`swfobject.js`来实现在点击按钮后显示Flash动画的...

Global site tag (gtag.js) - Google Analytics