Html wmode 标签参数详解

原文出处:http://blog.sina.com.cn/s/blog_4532d8b50101g2sw.html

在网页中嵌入swf文件时,经常会用到wmode这个参数,而嵌入的swf出现的一些问题也往往与这个参数有关。今天升级IE的flashplayer后,发现网页中有的swf不能显示,刚开始以为是升级没有成功,但重装flashplayer之后还是不能显示,经过一翻周折之后,发现问题还是出在wmode之个参数上。所以在这里再简单温习一下:
wmode有五个值,分别是‘window‘,‘opaque‘,‘transparent‘,‘direct‘,‘gpu‘,后两个是对于flashplayer10及更高版本新增的和硬件加速有关的参数。

wmode=‘window‘

缺省模式,在这种模式下flashplayer有自己的窗口句柄,这就意味着flash影片是存在于Windows中的一个显示实例,并且是在浏览器核心显示窗口之上的,所以flash只是貌似显示在浏览器中,但这也是flash最快最有效率的渲染模式。由于它是独立于浏览器的html渲染表面,这就导至flash影片总是会遮住位置与他重合的所有html元素。
需要注意的是,大多数苹果电脑浏览器会允许html显示在flash之上,但flash影片播放时会出现比较诡异的现象,比如html元素象被flash刮掉一块的样子。

wmode=‘opaque‘

无窗口模式,在这种情况下flashplayer没有自己的窗口句柄,这就需要浏览器告诉flashplayer在浏览器的渲染表面绘制的时间和位置。这时flash影片就不会在高于浏览器html渲染表面而是与html在同一个页面上,因此你就可以使用z-index值来控制html元素在flash影片之上。

wmode=‘transparent‘

透明模式,在这种模式下flashplayer的stage背景是透明的,flashplayer只会绘制stage上的元件,同样,你也可以使用z-index来控制flash影片的深度值,但与Opaque模式不同的是这样做会降低flash影片的回放效果,而且在flashplayer9.0.115之前的版本设置wmode=‘opaque‘或‘transparent‘会导致全屏模式失效。

wmode=‘direct‘

专为flashplayer10及以更高版本新增的参数,绕过浏览器进行渲染,相当于在独立的flashplayer中进行渲染。

wmode=‘gpu‘

专为flashplayer10及以更高版本新增的参数,充分利用硬件来加速,但并不意味所有情况下使用此种模式都是好的,有些时候会事得其反。

注意:‘direct‘和‘gpu‘应该是与前面三个值不能同时用的,可能引起冲突或先设置的值失效。

今天遇到的问题发生在ie9浏览器:分别使用了滤镜和视频的两个flash影片,在原来的flashplayer 11.6.602.180能正常显示,但升级到flashplayer 13.0.0.214后却显示空白,后经去除wmode=‘transparent‘参数,显示正常,当然某种情形下可能出现遮挡现象。
大多数情况下swf插入html能够得到满意解决,但个别时候可能有些纠结。

时间: 2024-10-10 05:47:50

Html wmode 标签参数详解的相关文章

JQuery中$.ajax()方法参数详解

url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持. timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设 置. async:要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求. 如果需要发送同步请求,请将此选项

SWFTOOLS PDF2SWF 参数详解

转载至:http://blog.csdn.net/iamduoluo/article/details/6820329 SWFTools提供了一系列将各种文件转成swf的工具: font2swf.exe gif2swf.exe jpeg2swf.exe pdf2swf.exe png2swf.exe wav2swf.exe 具体的功能就顾名思义了. 其中把pdf转成swf的工具就是pdf2swf了.在命令行中运行pdf2swf src.pdf des.swf一般能满足需求.而命令行参数可以通过pd

Struts标签库详解【3】

struts2标签库详解 要在jsp中使用Struts2的标志,先要指明标志的引入.通过jsp的代码的顶部加入以下的代码: <%@taglib prefix="s" uri="/struts-tags" %> If elseif  else 描述: 执行基本的条件流转. 参数: 名称 必需 默认 类型 描述 备注 test 是 boolean 决定标志里的内容是否显示的表达式 else标志没有这个参数 id 否 Object/String 用来标识元素的

wordpress分类目录函数:wp_list_cats参数详解

今天修改主题模板时相直接调用分类目录,查了一下分类目录函数wp_list_cats(); WordPress分类目录常用格式 <?php wp_list_cats(“sort_column=ID&hide_empty=0&optioncount=1″);?> 该函数表示:分类目录按ID排列,不显示没有文章的分类,显示分类目录下的文章数量 wp_list_cats函数参数如下: sort_column默认值为ID,可选ID 或 name,分别表示按 ID 值或分类名称排序sort

Jquery ajax 参数 详解

Jquery ajax 参数主要如下: url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持. timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设 置. async:要求为Boolean类型的参数,默认设置为true,所有请求均为异步

RPM安装包-Spec文件参数详解与示例分析

spec文件是整个RPM包建立过程的中心,它的作用就如同编译程序时的Makefile文件. 1.Spec文件参数 spec文件包含建立一个RPM包必需的信息,包括哪些文件是包的一部分以及它们安装在哪个目录下.这个文件一般分为如下的几节: (1) Preamle(序言) 序言包含用户请求包的信息时所显示的内容.它可以包含包的功能描述.包的软件版本.版权信息和所属的包组等.Summary 是一行关于该软件包的描述,Name 是该软件包的基名,Version 是该软件的版本号,Release 是 RP

php课程---Windows.open()方法参数详解

Window.open()方法参数详解 1, 最基本的弹出窗口代码   window.open('page.html'); 2, 经过设置后的弹出窗口   window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')   //该句写成一行代码   参数

meta标签之详解

meta是html语言head区的一个辅助性标签.几乎所有的网页里,我们可以看到类似下面这段的html代码: <head><meta http-equiv="content-Type" content="text/html; charset=gb2312"></head> 也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,例如加入关键字会自动被大型搜索网站自动搜集:可以设定页面格式及刷新等等.

$.ajax()方法参数详解

url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持. timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设 置. async:要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求. 如果需要发送同步请求,请将此选项