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能够得到满意解决,但个别时候可能有些纠结。
Html wmode 标签参数详解的更多相关文章
- HTML标签----图文详解(二)
HTML标签超详细的图文演示再来一波~~~ 如果还没有看过昨天的福利的,那可要抓紧喽,传送门:HTML标签----图文详解 本文主要内容 列表标签 表格标签 框架标签及内嵌框架<iframe&g ...
- html 05-HTML标签图文详解(二)
05-HTML标签图文详解(二) #本文主要内容 列表标签:<ul>.<ol>.<dl> 表格标签:<table> 框架标签及内嵌框架<ifram ...
- $.ajax()方法所有参数详解;$.get(),$.post(),$.getJSON(),$.ajax()详解
[一]$.ajax()所有参数详解 url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注 ...
- 【转】jqGrid 各种参数 详解
[原文]http://www.cnblogs.com/younggun/archive/2012/08/27/2657922.htmljqGrid 各种参数 详解 JQGrid JQGrid是一个 ...
- php课程---Windows.open()方法参数详解
Window.open()方法参数详解 1, 最基本的弹出窗口代码 window.open('page.html'); 2, 经过设置后的弹出窗口 window.open('page.html ...
- 视频播放器之————JW Player参数详解
JW Player参数详解 1,安装 下载后,你可以得到一个例子,当用文本或HTML编辑器打开的时候,你可以发现swf是用一段短小的 javascript嵌入到页面上的.这个Javascript是Ge ...
- php setcookie(name, value, expires, path, domain, secure) 参数详解
setcookie() 定义一个和其余的 HTTP 标头一起发送的 cookie.和其它标头一样,cookie 必须在脚本的任何其它输出之前发送(这是协议限制).这 需要将本函数的调用放到任何输出之前 ...
- spring注入参数详解
spring注入参数详解 在Spring配置文件中, 用户不但可以将String, int等字面值注入到Bean中, 还可以将集合, Map等类型的数据注入到Bean中, 此外还可以注入配置文件中定义 ...
- 【Jquery系列】JqGrid参数详解
1 概述 本篇文章主要与大家分享JqGrid插件参数问题. 2 参数详解 2.1 初始化参数 2.2 ColModel参数 3 json数据 jqGrid可支持的数据类型:xml.jso ...
随机推荐
- Socket.io 延伸
项目正好用到了即时通讯功能,于是研究到了webSocket技术,后来发现了可以在web.[Android].[iOS]上同时使用的解决方案,那就是SocketIO.其实现原理啥的不做介绍了,直接贴上I ...
- 如何优化 App 的启动时间
http://www.cocoachina.com/ios/20161102/17931.html App 运行理论 main() 执行前发生的事 Mach-O 格式 虚拟内存基础 Mach-O 二进 ...
- Winform制作圆弧panel
原理就是手动去画边框留出四个角 然后绘制四张圆弧的图片到panel上 public class ArcPanel : Panel { protected override void OnPaint(P ...
- 常用ARM指令集及汇编_破解
链接地址:http://pan.baidu.com/s/1hsNtxJm
- MongoDB高级查询用法大全
转载 http://blog.163.com/lgh_2002/blog/static/440175262012052116455/ 详见官方的手册: http://www.mongodb.org/d ...
- 面向GC的Java编程(转)
转自:http://blog.hesey.net/2014/05/gc-oriented-java-programming.html Java程序员在编码过程中通常不需要考虑内存问题,JVM经过高度优 ...
- android 进程和线程管理
进程和线程的概念: 进程:程序的运行实例. 线程:cpu调度基本单位. Activity启动的时候,启动一个主线程,两个binder线程. 主线程实如何产生的?ZygoteInit启动,经由一系列调用 ...
- Apache Kafka开发入门指南(2)
Apache Kafka目标是统一离线和在线处理,与Flume和Scribe相比较,Kafka在处理活动流数据方面更具优势.但是从架构的视野来看,Kafka与传统的消息系统(例如ActiveMQ或Ra ...
- HDU2037今年暑假不AC(贪心)
Problem Description “今年暑假不AC?”“是的.”“那你干什么呢?”“看世界杯呀,笨蛋!”“@#$%^&*%...” 确实如此,世界杯来了,球迷的节日也来了,估计很多ACM ...
- mysql之inner join 和left join/right join
left join(左联接) 返回包括左表中的所有记录和右表中联结字段相等的记录 right join(右联接) 返回包括右表中的所有记录和左表中联结字段相等的记录inner join(等值连接) 只 ...