因为大学生演讲网是使用爬虫，爬取的优酷、土豆这些视频网站的视频，爬取过来的并不是源地址，而是一个swf的地址，然后我在网页中嵌入一个embed标签用于播放视频。

我在处理前端页面时，发现优酷视频嵌入页面的时候，z-index控制不了。不管你的层级设置为多小，都会遮挡前面的内容，比如顶部导航的下拉菜单，就会被播放器遮住。

遇到这个问题后，我谷歌了一下，发现这个问题还真有很多人遇到过，所以特意发个帖来说一下解决方法。

首先为什么不能覆盖掉优酷嵌入的层次呢，因为flash在网页嵌入的时候，默认是最先显示在顶层的，z-index控制不了它的层级关系。

解决方法：在flash引用的代码中，在embed标签呢添加一个属性 wmode=”opaque” 这样就可以用z-index来控制显示层了。

例如：

<embed src=”http://player.youku.com/player.php/sid/XODQ2NzIzMjY0/v.swf” allowFullScreen=”true” quality=”high” width=”650″ height=”400″ align=”middle” allowScriptAccess=”always” wmode=”opaque” type=”application/x-shockwave-flash”></embed>

本文为 陈华 原创，欢迎转载，但请注明出处：http://ichenhua.cn/read/15