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下：
FireFox下：

原因：
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