如何避免视频遮挡部分网页

9

用周良博客作为一个例子,当插入优酷等视频时,由于flash会自动在最顶层,当滚动浏览器时,flash会遮挡主题的Topbar(就是类似流氓插件的东西)。

如下图:

 

那么,应该如何操作,才不会让视频遮住topbar那?好吧,废话不多说了。

1.以优酷为例,复制分享中的html代码。

 

2. 将代码复制到wordpress文章编辑HTML模式。

 

3. 切换到“可视化”,然后再切换成HTML模式。代码会自动变成下面很长一串……(这一步很重要~~~)

 

4.下面是代码,让我们来分析一下吧

[cce]
<object width="480" height="400" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">

<param name="src" value="http://player.youku.com/player.php/Type/Folder/Fid/6473240/Ob/1/Pt/0/sid/XMjg4MTQwOTA4/v.swf" />

<param name="quality" value="high" />

<param name="allowscriptaccess" value="always" />

<param name="allowfullscreen" value="true" />

<param name="mode" value="transparent" />

<embed width="480" height="400" type="application/x-shockwave-flash" src="http://player.youku.com/player.php/Type/Folder/Fid/6473240/Ob/1/Pt/0/sid/XMjg4MTQwOTA4/v.swf" quality="high" allowscriptaccess="always" allowfullscreen="true" mode="transparent" />

</object>

[/cce]

a. 将其中的 <param name="mode" value="transparent" />

改成     <param name="wmode" value="opaque" />

b. 将embed中的结尾的 mode="transparent" 改成 wmode="transparent"

即可。

PS:如果你要是不会转换代码的话,可以直接复制周良提供的代码,但千万不要忘记修改swf地址....不然视频还是我这里提供的!

如果你有设计或者 WordPress 方面的项目需求,可以和我联系 Email:wwwzhouliang@gmail.com。

作者主页 邮箱 微博 腾讯微博 QQ Twitter Facebook Google+

共 9 条评论

  1. yyh 回复

    这么多的代码啊................

  2. 百家乐用品 回复

    技术性较强咯

  3. 淘宝网购物童装 回复

    又学习了!!谢谢你

  4. 广州SEO 回复

    这样做有什么作用呢?

    1. 周良 (文章作者) 回复

      带给读者更好的阅读体验

  5. 广州SEO 回复

    刚才把网址弄错了,可悲。

    1. 周良 (文章作者) 回复

      已经帮忙修改了

  6. 科士威产品 回复

    技术文章

  7. 三斗柜  回复

    哈哈,真是技术帝,学习了

Leave a Reply

您的邮箱不会公开,当您的评论有新的回复时,会通过您填写的邮箱向您发送评论内容。 Required fields are marked *

返回顶部