当前位置: 秋叶网络博客 WP教程 ◊ 网页视频等Flash元素覆盖导航条解决办法

网页视频等Flash元素覆盖导航条解决办法

作者:秋了秋 发表时间:2015年01月14日

今天仔细看了一下我博客的文章,发现以前发布的视频文章有bug.....那就是文章中调用的视频或者flash总是很霸道呀,什么都遮住,即使我的网页中的其它div层设置z-index为1000它也照样覆盖,把它的z-index设置成0,他还是覆盖,z-index已经不能对它起作用了。如图:

flash遮罩

后来在网上搜索了个解决办法,视频等flash遮罩产生就是因为我们调用flash时没有设置wmode的属性,我们只要把这个属性值设置成opaque就行了,比如:

<embed wmode="opaque" height="480" quality="high" src="//img.mizuiren.com/langdeyouhuo.swf" type="application/x-shockwave-flash" width="640">

然而对于wordpress博客来说,如果flash文章很多要一个一个修改显然是很麻烦的,所以可以通过functions.php的功能自动加入这个属性,去掉flash的遮罩。把以下代码放到functions文件里面:

//flash遮罩处理 function wpdaxue_replace_text($text){ $replace = array('<embed' => '<param name="wmode" value="opaque" /><embed wmode="opaque"'); $text = str_replace(array_keys($replace), $replace, $text); return $text;} add_filter('the_content', 'wpdaxue_replace_text');

这样就可以去掉遮罩了,以后这种视频都不会擅自遮住网页的任何部位。这个只是处理文章中的flash,对于评论中的flash或者文章摘要处的flash如果你也要处理的话,再在后面添加以下代码就行了

add_filter('the_excerpt', 'wpdaxue_replace_text'); //摘要
add_filter('comment_text', 'wpdaxue_replace_text'); //评论

测试地址:郎的诱惑——凤凰传奇 高清无水印视频欣赏

0
文章作者: 秋叶网络博客,本站鼓励原创。
转载请注明本文地址:https://www.mizuiren.com/blog/255.html
目录:WP教程 | 标签:视频,flash遮罩 | 8470次阅读
登 录
点击获取验证码
还没账号?点击这里